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

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 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>