Sign inSign up

upperroomtechnology/design-web

By upperroomtechnology

•Updated over 9 years ago

For designing the html/css of the interface

Image
0

145

upperroomtechnology/design-web repository overview

⁠UpperRoom template

⁠Overview

This is design-web repository provides templates for UpperRoom applications.

⁠Technical Stack

⁠1. Languages
⁠HTML5

see Wikipedia⁠

HTML5 Hypertext Markup Language revision 5 (HTML5) is markup language for the structure and presentation of World Wide Web contents. HTML5 supports the traditional HTML and XHTML-style syntax and other new features in its markup, New APIs, XHTML and error handling.

⁠CSS3

see Wikipedia⁠

CSS3 A cascading style sheet (CSS) is a Web page derived from multiple sources with a defined order of precedence where the definitions of any style element conflict.

⁠SASS

see Wikipedia⁠

SASS (syntactically awesome stylesheets) is a scripting language that is interpreted into Cascading Style Sheets (CSS).

⁠JADE

see Jade⁠

Jade is an elegant templating language focused on enabling quick HTML coding.

⁠2. Tools and Libs
⁠Docpad 6.78.6

see Docpad⁠

DocPad is a dynamic static-site generator. That is a content management system that takes content from several sources, like files on your computer, and renders them into incredibly fast static output. DocPad's dynamic abilities allows you to pull in data from several sources, re-render when changes occur, and even add dynamic things like contact forms or admin interfaces to your website if desired.

⁠Bootstrap 3.3.7

see Bootstrap⁠

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

⁠Html-inspector 0.8.2

see Github⁠

HTML Inspector is a highly-customizable, code quality tool to help developer write better markup. It aims to find a balance between the uncompromisingly strict W3C validator and having absolutely no rules at all


⁠Getting Started

Download the latest source code from GitHub

⁠Docker Build instruction
⁠1. Installation

Builds the project bin/build.sh.

⁠2. Build and development

Runs the project with bin/run.sh.

⁠Manual Build instruction

Unless you don't want to use docker, you can by pass this section.

⁠1. Installation
⁠Nodejs
sudo apt-get install curl
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs
⁠Docpad
npm install -g [email protected]
⁠Sass
sudo apt-get update
sudo apt-get install curl
\curl -sSL https://get.rvm.io | bash
source ~/.rvm/scripts/rvm
rvm install 2.2.2
gem install sass
rvm --default use 2.2.2
⁠Jade
sudo npm install jade -g
⁠2. Build and development
  docpad install
  bower install
  docpad run
⁠3. Running app

localhost:7000⁠

Tag summary

Content type

Image

Digest

Size

302.8 MB

Last updated

over 9 years ago

docker pull upperroomtechnology/design-web:develop