Tweak twitter button placement

server/documents/index.html.eco

@@ -1,7 +1,6 @@
 ---
 layout : 'default'
 css    : 'index'
-title  : 'Introduction'
 type   : 'Semantic'
 ---
 
@@ -24,8 +23,9 @@ type   : 'Semantic'
       </div>
       <div class="ui inverted right floated secondary menu">
         <div class="item">
-          <a class="twitter-share-button"
+          <a class="twitter-share-button twitter"
             href="http://twitter.com/share"
+            data-text="Semantic UI just reached 1.0."
             data-url="http://semantic-ui.com"
             data-via="semanticui">
           Tweet
@@ -33,8 +33,6 @@ type   : 'Semantic'
           <script type="text/javascript">
           window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return}js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,"script","twitter-wjs"));
           </script>
-        </div>
-        <div class="item">
           <iframe class="github" src="http://ghbtns.com/github-btn.html?user=semantic-org&amp;repo=semantic-ui&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
         </div>
         <div class="ui language floating dropdown link item" id="languages">

server/files/stylesheets/docs.css

@@ -1572,7 +1572,6 @@ body.progress.animated .ui.progress .bar {
     display: none;
   }
 }
-
 @media only screen and (min-width : 998px) {
   #example .following.menu {
     display: block;

server/files/stylesheets/home.css

@@ -685,7 +685,7 @@
   font-weight: bold;
 }
 #example.index .following.bar .network.menu .view-ui {
-  margin-right: 2em;
+  margin-right: 1em;
 }
 #example.index .fixed.following.bar .network.menu .view-ui {
   color: #00B5AD;
@@ -914,6 +914,12 @@
   #example.index .email.stripe .submit.button {
     margin-top: 0.5em;
   }
+  #example.index .stripe .icon.header .icon.image {
+    height: 50px;
+  }
+  #example .feature.stripe {
+    padding: 2em 0em;
+  }
 }
 
 @media only screen and (max-width : 600px) {
@@ -933,7 +939,7 @@
 
 
 /* Homepage */
-@media only screen and (max-width : 780px) {
+@media only screen and (max-width : 810px) {
   #example.index .feature.stripe p {
     height: auto;
     min-height: 0px;
@@ -942,11 +948,26 @@
     margin-left: 2em;
     margin-right: 2em;
   }
+  #example .solid, #example .stripe {
+    padding: 6em 0em;
+  }
+  #example.index .following.bar span.additional.item {
+    display: none;
+    visibility: hidden !important;
+  }
   #example.index .following.bar .network.menu .view-ui {
     margin-right: 0.75em;
   }
 }
 
+
+@media only screen and (max-width : 1040px) {
+  #example.index .following.bar .network.menu .view-ui {
+    margin-right: 0.5em;
+  }
+}
+
+
 @media only screen and (max-width: 1300px) {
   #example.index .advertisement {
     position: absolute;

server/layouts/default.html.eco

@@ -16,6 +16,7 @@
   <%- @partial('language-modal') %>
   <%- @partial('dimmer-demo') %>
   <script src="/javascript/library/less.js"></script>
+
 </body>
 
 </html>