Skip to content

Commit 36c09ab

Browse files
shortsandsshortsands
committed
added quick what/why/how div to index.html; minor spacing changes
1 parent 1b3af97 commit 36c09ab

File tree

2 files changed

+80
-45
lines changed

2 files changed

+80
-45
lines changed

‎war/css/main.css

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,15 @@
1717
height: 100%;
1818
}
1919

20+
#openworm_logo {
21+
background-image: url("../img/OpenWormLogo.png");
22+
background-size:70px 70px;
23+
width: 70px;
24+
height: 70px;
25+
margin: 20px;
26+
margin-top: 50px;
27+
}
28+
2029
#wormsim_logo {
2130
position: absolute;
2231
left: 10px;
@@ -107,14 +116,6 @@
107116
}
108117
}
109118

110-
#openworm_logo {
111-
margin: 0 auto;
112-
background-image: url("../img/OpenWormLogo.png");
113-
width: 150px;
114-
height: 150px;
115-
margin-bottom: 50px;
116-
}
117-
118119
#orionlogo{
119120
background-image: url("../img/OrionLogo.png");
120121
width: 200px;

‎war/index.html

Lines changed: 71 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@
44
<meta charset="utf-8">
55
<title>OpenWorm</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta name="description"
8-
content="OpenWorm is an open source project dedicated to creating a virtual C. elegans nematode in a computer.">
7+
<meta name="description" content="OpenWorm is an open source project dedicated to creating a virtual C. elegans nematode in a computer.">
98

109
<!-- REPLICATE THIS IN ALL PAGES -->
1110

@@ -247,27 +246,62 @@ <h1>Aiming for the best.</h1>
247246

248247

249248

250-
<!-- ======== main body ========== -->
249+
<!-- ====================== main body ==================== -->
251250
<div>
252-
<div class="container">
253-
<div class="marketing">
254-
<h1>Enter the worm.</h1>
255-
<p class="marketing-byline">
256-
OpenWorm is an open source project dedicated to creating a virtual C. elegans nematode in a computer.
257-
</p>
258-
<div id="openworm_logo"></div>
259-
<div class="row-fluid">
260-
<div class="span6">
261-
<h2>Latest news</h2>
262-
<ul id="news-feed">
251+
<div class="container marketing">
252+
<div>
253+
<h1>Enter the worm. <img src="assets/ico/apple-touch-icon-72-precomposed.png">
254+
</h1>
255+
</div>
256+
<div class="large-spacer"></div>
257+
<h2>
258+
<strong>OpenWorm</strong> is an open source project dedicated to creating the first virtual organism in a computer.
259+
</h2>
260+
</div>
263261

264-
</ul>
265-
</div>
266-
<div class="span6">
267-
<h2>Social stream</h2>
268-
<div id="tweeter">
269-
<a class="twitter-timeline" href="https://twitter.com/OpenWorm" data-widget-id="293717776768569344">Tweets by @OpenWorm</a>
270-
</div>
262+
<div class="large-spacer"></div>
263+
<div class="line"></div>
264+
<div class="large-spacer"></div>
265+
<div class="large-spacer"></div>
266+
267+
<div class="container marketing">
268+
<div class="row-fluid">
269+
<div class="span4">
270+
<h3>What?</h3>
271+
<p class="marketing-byline">
272+
OpenWorm has been developing a complete cell-level model of the C. elegans nematode since 2011.
273+
</p>
274+
</div>
275+
<div class="span4">
276+
<h3>Why?</h3>
277+
<p class="marketing-byline">
278+
Because modeling a simple nervous system is a first step toward fully understanding complex systems like the human brain.
279+
</p>
280+
</div>
281+
<div class="span4">
282+
<h3>How?</h3>
283+
<p class="marketing-byline">
284+
By rejecting red tape and building a community of engineers, scientists, and other motivated volunteers from around the world.
285+
</p>
286+
</div>
287+
</div>
288+
</div>
289+
290+
<div class="large-spacer"></div>
291+
<div class="large-spacer"></div>
292+
<div class="large-spacer"></div>
293+
294+
<div class="marketing"
295+
<div class="row-fluid">
296+
<div class="span6" style="color: #292929;">
297+
<h2>Latest news</h2>
298+
<ul id="news-feed">
299+
300+
</ul>
301+
</div>
302+
<div class="span6">
303+
<div id="tweeter">
304+
<a class="twitter-timeline" href="https://twitter.com/OpenWorm" data-widget-id="293717776768569344">Tweets by @OpenWorm</a>
271305
</div>
272306
</div>
273307
</div>
@@ -276,11 +310,7 @@ <h2>Social stream</h2>
276310
<div class="container">
277311
<div class="marketing">
278312

279-
<h1>See OpenWorm</h1>
280-
<h2>
281-
at
282-
</h2>
283-
<br>
313+
<h3>See OpenWorm at:</h3>
284314
<a href="media.html" class="no-a-effect" title="See two awesome TEDx talks by Stephen Larson featuring OpenWorm">
285315
<div id="tedx"></div>
286316
<div class="row-fluid">
@@ -349,29 +379,33 @@ <h1>Open Science at its best.</h1>
349379
<i class="fa fa-github fa-xl"></i>
350380
<h2>Source code</h2>
351381
<p>
352-
All the code produced as part of the OpenWorm project is on <a
353-
href="http://docs.openworm.org/en/latest/Community/github.html#github"
354-
target="_blank">GitHub</a>
355-
under <a href="http://opensource.org/licenses/MIT" target="_blank">MIT</a> licence. Different <a
356-
href="http://docs.openworm.org/en/latest/projects.html" target="_blank">sub-projects</a> are
357-
hosted in different repositories.
382+
All the code produced as part of the OpenWorm project is on
383+
<a href="http://docs.openworm.org/en/latest/Community/github.html#github"
384+
target="_blank">GitHub</a>
385+
under
386+
<a href="http://opensource.org/licenses/MIT" target="_blank">MIT</a>
387+
licence. Different <a href="http://docs.openworm.org/en/latest/projects.html"
388+
target="_blank">sub-projects</a>
389+
are hosted in different repositories.
358390
</p>
359391
</div>
360392
<div class="span4">
361393
<i class="fa fa-tasks fa-xl"></i>
362394
<h2>Current progress</h2>
363395
<p>
364-
The tasks we are currently working on are tracked on GitHub under different <a
365-
href="https://github.com/openworm/OpenWorm/milestones" target="_blank">Milestones</a>.
396+
The tasks we are currently working on are tracked on GitHub under different
397+
<a href="https://github.com/openworm/OpenWorm/milestones"
398+
target="_blank">Milestones</a>.
366399
</p>
367400
</div>
368401
<div class="span4">
369402
<i class="fa fa-calendar fa-xl"></i>
370403
<h2>Calendar</h2>
371404
<p>
372-
When is the next OpenWorm hangout or event? Checkout our <a
373-
href="https://www.google.com/calendar/embed?src=bqvlrm642m3irjehbethokkcdg%40group.calendar.google.com"
374-
target="_blank">public calendar</a> to find out!
405+
When is the next OpenWorm hangout or event? Checkout our
406+
<a href="https://www.google.com/calendar/embed?src=bqvlrm642m3irjehbethokkcdg%40group.calendar.google.com"
407+
target="_blank">public calendar</a>
408+
to find out!
375409
</p>
376410
</div>
377411
</div>

0 commit comments

Comments
 (0)