Skip to content
Open
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
components/
build/
3 changes: 3 additions & 0 deletions README.md
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
21 changes: 21 additions & 0 deletions component.json
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"
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

react??

],
"scripts": [
"index.js"
],
"styles": [
"index.css"
],
"dependencies": {
"components/modernizr": "*",
"necolas/normalize.css": "^3.0.2"
},
"locals": ["vendor/semantic"],
"paths": ["./", "../"]
}
40 changes: 40 additions & 0 deletions index.css
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");
Copy link
Copy Markdown

Choose a reason for hiding this comment

The 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;
Copy link
Copy Markdown

Choose a reason for hiding this comment

The 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);
}
150 changes: 150 additions & 0 deletions index.html
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]>
Copy link
Copy Markdown

Choose a reason for hiding this comment

The 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>
Empty file added index.js
Empty file.
18 changes: 18 additions & 0 deletions vendor/semantic/component.json
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/*"
]
}
Loading