Restyle website
authorDion Moult <dion@thinkmoult.com>
Tue, 19 Nov 2019 20:19:43 +0000 (07:19 +1100)
committerDion Moult <dion@thinkmoult.com>
Tue, 19 Nov 2019 20:19:43 +0000 (07:19 +1100)
16 files changed:
pages/community/page.html
pages/download/page.html
pages/features/metadata.sh [new file with mode: 0644]
pages/features/page.html [new file with mode: 0644]
pages/index/page.html
pages/learn-blender/page.html
pages/search-ifc-class/page.html
pages/subscribe/metadata.sh [new file with mode: 0644]
pages/subscribe/page.html [new file with mode: 0644]
pages/training/page.html
templates/footer.html
templates/header.html
www/assets/CC-BY-SA-icon-80x15.png [new file with mode: 0644]
www/assets/blenderbim-splash.jpg
www/assets/logo.png [new file with mode: 0644]
www/style.css

index 99c5e054a9fe8bc5e0e78e388b441803e4fd13a2..43ab0ea93313240dd3dfc2e76ea95bcb303d1efa 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>Be part of the future of open-source digital engineering</h2>
     <p>
         BlenderBIM would not be possible without dedicated open-source
     <div class="feature">
         <img src="assets/kopete.svg" width="64" alt="IRC" class="symbol" />
         <div class="feature-snippet">
-           <p>
-               IRC is a free, online, real-time chatroom. It is incredibly popular with the free software community, where thousands of people are around to discuss a topic of interest. It is a great way to ask questions and get an instant reply.
-           </p>
-           <p>
-               Unfortunately, it is relatively unknown to most of the AEC industry, so there are usually only 2 or 3 people online talking about architecture. However, you can try your luck and join <a href="http://webchat.freenode.net/">the Freenode IRC webchat</a>, and join the channel called <code>##architect</code>. My username there is <code>Moult</code>. Mention my name and send a message to me, and if I am available, I will reply.
-           </p>
-           <p>
-               You should also join the <code>#blender</code> channel which usually has several hundred people online. You can ask about general Blender questions there. It is standard culture for people to remain connected 24/7 to the chatroom, but not always be at their computer to respond, so don't worry if you don't get a reply straight away, especially with only a few people in different timezones! The longer you stick around, the more likely you will get a response, and we can make this community grow!
-           </p>
+        <p>
+            IRC is a free, online, real-time chatroom. It is incredibly popular with the free software community, where thousands of people are around to discuss a topic of interest. It is a great way to ask questions and get an instant reply.
+        </p>
+        <p>
+            Unfortunately, it is relatively unknown to most of the AEC industry, so there are usually only 2 or 3 people online talking about architecture. However, you can try your luck and join <a href="http://webchat.freenode.net/">the Freenode IRC webchat</a>, and join the channel called <code>##architect</code>. My username there is <code>Moult</code>. Mention my name and send a message to me, and if I am available, I will reply.
+        </p>
+        <p>
+            You should also join the <code>#blender</code> channel which usually has several hundred people online. You can ask about general Blender questions there. It is standard culture for people to remain connected 24/7 to the chatroom, but not always be at their computer to respond, so don't worry if you don't get a reply straight away, especially with only a few people in different timezones! The longer you stick around, the more likely you will get a response, and we can make this community grow!
+        </p>
         </div>
     </div>
     <h3>Participate in the IfcOpenShell Project</h3>
index 1e6447363c2634ec7a08529ee716d6893a5fdfd3..437f6f9ef508cb4fef07fd50edfa820bef18be82 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>Get BlenderBIM</h2>
     <p>
         <strong>BlenderBIM is <a href="https://www.fsf.org/about/what-is-free-software">free software</a>, and always will be</strong>. You have the freedom to download it, modify it, use it however you want, and even redistribute it. If your current BIM authoring package has issues with <a href="https://www.gnu.org/proprietary/proprietary-incompatibility.html">proprietary incompatibility</a>, <a href="https://www.gnu.org/proprietary/proprietary-obsolescence.html">proprietary obsolescence</a>, or locks your business into <a href="https://www.gnu.org/proprietary/proprietary-subscriptions.html">proprietary subscriptions</a>, it's time to see what you can do with OpenBIM.
         <img src="https://blender-archipack.org/fileadmin/introduction/images/logo-color.svg" width="64" alt="Archipack" class="symbol" />
         <div class="feature-snippet">
             <p>
