-
Notifications
You must be signed in to change notification settings - Fork 0
[Don't Merge] basic structure #1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Changes from 2 commits
a0b7e87
6e38bf3
61345b4
1b4ebad
23e19a9
355490c
782e94f
5426816
3e05c3b
359e0c0
9efa682
5b15002
ef6db6b
1904edc
64b6c44
88638db
6d25483
03a67ec
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| components/ | ||
| build/ |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,5 @@ | ||
| # www.code4.hk | ||
| website for the community. Version 2. | ||
|
|
||
|
|
||
| component build |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| { | ||
| "name": "code4hk", | ||
| "description": "www.code4.hk", | ||
| "version": "0.0.1", | ||
| "keywords": [ | ||
| "shim", | ||
| "react" | ||
| ], | ||
| "scripts": [ | ||
| "index.js" | ||
| ], | ||
| "styles": [ | ||
| "index.css" | ||
| ], | ||
| "dependencies": { | ||
| "components/modernizr": "*", | ||
| "necolas/normalize.css": "^3.0.2" | ||
| }, | ||
| "locals": ["vendor/semantic"], | ||
| "paths": ["./", "../"] | ||
| } | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| #home .welcome{ | ||
| background-image:url("http://hdwallpick.com/wp-content/uploads/2014/05/elegant-grey-illumination-background-presentations-powerpoint-backgrounds.jpg"); | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. should we fork this and specify in any doc instead? |
||
| min-height:10rem; | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I will use rem when only for text size. |
||
| padding:10rem; | ||
| } | ||
|
|
||
| .dashboard .metric{ | ||
| font-size:3rem; | ||
| } | ||
|
|
||
|
|
||
| .dashboard .column{ | ||
| margin-left: -1em; | ||
| color:white; | ||
| } | ||
| .dashboard .column .fblikes{ | ||
| background-color:red; | ||
| } | ||
|
|
||
|
|
||
| .header-logo{ | ||
| max-width:5rem; | ||
| } | ||
|
|
||
| .community-logo{ | ||
| max-width:20rem; | ||
| } | ||
|
|
||
| .code4hk-4{ | ||
| color:red | ||
| } | ||
|
|
||
| #home .stripe { | ||
| background-color: #FFFFFF; | ||
| padding: 10em 0px; | ||
| border-radius: 0em; | ||
| margin: 0em; | ||
| -webkit-transform: translate3d(0, 0, 0); | ||
| transform: translate3d(0, 0, 0); | ||
| } | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| <!doctype html> | ||
| <html class="no-js" lang=""> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
|
|
||
| <title></title> | ||
| <meta name="description" content=""> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="apple-touch-icon" href="apple-touch-icon.png"> | ||
| <link rel="stylesheet" href="build/build.css"> | ||
|
|
||
| </head> | ||
| <body id="home"> | ||
| <!--[if lt IE 8]> | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. IE8 already too old lol |
||
| <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> | ||
| <![endif]--> | ||
| <nav> | ||
| <div class="following bar hidden"> | ||
| <div class="ui page grid"> | ||
| <div class="column"> | ||
| <div class="ui right floated secondary menu inverted"> | ||
| <div class="item"> | ||
| Tweet here | ||
| Github here | ||
| </div> | ||
| <div class="ui language floating dropdown link item" id="languages"> | ||
| <i class="world icon"></i> | ||
| <div class="text">English</div> | ||
| <div class="menu inverted"> | ||
| <div class="item active selected" data-percent="100" data-value="en" data-english="English">English</div> | ||
| <div class="item" data-percent="34" data-value="zh" data-english="Chinese">简体中文</div> | ||
| <div class="item" data-percent="54" data-value="zh_TW" data-english="Chinese (Taiwan)">中文 (臺灣)</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="ui large secondary network menu inverted"> | ||
| <img class="header-logo" src="http://www.code4.hk/img/logo.png"></img> | ||
| <a class="view-ui item"> | ||
| Home | ||
| </a> | ||
| <a href="http://www.learnsemantic.com" data-site="learn" class="additional item">Learn</a> | ||
| <span class="additional item" data-site="themes" data-content="Coming Soon">Themes</span> | ||
| <span class="additional item" data-site="layout" data-content="Coming Soon">Layouts</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <section class="ui welcome full height "> | ||
| <div class="ui page grid"> | ||
| <div class="column"> | ||
| <div class="introduction"> | ||
| <h1 class="ui inverted header"> | ||
| <span class="library"> | ||
| <span class="code4hk-heder">CODE<strong class="code4hk-4">4</strong>HK</span> | ||
| <div class="code4hk-tagline"> | ||
| {Open Gov . Civic Hacking . Open Source} | ||
| <div class="ui circular facebook icon button"> | ||
| <i class="facebook icon"></i> | ||
| </div> | ||
| <div class="ui circular twitter icon button"> | ||
| <i class="twitter icon"></i> | ||
| </div> | ||
| </div> | ||
|
|
||
| </span> | ||
| </h1> | ||
| <div class="ui hidden divider"></div> | ||
| <a class="ui big basic inverted pink view-ui button"> | ||
| <i class="sidebar icon"></i> | ||
| Get Started | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <div class="ui inverted five column divided grid dashboard center aligned"> | ||
| <div class="column "> | ||
| <div class="metric">99</div> | ||
| <span>Projects</span> | ||
| </div> | ||
| <div class="column"> | ||
| <div class="metric">99</div> | ||
| <span>Events & Hackathons</span> | ||
| </div> | ||
| <div class="column"> | ||
| <div class="metric">99</div> | ||
| <span>Collaborations</span> | ||
| </div> | ||
| <div class="column"> | ||
| <div class="metric">1299</div> | ||
| <span>Members @ FB Group</span> | ||
| </div> | ||
| <div class="column" > | ||
| <div class="dashboard-widget fblikes"> | ||
| <div class="metric">1299</div> | ||
| <span>Likes @ FB Page</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section class="ui stripe page"> | ||
| <div class="ui vertical segment"> | ||
|
|
||
| <div class="ui grid"> | ||
| <div class="four wide column"> | ||
| <img class="community-logo" src="http://www.code4.hk/img/logo.png"></img> | ||
| </div> | ||
| <div class="twelve wide column"> | ||
| <h3 class="ui header">Community</h3> | ||
| Code for Hong Kong is a commmunity aims to promote civic hacking. | ||
|
|
||
| Eric Schidmt | ||
|
|
||
| "Drive social changes by Code", we believe that is one of the few ways that | ||
| We are decentralized, we gather by the Common Vision and Passion to improve our lovely City. | ||
| No one can represent the commmunity as a whole while actionism our work reach a rough concensus and improve the society. | ||
| Read our Manifesto to know more. | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="ui vertical segment"> | ||
| <h3 class="ui header"></h3> | ||
| Civic Hacking is about collaborating with others to create, build, and invent open source solutions using publicly-released data, code and technology to solve social, economic, and environmental challenges relevant to their neighborhood, city, state, or country. | ||
|
|
||
| </div> | ||
| <div class="ui vertical segment"> | ||
| Open goverment | ||
|
|
||
|
|
||
| </div> | ||
|
|
||
| </section> | ||
| <!-- <div class="ui section divider"></div> --> | ||
|
|
||
| <section class="ui stripe page vertical segment"> | ||
|
|
||
| </section> | ||
|
|
||
| <script src="build/build.js"></script> | ||
| <script src="js/main.js"></script> | ||
|
|
||
|
|
||
|
|
||
| </body> | ||
| </html> | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| { | ||
| "name": "vendor/semantic", | ||
| "version": "0.0.1", | ||
| "keywords": [ | ||
| "shim", | ||
| "react" | ||
| ], | ||
| "scripts": [ | ||
| "semantic.js" | ||
| ], | ||
| "styles": [ | ||
| "semantic.css" | ||
| ], | ||
| "fonts": [ | ||
| "themes/basic/assets/fonts/*", | ||
| "themes/default/assets/fonts/*" | ||
| ] | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
react??