Reformatting sidebar and footer (#52)

* syncing with upstream * Changing navigation, adding landing pages for Dev and Ops. * organizing the individual labs to a separate page, and writing explanatory text. * organizing the individual labs to a separate page, and writing explanatory text. * updating the README with easier instructions. * Adding a few more resources and formatting changes * reworking the sidebar * reworking css for zero terminal posts * adding link to Nico Kabars presentation at DockerCon Austin * adding links to setting up and using Windows Containers * Reformatting footer and side bar
play-with-docker · Aug 2, 2017 · bdd45e9 · bdd45e9
1 parent 989ba45
commit bdd45e9
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 15 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,9 +1,11 @@
-
-  <footer>
+   <footer>
+     {% include social-share.html %}
     <div class="container">
 
       <div class="row mt10 mb10">
-      {% if site.copyright.name %}
+
+        {% if site.copyright.name %}
+
       <div class="col-md-4 text-center">All rights reserved by <a target="_blank" href="{{site.copyright.link}}">{{site.copyright.name}}</a></div>
         {% endif %}
 
@@ -21,3 +23,4 @@
   </div> 
 
 </footer>
+
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,4 +1,5 @@
 <head>
+<title>{{ page.title }}</title>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,7 +13,7 @@
 {% comment %}
 {% seo %}
 {% endcomment %}
-  
+
 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
 

diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -2,7 +2,7 @@
     <div class="post-img">
 
     </div>
-    {% include social-share.html %}
+
     <div class="mt10 recent">
         Learn more &rarr;
         <ul>

diff --git a/_includes/social-share.html b/_includes/social-share.html
@@ -1,9 +1,7 @@
-<div class="mt10 recent">
+<div class="mt10 social-share">
   Share this on &rarr;
-  <ul style="white-space:nowrap">
-      <li><a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter"><img src="{{site.baseurl}}/images/twitter.svg" alt="{{site.twitter}}" style="width:48px;display:inline;"></a> Twitter</li>
-      <li><a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Facebook"><img src="{{site.baseurl}}/images/facebook.svg" style="width:48px;display:inline;" alt="{{site.facebook}}"></a> Facebook</li>
-      <li><a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+"><img src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+" style="width:48px;display:inline;"/></a> Google+</li>
-      <li><a href="http://www.linkedin.com/shareArticle?mini=true&url=<URL>&title=<TITILE>&summary=<DESCRIPTION>&source=<DOMAIN>" rel="nofollow" target="_blank" title="Share on LinkedIn"><img src="https://simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" style="width:48px;display:inline;" /></a> LinkedIn</li>
-  </ul>
-</div>
+    <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter"><img src="{{site.baseurl}}/images/twitter.svg" alt="{{site.twitter}}" style="width:48px;display:inline;"></a> Twitter&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+    <a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Facebook"><img src="{{site.baseurl}}/images/facebook.svg" style="width:48px;display:inline;" alt="{{site.facebook}}"></a> Facebook&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+    <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+"><img src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+" style="width:48px;display:inline;"/></a> Google+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+    <a href="http://www.linkedin.com/shareArticle?mini=true&url=<URL>&title=<TITILE>&summary=<DESCRIPTION>&source=<DOMAIN>" rel="nofollow" target="_blank" title="Share on LinkedIn"><img src="https://simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" style="width:48px;display:inline;" /></a> LinkedIn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+  </div>
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -75,7 +75,11 @@ div.post-content {
 footer {
     border-top: 1px solid $grey-color-light;
 }
-
+.social-share {
+    margin-top: 10px;
+    margin-bottom: 15px;
+    text-align: center;
+}
 .social {
     list-style: none;
     display: inline;

diff --git a/index.html b/index.html
@@ -24,5 +24,5 @@ <h2>Getting Started Guides</h2>
   <br/>
   <a href="/alacart">Full list of individual labs</a>
 </div>
-<hr/>
+