Skip to content

Commit 0b90e93

Browse files
allayliallayli
committed
[OIL] Refine Homepage
1 parent 395752e commit 0b90e93

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

92 files changed

+13939
-0
lines changed

‎oil/9-12.html

+181
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="The Homepage of CUHK Open Innovation Lab">
8+
<meta name="author" content="Jonathan">
9+
<title>CUHK Opne Innovation Lab</title>
10+
11+
<!-- Bootstrap core CSS -->
12+
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
13+
14+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
15+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
16+
<script src="assets/js/ie-emulation-modes-warning.js"></script>
17+
18+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19+
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
20+
21+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22+
<!--[if lt IE 9]>
23+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
24+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
25+
<![endif]-->
26+
27+
<!-- Custom styles for this template -->
28+
<link href="homepage.css" rel="stylesheet">
29+
</head>
30+
<!-- NAVBAR
31+
================================================== -->
32+
<body>
33+
<div class="navbar-wrapper">
34+
<div class="container">
35+
36+
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
37+
<div class="container">
38+
<div class="navbar-header">
39+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
40+
<span class="sr-only">Toggle navigation</span>
41+
<span class="icon-bar"></span>
42+
<span class="icon-bar"></span>
43+
<span class="icon-bar"></span>
44+
</button>
45+
<a class="navbar-brand" href="index.html">CUHK OIL</a>
46+
</div>
47+
<div class="navbar-collapse collapse">
48+
<ul class="nav navbar-nav">
49+
<li class="active"><a href="index.html">Home</a></li>
50+
<li><a href="http://cuhkoil.org/newsletter/">NewsLetter</a></li>
51+
<li><a href="contact.html">Contact</a></li>
52+
<li><a href="news.html">News</a></li>
53+
<!--li class="dropdown">
54+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Newsletter <span class="caret"></span></a>
55+
<ul class="dropdown-menu" role="menu">
56+
<li><a href="http://cuhkoil.org/newsletter/">Subscribe</a></li>
57+
<li><a href="http://cuhkoil.org/newsletter/">Online newsletter</a></li>
58+
</ul>
59+
</li-->
60+
</ul>
61+
</div>
62+
</div>
63+
</div>
64+
65+
</div>
66+
</div>
67+
68+
69+
<!-- Marketing messaging and featurettes
70+
================================================== -->
71+
<!-- Wrap the rest of the page in another container to center all the content. -->
72+
73+
<div class="container marketing">
74+
75+
<!-- Three columns of text below the carousel -->
76+
<div class="row">
77+
78+
<div class="col-lg-12 col-md-offset-0">
79+
<br>
80+
<br>
81+
<br>
82+
<br>
83+
<br>
84+
<br>
85+
<br>
86+
<center>
87+
88+
<font size="65">Meetup 2014.09.12</font>
89+
90+
</center>
91+
</div><!-- /.col-lg-4 -->
92+
</div><!-- /.row -->
93+
94+
95+
<!-- START THE FEATURETTES -->
96+
97+
<hr class="featurette-divider">
98+
99+
<div class="row featurette">
100+
<div class="col-md-7">
101+
102+
<h2 class="featurette-heading">Kivy -- <span class="text-muted">Jonathan Liang</span></h2>
103+
<p class="lead">Kivy is a cross-platform project working on using python code to build app and running on Android, iOS, MacOS, Linux and Windows. Build your first mobile app? Try to follow Johnothon, and it is pretty easy!
104+
</p>
105+
</div>
106+
<div class="col-md-5">
107+
<img class="featurette-image img-responsive" src="images/Sep12/john.JPG" alt="Generic placeholder image">
108+
</div>
109+
</div>
110+
111+
112+
<hr class="featurette-divider">
113+
114+
<div class="row featurette">
115+
<div class="col-md-7">
116+
117+
<h2 class="featurette-heading">Python -- <span class="text-muted">Leo Gao</span></h2>
118+
<p class="lead">A brief introduction of python is given by Leo, to help the audience better understand the kivy project. Python, a very user-friendly language, has become more and more popular. </p>
119+
</div>
120+
<div class="col-md-5">
121+
<img class="featurette-image img-responsive" src="images/Sep12/leo.JPG" alt="Generic placeholder image">
122+
</div>
123+
</div>
124+
125+
<hr class="featurette-divider">
126+
127+
<div class="row featurette">
128+
<div class="col-md-5">
129+
<img class="featurette-image img-responsive" src="images/Sep12/ben.JPG" alt="Generic placeholder image">
130+
</div>
131+
<div class="col-md-7">
132+
<h2 class="featurette-heading">Yo -- <span class="text-muted">Ben Crox</span></h2>
133+
<p class="lead">Ben introduced an interesting app called Yo to us. It is a very simple app with very special design objectives. Download Yo on your phone to have a try.</p>
134+
</div>
135+
</div>
136+
137+
<hr class="featurette-divider">
138+
139+
<div class="row featurette">
140+
<div class="col-md-7">
141+
<h2 class="featurette-heading">Book Search App -- <span class="text-muted">Carson Ip</span></h2>
142+
<p class="lead">Carson introduced his app based on Android. The book search app can help the users to find useful books easily.</p>
143+
</div>
144+
<div class="col-md-5">
145+
<img class="featurette-image img-responsive" src="images/Sep12/book.JPG" alt="Generic placeholder image">
146+
</div>
147+
</div>
148+
149+
<hr class="featurette-divider">
150+
151+
<div class="row featurette">
152+
<div class="col-md-7">
153+
<h2 class="featurette-heading">Password Generator -- <span class="text-muted">YIn Li</span></h2>
154+
<p class="lead">Yin gave a short introduction of his project based on R language. The password generator can generate appropriate passwords for users.</p>
155+
</div>
156+
<div class="col-md-5">
157+
<img class="featurette-image img-responsive" src="images/Sep12/yi.JPG" alt="Generic placeholder image">
158+
</div>
159+
</div>
160+
161+
<hr class="featurette-divider">
162+
163+
<!-- /END THE FEATURETTES -->
164+
165+
166+
<!-- FOOTER -->
167+
<footer>
168+
<p class="pull-right"><a href="#">Back to top</a></p>
169+
</footer>
170+
171+
</div><!-- /.container -->
172+
173+
174+
<!-- Bootstrap core JavaScript
175+
================================================== -->
176+
<!-- Placed at the end of the document so the pages load faster -->
177+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
178+
<script src="bootstrap/js/bootstrap.min.js"></script>
179+
<script src="assets/js/docs.min.js"></script>
180+
</body>
181+
</html>

