Add versions and structured data

sk29110 · Jan 13, 2014 · 4939b63 · 4939b63
1 parent a6692f1
commit 4939b63
Show file tree

Hide file tree

Showing 17 changed files with 341 additions and 161 deletions.
diff --git a/content/config.yml b/content/config.yml
@@ -1,21 +1,22 @@
 ---
-active_modules: [pygments_simple, tags, blog, wrap, typogrify]
-author: Eric A. Meyer
-canonical_url: http://susy.oddbird.com/
-output_folder: ../output
-template_path: ../templates
-rst_writer: html5writer
-modules:
-  pygments:
-    style: borland
-  blog:
-    index_url: /blog/
-
 # Banner
 banner_title: Susy
 banner_url: '/'
 banner_tagline: 'your layout | <em>our math</em>'
 
+
+# Version
+versions:
+  - title: Current Release
+    number: 1.0.9
+    notes: 'https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn'
+    code: 'https://github.com/ericam/susy/'
+  - title: Upcoming Release
+    gem: 'https://rubygems.org/gems/susy/versions/2.0.0.beta.3'
+    number: 2.0.0.beta.3
+    notes: 'http://susydocs.oddbird.net/en/latest/changelog/'
+
+
 # Navigation
 nav:
   - name: Documentation
@@ -27,9 +28,56 @@ nav:
   - name: Support
     url: 'http://stackoverflow.com/questions/tagged/susy-compass'
     icon: stackoverflow
-  - name: Source
-    url: 'http://github.com/ericam/susy/'
-    icon: github
   - name: Twitter
     url: 'http://twitter.com/sasssusy/'
     icon: twitter
+
+
+# Intro
+intro:
+  - title: 'No Opinions'
+    id: no-opinions
+    text: 'In a world of agile development
+        and super-tablet-multi-magic-laptop-phones,
+        the best layouts can’t be contained
+        in a single framework or technique.
+        CSS Libraries are a bloated mess of opinions
+        about how to do your job.
+        Why is should table-saw tell you where to put the kitchen?'
+    tagline: 'Your markup, your design, your opinions | <em>our math</em>.'
+
+
+# Screenshots
+screenshots:
+  - image: /static/screenshots/sasslang.jpg
+    alt: Sass
+    target: http://sass-lang.com/
+  - image: /static/screenshots/smithsonian.jpg
+    alt: Smithsonian
+    target: http://smithsonian.com/
+  - image: /static/screenshots/squaremarket.jpg
+    alt: Square Market
+    target: http://squareup.com/market
+  - image: /static/screenshots/slickbag.jpg
+    alt: Slickbag
+    target: http://slickbag.se/
+  - image: /static/screenshots/viggle.jpg
+    alt: Viggle
+    target: http://viggle.com/
+  - image: /static/screenshots/avoidpaydayloans.jpg
+    alt: Avoid Payday Loans
+    target: http://avoidpaydayloans.com/
+
+
+# Settings
+active_modules: [pygments_simple, tags, blog, wrap, typogrify]
+author: Eric A. Meyer
+canonical_url: http://susy.oddbird.com/
+output_folder: ../output
+template_path: ../templates
+rst_writer: html5writer
+modules:
+  pygments:
+    style: borland
+  blog:
+    index_url: /blog/
diff --git a/content/index.rst b/content/index.rst
@@ -1,67 +1,22 @@
 public: yes
 meta_title: Susy
+before:
+  - include: 'modules/_release.html'
+  - include: 'modules/_intro.html'
+  - include: 'modules/_screenshots.html'
+    title: In The Wild
+    id: in-the-wild
+    more: true
 
 
 Power tools for the web
 =======================
 
 
-No Opinions
------------
+Rapid Prototypes, Built to Scale
+--------------------------------
 