-               Archipack is a great little addon that supports domain specific modeling for architects. This means you can create walls, floors, ceilings, doors, roofs, and furniture with a single click and with specific measurement controls to manipulate them similar to other BIM software. This geometry can then be assigned BIM data with BlenderBIM.
+            Archipack is a great little addon that supports domain specific modeling for architects. This means you can create walls, floors, ceilings, doors, roofs, and furniture with a single click and with specific measurement controls to manipulate them similar to other BIM software. This geometry can then be assigned BIM data with BlenderBIM.
             </p>
-           <p>
-               <a href="https://blender-archipack.org/">Check out Blender Archipack</a>
-           </p>
+        <p>
+            <a href="https://blender-archipack.org/">Check out Blender Archipack</a>
+        </p>
         </div>
     </div>
-
 </section>
diff --git a/pages/features/metadata.sh b/pages/features/metadata.sh
new file mode 100644 (file)
index 0000000..4938930
--- /dev/null
@@ -0,0 +1 @@
+export description=""
diff --git a/pages/features/page.html b/pages/features/page.html
new file mode 100644 (file)
index 0000000..c9714a0
--- /dev/null
@@ -0,0 +1,6 @@
+<section class="row">
+    <h2>Features</h2>
+    <p>
+        This page is still under construction.
+    </p>
+</section>
index c3f825d543ef4b43a50377709e30141a766629d4..cbb6254d83226da9073d32f77154554c958b6855 100644 (file)
@@ -1,34 +1,40 @@
-<section class="clear">
-    <img src="assets/blenderbim-splash.jpg" alt="BlenderBIM example model">
-    <div class="clear">
+<div class="splash">
+</div>
+<section class="container">
+    <div class="row">
         <h2>
             Create beautiful, detailed, and data-rich OpenBIM models using Blender.
         </h2>
     </div>
-    <div class="left-half">
-        <div class="feature">
-            <img src="assets/applications-engineering.svg" width="64" class="symbol" />
-            <div class="feature-snippet">
+</section>
+<section class="container">
+    <div class="row">
+        <div class="four columns">
+            <div class="t-center">
+                <img src="assets/applications-engineering.svg" width="64" class="symbol" />
                 <p>
-                    <strong>Experience rapid free-form and parametric modeling in
+                    Experience rapid free-form and parametric modeling in
                     Blender, an industry heavyweight in 3D content creation trusted by
-                    NASA, Hollywood, and Ubisoft.</strong>
+                    NASA, Hollywood, and Ubisoft.
                 </p>
+                <!--
                 <p>
                     Model in a real-time rendered game-engine view, animate
                     construction sequences, create 3D printable models, see VR, perform
                     light simulation, CFD analysis, energy modeling, and more with a huge
                     ecosystem of free add-ons.
                 </p>
+                -->
             </div>
         </div>
-        <div class="feature">
-            <img src="assets/sheets.svg" width="64" class="symbol" />
-            <div class="feature-snippet">
+        <div class="four columns">
+            <div class="t-center">
+                <img src="assets/sheets.svg" width="64" class="symbol" />
                 <p>
-                    <strong>Create data-rich IFC4 data to future-proof your BIM data and integrate
-                    with the rest of the OpenBIM ecosystem.</strong>
+                    Create data-rich IFC4 data to future-proof your BIM data and integrate
+                    with the rest of the OpenBIM ecosystem.
                 </p>
+                <!--
                 <p>
                     Deal with multiple sites and buildings and store Coordinate
                     Reference Systems for GIS integration. Store detailed
                     sequencing with animations, and create an OpenBIM format content
                     library that can be used anywhere.
                 </p>
+                -->
             </div>
         </div>
