Added more content

Author: programcsharp

Griddly/Content/Site.css

@@ -46,4 +46,50 @@ input[type="checkbox"].input-validation-error {
     background-image:url(griddly-64.png);
     background-position:right center;
     background-repeat:no-repeat;
+}
+
+.docs-social {
+    margin-bottom: 20px;
+    text-align: center
+}
+
+.docs-social-buttons {
+    display: inline-block;
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none
+}
+
+.docs-social-buttons li {
+    display: inline-block;
+    padding: 5px 8px;
+    line-height: 1
+}
+
+.docs-social-buttons .twitter-follow-button {
+    width: 225px!important
+}
+
+.docs-social-buttons .twitter-share-button {
+    width: 98px!important
+}
+
+.github-btn {
+    overflow: hidden;
+    border: 0
+}
+
+.nuget-badge code {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    background-color: #202020;
+    border: 4px solid silver;
+    border-radius: 5px;
+    box-shadow: 2px 2px 3px #6e6e6e;
+    color: #e2e2e2;
+    display: block;
+    font: 1.5em 'andale mono','lucida console',monospace;
+    line-height: 1.5em;
+    overflow: auto;
+    padding: 15px
 }

Griddly/Views/Home/Index.cshtml

@@ -17,6 +17,17 @@
 
         <p>The default UI is rendered using <a href="http://getbootstrap.com">Bootstrap 3</a>, but you can add templates for whatever UI framework you use.</p>
 
+        <h2>Get Griddly on NuGet</h2>
+        <div class="nuget-badge">
+            <p>
+                <code>
+                    PM&gt; Install-Package Griddly
+                </code>
+            </p>
+        </div>
+        or
+        <a class="btn btn-primary" href="https://github.com/programcsharp/griddly">Download from GitHub</a>
+
         <h3 id="example">Example</h3>
 
         <p>Model:</p>

Griddly/Views/Shared/_Layout.cshtml

@@ -21,19 +21,36 @@
                 @Html.ActionLink("Griddly", "Index", "Home", null, new { @class = "navbar-brand" })
             </div>
             <div class="navbar-collapse collapse">
-                <ul class="nav navbar-nav">
+                @*<ul class="nav navbar-nav">
                     <li>@Html.ActionLink("Home", "Index", "Home")</li>
                     <li>@Html.ActionLink("About", "About", "Home")</li>
                     <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                 </ul>
+                    *@
             </div>
         </div>
     </div>
     <div class="container body-content">
         @RenderBody()
         <hr />
         <footer>
-            <p>&copy; @DateTime.Now.Year - Chris Hynes, Data Research Group</p>
+            <div class="docs-social">
+                <ul class="docs-social-buttons">
+                    <li>
+                        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=programcsharp&amp;repo=griddly&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe>
+                    </li>
+                    <li>
+                        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=programcsharp&amp;repo=griddly&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
+                    </li>
+                    <li class="follow-btn">
+                        <a href="https://twitter.com/griddlygrid" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @@griddlygrid</a>
+                    </li>
+                    <li class="tweet-btn">
+                        <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://griddly.com/" data-count="horizontal" data-via="griddlygrid" data-related="programcsharp:Creator of Griddly">Tweet</a>
+                    </li>
+                </ul>
+            </div>
+            <p>&copy; @DateTime.Now.Year - Chris Hynes</p>
         </footer>
     </div>
 
@@ -45,7 +62,9 @@
     @Scripts.Render("~/scripts/SyntaxHighlighter/shBrushCSharp.js")
     @RenderSection("scripts", required: false)
     <script>
-        SyntaxHighlighter.all()
+        SyntaxHighlighter.all();
+        
+        !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');
     </script>
 </body>
 </html>