Build a beautiful and simple website in literally minutes. Demo at http://deanattali.com/beautiful-jekyll
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

175 lines
6.8 KiB

9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
  1. <footer>
  2. <div class="container beautiful-jekyll-footer">
  3. <div class="row">
  4. <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
  5. <ul class="list-inline text-center footer-links">
  6. {% if site.author.facebook and site.footer-links-active.facebook %}
  7. <li>
  8. <a href="https://www.facebook.com/{{ site.author.facebook }}" title="Facebook">
  9. <span class="fa-stack fa-lg">
  10. <i class="fa fa-circle fa-stack-2x"></i>
  11. <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
  12. </span>
  13. </a>
  14. </li>
  15. {% endif %}
  16. {% if site.author.github and site.footer-links-active.github %}
  17. <li>
  18. <a href="https://github.com/{{ site.author.github }}" title="GitHub">
  19. <span class="fa-stack fa-lg">
  20. <i class="fa fa-circle fa-stack-2x"></i>
  21. <i class="fa fa-github fa-stack-1x fa-inverse"></i>
  22. </span>
  23. </a>
  24. </li>
  25. {% endif %}
  26. {% if site.author.twitter and site.footer-links-active.twitter %}
  27. <li>
  28. <a href="https://twitter.com/{{ site.author.twitter }}" title="Twitter">
  29. <span class="fa-stack fa-lg">
  30. <i class="fa fa-circle fa-stack-2x"></i>
  31. <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
  32. </span>
  33. </a>
  34. </li>
  35. {% endif %}
  36. {% if site.author.reddit and site.footer-links-active.reddit %}
  37. <li>
  38. <a href="https://reddit.com/u/{{ site.author.reddit }}" title="Reddit">
  39. <span class="fa-stack fa-lg">
  40. <i class="fa fa-circle fa-stack-2x"></i>
  41. <i class="fa fa-reddit fa-stack-1x fa-inverse"></i>
  42. </span>
  43. </a>
  44. </li>
  45. {% endif %}
  46. {% if site.author.google-plus and site.footer-links-active.google-plus %}
  47. <li>
  48. <a href="https://plus.google.com/{{ site.author.google-plus }}" title="Google+">
  49. <span class="fa-stack fa-lg">
  50. <i class="fa fa-circle fa-stack-2x"></i>
  51. <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
  52. </span>
  53. </a>
  54. </li>
  55. {% endif %}
  56. {% if site.author.email and site.footer-links-active.email %}
  57. <li>
  58. <a href="mailto:{{ site.author.email }}" title="Email me">
  59. <span class="fa-stack fa-lg">
  60. <i class="fa fa-circle fa-stack-2x"></i>
  61. <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
  62. </span>
  63. </a>
  64. </li>
  65. {% endif %}
  66. {% if site.author.linkedin and site.footer-links-active.linkedin %}
  67. <li>
  68. <a href="https://linkedin.com/in/{{ site.author.linkedin }}" title="LinkedIn">
  69. <span class="fa-stack fa-lg">
  70. <i class="fa fa-circle fa-stack-2x"></i>
  71. <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
  72. </span>
  73. </a>
  74. </li>
  75. {% endif %}
  76. {% if site.author.xing and site.footer-links-active.xing %}
  77. <li>
  78. <a href="https://www.xing.com/profile/{{ site.author.xing }}" title="Xing">
  79. <span class="fa-stack fa-lg">
  80. <i class="fa fa-circle fa-stack-2x"></i>
  81. <i class="fa fa-xing fa-stack-1x fa-inverse"></i>
  82. </span>
  83. </a>
  84. </li>
  85. {% endif %}
  86. {% if site.author.stackoverflow and site.footer-links-active.stackoverflow %}
  87. <li>
  88. <a href="https://stackoverflow.com/users/{{ site.author.stackoverflow }}" title="StackOverflow">
  89. <span class="fa-stack fa-lg">
  90. <i class="fa fa-circle fa-stack-2x"></i>
  91. <i class="fa fa-stack-overflow fa-stack-1x fa-inverse"></i>
  92. </span>
  93. </a>
  94. </li>
  95. {% endif %}
  96. {% if site.author.snapchat and site.footer-links-active.snapchat %}
  97. <li>
  98. <a href="https://www.snapchat.com/add/{{ site.author.snapchat }}" title="Snapchat">
  99. <span class="fa-stack fa-lg">
  100. <i class="fa fa-circle fa-stack-2x"></i>
  101. <i class="fa fa-snapchat-ghost fa-stack-1x fa-inverse"></i>
  102. </span>
  103. </a>
  104. </li>
  105. {% endif %}
  106. {% if site.author.instagram and site.footer-links-active.instagram %}
  107. <li>
  108. <a href="https://www.instagram.com/{{ site.author.instagram }}" title="Instagram">
  109. <span class="fa-stack fa-lg">
  110. <i class="fa fa-circle fa-stack-2x"></i>
  111. <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
  112. </span>
  113. </a>
  114. </li>
  115. {% endif %}
  116. {% if site.author.youtube and site.footer-links-active.youtube %}
  117. <li>
  118. <a href="https://www.youtube.com/{{ site.author.youtube }}" title="YouTube">
  119. <span class="fa-stack fa-lg">
  120. <i class="fa fa-circle fa-stack-2x"></i>
  121. <i class="fa fa-youtube fa-stack-1x fa-inverse"></i>
  122. </span>
  123. </a>
  124. </li>
  125. {% endif %}
  126. {% if site.author.spotify and site.footer-links-active.spotify %}
  127. <li>
  128. <a href="https://open.spotify.com/user/{{ site.author.spotify }}" title="Spotify">
  129. <span class="fa-stack fa-lg">
  130. <i class="fa fa-circle fa-stack-2x"></i>
  131. <i class="fa fa-spotify fa-stack-1x fa-inverse"></i>
  132. </span>
  133. </a>
  134. </li>
  135. {% endif %}
  136. {% if site.author.telephone and site.footer-links-active.telephone %}
  137. <li>
  138. <a href="tel:{{ site.author.telephone }}" title="Phone">
  139. <span class="fa-stack fa-lg">
  140. <i class="fa fa-circle fa-stack-2x"></i>
  141. <i class="fa fa-phone fa-stack-1x fa-inverse"></i>
  142. </span>
  143. </a>
  144. </li>
  145. {% endif %}
  146. {% if site.footer-links-active.rss %}
  147. <li>
  148. <a href="{{ '/feed.xml' | prepend: site.baseurl }}" title="RSS">
  149. <span class="fa-stack fa-lg">
  150. <i class="fa fa-circle fa-stack-2x"></i>
  151. <i class="fa fa-rss fa-stack-1x fa-inverse"></i>
  152. </span>
  153. </a>
  154. </li>
  155. {% endif %}
  156. </ul>
  157. <p class="copyright text-muted">
  158. {{ site.author.name }}
  159. &nbsp;&bull;&nbsp;
  160. {{ site.time | date: '%Y' }}
  161. {% if site.url-pretty %}
  162. &nbsp;&bull;&nbsp;
  163. <a href="{{ site.url }}">{{ site.url-pretty }}</a>
  164. {% endif %}
  165. </p>
  166. <!-- Please don't remove this, keep my open source work credited :) -->
  167. <p class="theme-by text-muted">
  168. Theme by
  169. <a href="http://deanattali.com/beautiful-jekyll/">beautiful-jekyll</a>
  170. </p>
  171. </div>
  172. </div>
  173. </div>
  174. </footer>