-        <div class="feature">
-            <img src="assets/applications-development.svg" width="64" class="symbol" />
-            <div class="feature-snippet">
+        <div class="four columns">
+            <div class="t-center">
+                <img src="assets/applications-development.svg" width="64" class="symbol" />
                 <p>
-                    <strong>Blender BIM is free and open-source software. No
+                    BlenderBIM is free and open-source software. No
                     licensing fees, no vendor lock-in, and a thriving community.
-                    Help us build the BIM that the industry needs.</strong>
+                    Help us build the BIM that the industry needs.
                 </p>
+                <!--
                 <p>
                     Work in large collaborative teams with any version control software. Use
                     Git, OpenBIM BIMServer, or the Blender Cloud. It's your data, and it's
                     in your control. Build your own digital pipeline using open data
                     standards and an interactive Python API.
                 </p>
+                -->
             </div>
         </div>
     </div>
-    <div class="right-half">
-        <div class="action">
-            <h3>Download BlenderBIM v0.0.1</h3>
-            <p>
-                <img src="assets/linux-logo.svg" width="24" alt="Available for Linux" style="margin-right: 20px;" />
-                <img src="assets/macos-logo.svg" width="24" alt="Available for MacOS" />
-                <img src="assets/windows-logo.svg" width="24" alt="Available for Windows" style="margin-left: 20px;" />
-            </p>
-            <p class="note">
-                BlenderBIM is currently only available as alpha software.
-                Features are added and updated on a weekly basis. We don't yet
-                package it with any confidence for the public.
-            </p>
-            <p class="note">
-                <a href="download.html">Yeah, whatever, let me use it anyway.</a>
-            </p>
+    <div class="row">
+        <div class="twelve columns t-center">
+            <a href="{{baseurl}}features.html" class="button">Take the feature tour</a>
+        </div>
+    </div>
+    <div class="row">
+        <div class="six columns">
+            <div class="action">
+                <h3>Download BlenderBIM v0.0.1</h3>
+                <p>
+                    <img src="assets/linux-logo.svg" width="24" alt="Available for Linux" style="margin-right: 20px;" />
+                    <img src="assets/macos-logo.svg" width="24" alt="Available for MacOS" />
+                    <img src="assets/windows-logo.svg" width="24" alt="Available for Windows" style="margin-left: 20px;" />
+                </p>
+                <p class="note">
+                    BlenderBIM is currently only available as alpha software.
+                    Features are added and updated on a weekly basis. We don't yet
+                    package it with any confidence for the public.
+                </p>
+                <p class="note">
+                    <a class="button button-primary" href="download.html">Yeah, whatever, let me use it anyway.</a>
+                </p>
+            </div>
+        </div>
+        <div class="six columns">
+            <h3>Latest Updates</h3>
+            <div id="commits"></div>
+            <a class="button" href="https://github.com/IfcOpenShell/IfcOpenShell/commits/v0.6.0">View all changes</a>
+        </div>
+    </div>
+    <div class="row">
+        <div class="twelve columns">
+            <h3>Take the pledge</h3>
+            <p>We need a more <strong>ethical built environment</strong>. Submit
+            your email below and we'll get keep you posted. No spam, because we
+            aren't jerks.</p>
+            <form action="{{baseurl}}subscribe.html" method="GET">
+            <label for="email_address">Your email</label>
+            <input class="u-full-width" type="email" name="email" placeholder="design_is_human@funkybuildings.org" id="email_address">
+            <input type="submit" value="Submit">
+            </form>
         </div>
-       <h3>Latest Updates</h3>
-       <p>BlenderBIM is updated so frequently, it can be hard to catch up. Let's see the latest 20 updates. For even more updates, check out <a href="https://github.com/IfcOpenShell/IfcOpenShell/commits/v0.6.0">the commit log</a>.</p>
-       <div id="commits"></div>
     </div>
 </section>
 <script type ="text/javascript">