‎oil/9-19.html

+178
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="The Homepage of CUHK Open Innovation Lab">
8+
<meta name="author" content="Jonathan">
9+
<title>CUHK Opne Innovation Lab</title>
10+
11+
<!-- Bootstrap core CSS -->
12+
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
13+
14+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
15+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
16+
<script src="assets/js/ie-emulation-modes-warning.js"></script>
17+
18+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19+
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
20+
21+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22+
<!--[if lt IE 9]>
23+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
24+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
25+
<![endif]-->
26+
27+
<!-- Custom styles for this template -->
28+
<link href="homepage.css" rel="stylesheet">
29+
</head>
30+
<!-- NAVBAR
31+
================================================== -->
32+
<body>
33+
<div class="navbar-wrapper">
34+
<div class="container">
35+
36+
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
37+
<div class="container">
38+
<div class="navbar-header">
39+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
40+
<span class="sr-only">Toggle navigation</span>
41+
<span class="icon-bar"></span>
42+
<span class="icon-bar"></span>
43+
<span class="icon-bar"></span>
44+
</button>
45+
<a class="navbar-brand" href="index.html">CUHK OIL</a>
46+
</div>
47+
<div class="navbar-collapse collapse">
48+
<ul class="nav navbar-nav">
49+
<li class="active"><a href="index.html">Home</a></li>
50+
<li><a href="http://cuhkoil.org/newsletter/">NewsLetter</a></li>
51+
<li><a href="contact.html">Contact</a></li>
52+
<li><a href="news.html">News</a></li>
53+
<!--li class="dropdown">
54+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Newsletter <span class="caret"></span></a>
55+
<ul class="dropdown-menu" role="menu">
56+
<li><a href="http://cuhkoil.org/newsletter/">Subscribe</a></li>
57+
<li><a href="http://cuhkoil.org/newsletter/">Online newsletter</a></li>
58+
</ul>
59+
</li-->
60+
</ul>
61+
</div>
62+
</div>
63+
</div>
64+
65+
</div>
66+
</div>
67+
68+
69+
<!-- Marketing messaging and featurettes
70+
================================================== -->
71+
<!-- Wrap the rest of the page in another container to center all the content. -->
72+
73+
<div class="container marketing">
74+
75+
<!-- Three columns of text below the carousel -->
76+
<div class="row">
77+
78+
<div class="col-lg-12 col-md-offset-0">
79+
<br>
80+
<br>
81+
<br>
82+
<br>
83+
<br>
84+
<br>
85+
<br>
86+
<center>
87+
88+
<font size="65">Meetup 2014.09.19</font>
89+
90+
</center>
91+
</div><!-- /.col-lg-4 -->
92+
</div><!-- /.row -->
93+
94+
95+
<!-- START THE FEATURETTES -->
96+
97+
<hr class="featurette-divider">
98+
99+
<div class="row featurette">
100+
<div class="col-md-7">
101+
102+
<h2 class="featurette-heading">Snacks Time</h2>
103+
<p class="lead">Members of OIL shared their ideas about Open Source Projects and made friends with each other.</p>
104+
</div>
105+
<div class="col-md-5">
106+
<img class="featurette-image img-responsive" src="images/Sep19/talk.jpg" alt="Generic placeholder image">
107+
</div>
108+
</div>
109+
110+
<hr class="featurette-divider">
111+
112+
<div class="row featurette">
113+
<div class="col-md-5">
114+
<img class="featurette-image img-responsive" src="images/Sep19/piliintro.jpg" alt="Generic placeholder image">
115+
</div>
116+
<div class="col-md-7">
117+
<h2 class="featurette-heading">Introduction of the theme today - <span class="text-muted">by Pili Hu</span></h2>
118+
<p class="lead">Pili gave a short introduction of the topic of this meetup and passed the stage to the speaker. </p>
119+
</div>
120+
</div>
121+
122+
<hr class="featurette-divider">
123+
124+
<div class="row featurette">
125+
<div class="col-md-7">
126+
<h2 class="featurette-heading">Self-Introduction - <span class="text-muted">Lau Chun Yin Vincent</span></h2>
127+
<p class="lead">Vincent gave a brief introduction of himself and talked about the agenda of his speech. </p>
128+
</div>
129+
<div class="col-md-5">
130+
<img class="featurette-image img-responsive" src="images/Sep19/intro.jpg" alt="Generic placeholder image">
131+
</div>
132+
</div>
133+
134+
<hr class="featurette-divider">
135+
136+
<div class="row featurette">
137+
<div class="col-md-7">
138+
<h2 class="featurette-heading">Project Demonstration - <span class="text-muted">Lau Chun Yin Vincent</span></h2>
139+
<p class="lead">Vincent demonstrated some of his projects and showed us how to visualize some raw data.</p>
140+
</div>
141+
<div class="col-md-5">
142+
<img class="featurette-image img-responsive" src="images/Sep19/demo.jpg" alt="Generic placeholder image">
143+
</div>
144+
</div>
145+
146+
<hr class="featurette-divider">
147+
148+
<div class="row featurette">
149+
<div class="col-md-7">
150+
<h2 class="featurette-heading">Recent Activities - <span class="text-muted">Lau Chun Yin Vincent</span></h2>
151+
<p class="lead">Vincent shared a recent open source activity and introduced some other people active in the open source community.</p>
152+
</div>
153+
<div class="col-md-5">
154+
<img class="featurette-image img-responsive" src="images/Sep19/otherpeople.jpg" alt="Generic placeholder image">
155+
</div>
156+
</div>
157+
158+
<hr class="featurette-divider">
159+
160+
<!-- /END THE FEATURETTES -->
161+
162+
163+
<!-- FOOTER -->
164+
<footer>
165+
<p class="pull-right"><a href="#">Back to top</a></p>
166+
</footer>
167+
168+
</div><!-- /.container -->
169+
170+
171+
<!-- Bootstrap core JavaScript
172+
================================================== -->
173+
<!-- Placed at the end of the document so the pages load faster -->
174+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
175+
<script src="bootstrap/js/bootstrap.min.js"></script>
176+
<script src="assets/js/docs.min.js"></script>
177+
</body>
178+
</html>

0 commit comments

Comments
 (0)