-In a world of agile development
-and super-tablet-multi-magic-laptop-phones,
-the best layouts can't be contained
-in a single framework or technique.
-CSS Libraries are a bloated mess of opinions
-about how to do your job.
-Why is should table-saw tell you where to put the kitchen?
-
-Your markup, your design, your opinions | *our math*.
-
-
-In The Wild
------------
-
-.. wrap:: figure
-  :class: gallery screenshots
-
-  .. image:: /static/screenshots/sasslang.jpg
-    :alt: Sass
-    :target: http://sass-lang.com/
-
-  .. image:: /static/screenshots/smithsonian.jpg
-    :alt: Smithsonian
-    :target: http://smithsonian.com/
-
-  .. image:: /static/screenshots/squaremarket.jpg
-    :alt: Square Market
-    :target: http://squareup.com/market
-
-  .. image:: /static/screenshots/slickbag.jpg
-    :alt: Slickbag
-    :target: http://slickbag.se/
-
-  .. image:: /static/screenshots/viggle.jpg
-    :alt: Viggle
-    :target: http://viggle.com/
-
-  .. image:: /static/screenshots/avoidpaydayloans.jpg
-    :alt: Avoid Payday Loans
-    :target: http://avoidpaydayloans.com/
-
-  .. wrap:: figcaption
-    :class: gallery-caption
-
-    See more `sites using Susy`_,
-    or `add your own`_ »
-
-.. _sites using Susy: /sites-using-susy/#everyone
-.. _add your own: https://github.com/ericam/susysite/tree/master/content/sites-using-susy.rst
-
-
-Rapid Prototypes, Enduring Production
--------------------------------------
+*These instructions are for the upcoming Susy 2.0 release*
 
 We know that rapid prototypes
 are only the start to a long process

diff --git a/content/sites-using-susy.rst b/content/sites-using-susy.rst
@@ -1,39 +1,13 @@
 public: yes
+before:
+  - include: 'modules/_screenshots.html'
+    title: Featured Sites
+    id: featured-sites
 
 
 Sites Using Susy
 ================
 
-Featured Sites
---------------
-
-.. wrap:: figure
-  :class: gallery screenshots
-
-  .. image:: /static/screenshots/sasslang.jpg
-    :alt: Sass
-    :target: http://sass-lang.com/
-
-  .. image:: /static/screenshots/smithsonian.jpg
-    :alt: Smithsonian
-    :target: http://smithsonian.com/
-
-  .. image:: /static/screenshots/squaremarket.jpg
-    :alt: Square Market
-    :target: http://squareup.com/market
-
-  .. image:: /static/screenshots/slickbag.jpg
-    :alt: Slickbag
-    :target: http://slickbag.se/
-
-  .. image:: /static/screenshots/viggle.jpg
-    :alt: Viggle
-    :target: http://viggle.com/
-
-  .. image:: /static/screenshots/avoidpaydayloans.jpg
-    :alt: Avoid Payday Loans
-    :target: http://avoidpaydayloans.com/
-
 
 Everyone
 --------
@@ -79,6 +53,9 @@ Everyone
 - `Uncorked Studios <http://uncorkedstudios.com/>`_
 - `Vermont Brewers Association <http://www.vermontbrewers.com>`_
 
+Contribute A Site
+-----------------
+
 Add your own site `on Github`_!
 
 .. _on Github: https://github.com/ericam/susysite/tree/master/content/sites-using-susy.rst
diff --git a/content/static/css/demos/grid-types.css b/content/static/css/demos/grid-types.css
@@ -213,21 +213,14 @@ html {
   -o-transition: all 200ms;
   -webkit-transition: all 200ms;
   transition: all 200ms;
-  border-bottom-width: 0.05556rem;
-  border-bottom-style: solid;
-  padding-bottom: 1.33333rem;
-  margin-bottom: 1.38889rem;
-  border-color: #e5e5e5;
+  padding-bottom: 1.38889rem;
   text-align: center;
 }
 @media (min-width: 30em) {
   .content h1 {
     font-size: 2.44444rem;
     line-height: 2.77778rem;
-    border-bottom-width: 0.05556rem;
-    border-bottom-style: solid;
-    padding-bottom: 2.72222rem;
-    margin-bottom: 2.77778rem;
+    padding-bottom: 2.77778rem;
   }
 }