index 835bb51e4e34163e6267a76310e26aaada9288fb..1c78b9a28ab8edf36e715ea7a291044baef07f35 100644 (file)
@@ -1,4 +1,4 @@
-<section>
+<section class="row">
     <h2>Learn Blender</h2>
     <p>
         In the past, great architects had to know how to draw. In the digital age, architects need to know how to do digital modeling! It's time to start learning the exact same 3D modeling techniques that the CG industry uses, like Pixar, Dreamworks, Weta Digital, Disney, and so on. It's more complex than pressing the "door" tool then having a door magically appear, but it can let you create anything you can possibly imagine. If you haven't already, please <a href="https://blender.org">download and install Blender</a>, and then follow the tutorials below.
index 1d1da07172b5ceccb7ca9db6728a44c631c4e453..8ddc61ec9e16d60ec64585cd4e286039620db29b 100644 (file)
     </p>
     <p>
         This tool is currently only in English. If you know how to code,
-        <a href="{{baseurl}}contribute.html">please contribute and improve this tool</a>! If
+        <a href="{{baseurl}}community.html">please contribute and improve this tool</a>! If
         there is an object type you cannot find, please <a href="mailto:dion@thinkmoult.com">email me</a>
         and I will add it to the list.
     </p>
-    <p>
+    <h3>
         Find an IFC entity:
-        <input type="text" id="search-query" placeholder="E.g. Window / Basin / Gutter">
+    </h3>
+    <p>
+        <input class="u-full-width" type="text" id="search-query" placeholder="E.g. Window / Basin / Gutter">
     </p>
     <div id="search-results"></div>
 </section>
diff --git a/pages/subscribe/metadata.sh b/pages/subscribe/metadata.sh
new file mode 100644 (file)
index 0000000..4938930
--- /dev/null
@@ -0,0 +1 @@
+export description=""
diff --git a/pages/subscribe/page.html b/pages/subscribe/page.html
new file mode 100644 (file)
index 0000000..a05d6d5
--- /dev/null
@@ -0,0 +1,6 @@
+<section class="row">
+    <h2>Subscribed successfully!</h2>
+    <p>
+        You're awesome, thanks! We'll keep you posted.
+    </p>
+</section>
index 4e8aae193e77bee358be74b0a1b1115472c70ae7..c6b9972f0683e5659eefa4554441c74a70484034 100644 (file)
@@ -1,43 +1,45 @@
-<section style="overflow: hidden;">
+<section class="row">
     <h2>Training &amp; Support</h2>
-    <p>
-        This page is under construction.
-    </p>
-    <div class="third"><article>
+</section>
+<section class="row">
+    <article class="four columns">
         <h3>Learn Blender</h3>
+
+        <p>
+            If you're completely new to Blender and 3D modeling, or if you've only modeled with tools like Revit and ArchiCAD and haven't seen what the real computer graphics modeling industry is capable of, follow this easy beginners tutorial to learn 3D modeling with Blender!
+        </p>
         <p>
-            <a href="{{baseurl}}learn-blender.html">Read article</a>
+            <a href="{{baseurl}}learn-blender.html" class="button">Read article</a>
         </p>
-       <p>
-           If you're completely new to Blender and 3D modeling, or if you've only modeled with tools like Revit and ArchiCAD and haven't seen what the real computer graphics modeling industry is capable of, follow this easy beginners tutorial to learn 3D modeling with Blender!
-       </p>
-    </article></div>
-    <div class="third"><article>
+    </article>
+    <article class="four columns">
         <h3>Which IFC class should I use?</h3>
         <p>
-            <a href="{{baseurl}}search-ifc-class.html">Read article</a>
+            All BIM objects must be classified correctly to be useful. Learning which IFC class to use is one of the most fundamental concepts to get right in OpenBIM.
+        </p>
+        <p>
+            <a href="{{baseurl}}search-ifc-class.html" class="button">Read article</a>
         </p>
-       <p>
-           All BIM objects must be classified correctly to be useful. Learning which IFC class to use is one of the most fundamental concepts to get right in OpenBIM.
-       </p>
-    </article></div>
-    <div class="third"><article>
+    </article>
+    <article class="four columns">
         <h3>The importance of the IFC <code>GlobalId</code> attribute</h3>
         <p>
