Sign inSign up

upperroomtechnology/design-web

By upperroomtechnology

Updated over 9 years ago

For designing the html/css of the interface

Image
0

143

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