Major website overhaul

etc/ghost/themes/casper/partials/social.hbs

@@ -0,0 +1,86 @@
+{{!------------------------------
+To add a new social icon simply duplicate one of the list items from below
+and change the class in the <i> tag to match the desired social network
+and then add your link to the <a>. Here is a full list of social network
+classes that you can use:
+
+    icon-social-500px
+    icon-social-behance
+    icon-social-delicious
+    icon-social-designer-news
+    icon-social-deviant-art
+    icon-social-digg
+    icon-social-dribbble
+    icon-social-facebook
+    icon-social-flickr
+    icon-social-forrst
+    icon-social-foursquare
+    icon-social-github
+    icon-social-google-plus
+    icon-social-hi5
+    icon-social-instagram
+    icon-social-lastfm
+    icon-social-linkedin
+    icon-social-medium
+    icon-social-myspace
+    icon-social-path
+    icon-social-pinterest
+    icon-social-rdio
+    icon-social-reddit
+    icon-social-skype
+    icon-social-spotify
+    icon-social-stack-overflow
+    icon-social-steam
+    icon-social-stumbleupon
+    icon-social-treehouse
+    icon-social-tumblr
+    icon-social-twitter
+    icon-social-vimeo
+    icon-social-xbox
+    icon-social-yelp
+    icon-social-youtube
+    icon-social-zerply
+    icon-mail
+
+--------------------------------}}
+<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy" crossorigin="anonymous"></script>
+
+<nav class="navigation right">
+  <ul class="social expanded">
+
+  <!-- Twitter -->
+  <li class="social item hvr-grow-rotate">
+    <a rel="me" target="blank" href="https://twitter.com/openrsc" title="@OpenRSC on Twitter">
+      <i class='icon icon-social-twitter'></i>
+      <span class="label">Twitter</span>
+    </a>
+  </li>
+
+  <!-- Github -->
+  <li class="social item hvr-grow-rotate">
+    <a rel="me" target="blank" href="https://github.com/open-rsc" title="Open RSC on Github">
+      <i class='icon icon-social-github'></i>
+      <span class="label">Github</span>
+    </a>
+  </li>
+
+  <!-- Reddit -->
+  <li class="social item hvr-grow-rotate">
+    <a rel="me" target="blank" href="https://www.reddit.com/r/openrsc/" title="Open RSC on Reddit">
+      <i class='icon icon-social-reddit'></i>
+      <span class="label">Reddit</span>
+    </a>
+  </li>
+
+  <!-- Discord -->
+  <li class="social item hvr-grow-rotate">
+    <a rel="me" target="blank" href="https://discord.gg/94vVKND" title="Open RSC on Discord">
+      <span style="font-size: 24px;">
+      <i class='fab fa-discord'></i>
+      </span>
+      <span class="label">Discord</span>
+    </a>
+  </li>
+
+  </ul>
+</nav>