-            <a href="{{baseurl}}ifcglobalid.html">Read article</a>
+            All BIM objects must have a correctly generated identifier. However, not all BIM authoring programs do this correctly.
         </p>
-       <p>
-           All BIM objects must have a correctly generated identifier. However, not all BIM authoring programs do this correctly.
-       </p>
-    </article></div>
-    <div class="third"><article>
+        <p>
+            <a href="{{baseurl}}ifcglobalid.html" class="button">Read article</a>
+        </p>
+    </article>
+</section>
+<section class="row">
+    <article class="four columns">
         <h3>BlenderBIM and Revit comparison</h3>
         <p>
-            <a href="{{baseurl}}blenderbim-vs-revit.html">Read article</a>
+            Revit is currently the most common BIM authoring tool by marketshare. Despite this, it is not necessarily the most powerful geometric modeling package, and nor is it necessarily the most powerful BIM data authoring tool.
+        </p>
+        <p>
+            <a href="{{baseurl}}blenderbim-vs-revit.html" class="button">Read article</a>
         </p>
-       <p>
-           Revit is currently the most common BIM authoring tool by marketshare. Despite this, it is not necessarily the most powerful geometric modeling package, and nor is it necessarily the most powerful BIM data authoring tool.
-       </p>
-    </article></div>
 
+    </article>
 </section>
index 7b2c90f6f7aed6290e7d7ee221157218666f6e07..52cd40418142e537b8457e1f4fe6d930d705adfe 100644 (file)
@@ -1,6 +1,19 @@
-    <footer>
-        <img src="assets/by-sa.svg" alt="CC-BY-SA 4.0">
-        BlenderBIM is built on the awesome <a href="http://www.ifcopenshell.org/">IfcOpenShell</a> project by <a href="{{baseurl}}contribute.html">amazing volunteers</a>. You can be one too!
+    {{^is_homepage}}
+    </div>
+    {{/is_homepage}}
+    <footer class="container">
+        <div class="row">
+            <div class="nine columns">
+                <p>
+                    BlenderBIM is built with &hearts; on the awesome <a href="http://www.ifcopenshell.org/">IfcOpenShell</a> project by <a href="{{baseurl}}community.html">amazing volunteers</a>. You can be one too!
+                </p>
+            </div>
+            <div class="three columns t-right">
+                <p>
+                    <img src="assets/CC-BY-SA-icon-80x15.png" alt="CC-BY-SA 4.0">
+                </p>
+            </div>
+        </div>
     </footer>
 </body>
 </html>
