_layouts/default.html in plainwhite-0.9 vs _layouts/default.html in plainwhite-0.10

- old
+ new

@@ -31,12 +31,53 @@ <li> <i class="icon-twitter-squared"></i> </li> </a> {%- endif -%} + {%- if site.plainwhite.social_links.instagram -%} + <a href="https://instagram.com/{{ site.plainwhite.social_links.instagram }}"> + <li> + <i class="icon-instagram"></i> + </li> + </a> + {%- endif -%} + {%- if site.plainwhite.social_links.facebook -%} + <a href="https://facebook.com/{{ site.plainwhite.social_links.facebook }}"> + <li> + <i class="icon-facebook"></i> + </li> + </a> + {%- endif -%} + {%- if site.plainwhite.social_links.youtube -%} + <a href="https://youtube.com/{{ site.plainwhite.social_links.youtube }}"> + <li> + <i class="icon-youtube"></i> + </li> + </a> + {%- endif -%} + {%- if site.plainwhite.social_links.pinterest -%} + <a href="https://pinterest.com/{{ site.plainwhite.social_links.pinterest }}"> + <li> + <i class="icon-pinterest"></i> + </li> + </a> + {%- endif -%} + {%- if site.plainwhite.social_links.dribbble -%} + <a href="https://dribbble.com/{{ site.plainwhite.social_links.dribbble }}"> + <li> + <i class="icon-dribbble"></i> + </li> + </a> + {%- endif -%} + {%- if site.plainwhite.social_links.flickr -%} + <a href="https://flickr.com/{{ site.plainwhite.social_links.flickr }}"> + <li> + <i class="icon-flickr"></i> + </li> + </a> + {%- endif -%} </ul> - {%- if site.plainwhite.navigation -%} <nav class="navigation"> <ul> {% for link in site.plainwhite.navigation %} <li> @@ -47,9 +88,21 @@ </nav> {%- endif -%} <p>&copy; {{ "now" | date: "%Y" }}</p> + {%- if site.plainwhite.dark_mode -%} + <div> + <p>Dark Mode + <i class="icon-moon"></i> + <label class="switch"> + <input type="checkbox" id="dark-mode-toggle"> + <span class="slider round" onclick="toggleDarkMode()"></span> + </label> + </p> + </div> + <script type="text/javascript" src="/assets/js/darkmode.js"></script> + {%- endif -%} </section> <section class="content"> {{ content }} </section> </main>