index 33a3dcd716147d4233b4cb9ad8397c582967468a..14632b24d61979c508fc76ae3fa1bfb62a88b83e 100644 (file)
@@ -8,23 +8,41 @@
     {{/description}}
     <title>BlenderBIM{{#title}} - {{title}}{{/title}}</title>
     <link href="https://fonts.googleapis.com/css?family=Comfortaa|Inconsolata|Open+Sans&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="normalize.css" />
+    <link rel="stylesheet" href="skeleton.css" />
     <link rel="stylesheet" href="style.css" />
 </head>
 <body>
     <header>
-        <h1>BlenderBIM</h1>
-        <nav>
-            <ul>
-                <li><a href="{{baseurl}}">Home</a></li>
-                <li><a href="{{baseurl}}download.html">Get BlenderBIM</a></li>
-                <li><a href="{{baseurl}}training.html">Training &amp; Support</a></li>
-                <li><a href="{{baseurl}}community.html">Community</a></li>
-            </ul>
-        </nav>
+        <div class="container">
+            <div class="row">
+                <div class="three columns">
+                    <h1><img src="{{baseurl}}assets/logo.png" alt="BlenderBIM" /> BlenderBIM</h1>
+                </div>
+                <div class="nine columns">
+                    <nav>
+                        <ul>
+                            <li><a href="{{baseurl}}">Home</a></li>
+                            <li><a href="{{baseurl}}features.html">Features</a></li>
+                            <li><a href="{{baseurl}}download.html">Get BlenderBIM</a></li>
+                            <li><a href="{{baseurl}}training.html">Training &amp; Support</a></li>
+                            <li><a href="{{baseurl}}community.html">Community</a></li>
+                        </ul>
+                    </nav>
+                </div>
+            </div>
+        </div>
     </header>
     {{^is_homepage}}
-    <section id="blurb">
-        <p>Create beautiful, detailed, and data-rich BIM models using Blender.</p>
-        <a href="https://github.com/IfcOpenShell/IfcOpenShell/tree/v0.6.0/src/ifcblenderexport">Download BlenderBIM now for free</a>
-    </section>
+    <div class="container">
+        <section id="blurb" class="row">
+            <div class="six columns">
+                <p>Create beautiful, detailed, and data-rich BIM models.</p>
+            </div>
+            <div class="six columns t-right">
+                <p>
+                    <a href="https://github.com/IfcOpenShell/IfcOpenShell/tree/v0.6.0/src/ifcblenderexport">Download BlenderBIM now for free</a>
+                </p>
+            </div>
+        </section>
     {{/is_homepage}}
diff --git a/www/assets/CC-BY-SA-icon-80x15.png b/www/assets/CC-BY-SA-icon-80x15.png
new file mode 100644 (file)
index 0000000..c67509f
Binary files /dev/null and b/www/assets/CC-BY-SA-icon-80x15.png differ
index 74a5e4f817671a82fd0d559ab6e7f7fd49226616..95114527fd3bea142195350161e1ed901ba72f87 100644 (file)
Binary files a/www/assets/blenderbim-splash.jpg and b/www/assets/blenderbim-splash.jpg differ
diff --git a/www/assets/logo.png b/www/assets/logo.png
new file mode 100644 (file)
index 0000000..94c742b
Binary files /dev/null and b/www/assets/logo.png differ
index d47b64418f2160b6d4c3fc8d97c3bc13ed7b9eb8..8faed090794c39386cc2b2a5215e37ed9c194be8 100644 (file)
@@ -1,47 +1,42 @@
 html {
-    background-color: #FFFFFF;
-    font-family: 'Open Sans', sans-serif;
+    background-color: #5e5e5e;
+    background-color: #eeeeee;
     color: #444;
-    margin: 0px;
-    padding: 0px;
+}
+
+body {
+    font-family: 'Open Sans', sans-serif;
+    color: #555555;
 }
 
 header {
     font-family: 'Comfortaa';
     background-color: #424B54;
-    height: 100px;
-    margin: 0px;
+    background-color: #dedede;
 }
 
-section {
-    background-color: #FFFFFF;
-    max-width: 1200px;
-    margin-left: auto;
-    margin-right: auto;
+div.splash {
+    background-image: url('assets/blenderbim-splash.jpg');
+    background-attachment: fixed;
+    background-size: cover;
+    height: 300px;
 }
 
 section#blurb {
-    background-color: #EEE;
-    height: 50px;
+    background-color: #ebe0d5;
+    border-radius: 10px;
     padding-left: 20px;
     padding-right: 20px;
 }
 
 section#blurb p {
-    line-height: 50px;
+    line-height: 60px;
     margin: 0px;
-    padding: 0px;
-    display: inline-block;
-    float: left;
-}
-
-section#blurb a {
-    float: right;
-    line-height: 50px;
 }
 
 nav {
     float: right;
+    font-family: 'Open Sans', sans-serif;
 }
 
 nav ul {
@@ -51,16 +46,13 @@ nav ul {
 
 nav ul li {
     display: inline-block;
-    height: 100px;
-    border-left: 1px solid #333333;
-    padding-left: 30px;
-    padding-right: 30px;
-    line-height: 100px;
+    height: 60px;
+    padding-left: 40px;
+    line-height: 60px;
     float: left;
 }
 
 nav ul li a {
-    color: #FFF;
     text-decoration: none;
 }
 
@@ -68,40 +60,34 @@ nav ul li a:hover {
     color: #AAA;
 }
 
-body {
-    margin: 0px;
-    padding: 0px;
-}
 
 h1 {
-    color: #93A8AC;
-    display: inline-block;
-    float: left;
-    line-height: 100px;
-    padding: 0px;
-    margin: 0px;
-    margin-left: 30px;
+    line-height: 60px;
+    font-size: 1.5rem;
+    font-weight: bold;
 }
 
-a {
-    color: #9B6A6C;
+h1 img {
+    margin-bottom: -10px;
+    margin-right: 10px;
 }
 
-a:hover {
-    color: #E2B4BD;
+h2 {
+    font-size: 2.5rem;
+    font-weight: bold;
 }
 
-code {
-    font-family: 'Inconsolata';
+h3 {
+    font-size: 2rem;
+    margin-top: 20px;
 }
 
-#search-query {
-    border: 2px solid #EEE;
-    border-radius: 10px;
-    height: 30px;
-    width: 500px;
-    padding-left: 10px;
-    padding-right: 10px;
+a {
+    color: #9B6A6C;
+}
+
+a:hover {
+    color: #E2B4BD;
 }
 
 span.highlight {
@@ -109,10 +95,12 @@ span.highlight {
 }
 
 footer {
-    padding-left: 20px;
-    padding-right: 20px;
-    border-top: 1px solid #eee;
-    line-height: 50px;
+    border-top: 1px solid #ddd;
+    font-size: 0.8em;
+}
+
+footer p {
+    padding-top: 20px;
 }
 
 .action {
@@ -124,22 +112,6 @@ footer {
     text-align: center;
 }
 
-.action h3 {
-    margin-top: 0px;
-}
-
-article {
-    margin: 20px;
-    display: inline-block;
-    border-top: 1px solid #CCC;
-    margin-bottom: 20px;
-}
-
-.third {
-    float: left;
-    width: 33%;
-}
-
 article h3 {
     /*border-top: 2px solid #93A8AC;*/
     border-left: 5px solid #93A8AC;
@@ -151,40 +123,35 @@ article h3 {
     color: #777;
 }
 
-.symbol {
-    float: left;
-    margin-top: 20px;
+div#commits {
+    max-height: 300px;
+    scrollbar-width: thin;
+    overflow: scroll;
 }
 
-.feature-snippet {
-    border-left: 1px solid #CCC;
-    padding-left: 40px;
-    margin-left: 104px;
+.t-center {
+    text-align: center;
 }
 
-.feature {
-    clear: both;
-    overflow: hidden;
-    margin-bottom: 40px;
+.t-right {
+    text-align: right;
 }
 
-.clear {
-    clear: both;
-    overflow: hidden;
+header .row, footer .row {
+    margin-top: 0px;
 }
 
-.left-half {
-    float: left;
-    width: 48%;
+header * {
+    margin: 0px;
 }
 
-.right-half {
-    float: right;
-    width: 48%;
+.row {
+    margin-top: 40px;
 }
 
-article {
-    
+.clear {
+    clear: both;
+    overflow: hidden;
 }
 
 td, th {
@@ -215,17 +182,8 @@ td.partially-supported {
     background-color: #fbeea2;
 }
 
-@media only screen and (max-width: 800px) {
-    .left-half { float: none; width: auto; }
-    .right-half { float: none; width: auto; }
-    h1 { float: none; height: 50px; line-height: 50px; }
-    nav { float: none; }
-    nav ul li { float: none; height: 40px; border: 0px; border-top: 1px solid #333; display: block; line-height: 40px; }
-    header { overflow: hidden; height: auto; }
-    img { max-width: 100%; }
-    section { margin-left: 10px; margin-right: 10px; }
-    footer { line-height: 30px; margin-top: 20px; padding-top: 20px; font-size: 0.8em; margin-bottom: 20px; }
-    footer img { display: none; }
-    section#blurb { height: auto; overflow: hidden; }
-    section#blurb p { line-height: 30px; }
+@media (min-width: 750px) {
+    div.splash { background-position: center -300px; }
+    footer { line-height: 60px; }
+    h3 { margin-top: 0px;}
 }