Based on https://github.com/ramswaroop/photography/ (Did some heavy history-rewriting to keep this repository's size down) https://schaepers.it
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.
 
 
 

111 lines
4.6 KiB

  1. ---
  2. layout: default
  3. ---
  4. <!-- Wrapper -->
  5. <div id="wrapper">
  6. <!-- Header -->
  7. <header id="header">
  8. <h1><a href="index.html"><strong>{{ site.header.title }}</strong> {{ site.header.subtitle }}</a></h1>
  9. <nav>
  10. <ul>
  11. <li><a href="#footer" class="icon fa-info-circle">Kontakt</a></li>
  12. </ul>
  13. </nav>
  14. </header>
  15. <!-- Main -->
  16. <div id="main" data-exif-display='{{ site.exif_display }}'>
  17. {% for image in site.static_files %}
  18. {% if image.path contains 'fulls' %}
  19. <article class="thumb">
  20. <a href="{{ site.baseurl }}{{ site.image_fulls_loc }}/{{ image.name }}" class="image">
  21. <img src="{{ site.baseurl }}{{ site.image_thumbs_loc }}/{{ image.name }}" alt=""
  22. data-name="{{ image.name }}"/></a>
  23. <!--<h2></h2>
  24. <p></p>-->
  25. </article>
  26. {% endif %}
  27. {% endfor %}
  28. </div>
  29. <!-- Footer -->
  30. <footer id="footer" class="panel">
  31. <div class="inner split">
  32. <div>
  33. <section>
  34. <h2>{{ site.footer.name }}</h2>
  35. <p>{{ site.footer.bio }}</p>
  36. <p>{{ site.footer.github }}</p>
  37. </section>
  38. <section>
  39. <h2>Social Media …</h2>
  40. <ul class="icons">
  41. {% if site.social_urls.facebook %}
  42. <li>
  43. <a href="{{ site.social_urls.facebook }}" class="icon fa-facebook">
  44. <span class="label">Facebook</span>
  45. </a>
  46. </li>
  47. {% endif %}
  48. {% if site.social_urls.twitter %}
  49. <li>
  50. <a href="{{ site.social_urls.twitter }}" class="icon fa-twitter">
  51. <span class="label">Twitter</span>
  52. </a>
  53. </li>
  54. {% endif %}
  55. {% if site.social_urls.instagram %}
  56. <li>
  57. <a href="{{ site.social_urls.instagram }}" class="icon fa-instagram">
  58. <span class="label">Instagram</span>
  59. </a>
  60. </li>
  61. {% endif %}
  62. {% if site.social_urls.dribbble %}
  63. <li>
  64. <a href="{{ site.social_urls.dribbble }}" class="icon fa-dribbble">
  65. <span class="label">Dribbble</span>
  66. </a>
  67. </li>
  68. {% endif %}
  69. {% if site.social_urls.github %}
  70. <li>
  71. <a href="{{ site.social_urls.github }}" class="icon fa-github">
  72. <span class="label">GitHub</span>
  73. </a>
  74. </li>
  75. {% endif %}
  76. {% if site.social_urls.linkedin %}
  77. <li>
  78. <a href="{{ site.social_urls.linkedin }}" class="icon fa-linkedin">
  79. <span class="label">LinkedIn</span>
  80. </a>
  81. </li>
  82. {% endif %}
  83. {% if site.social_urls.youtube %}
  84. <li>
  85. <a href="{{ site.social_urls.youtube }}" class="icon fa-youtube">
  86. <span class="label">YouTube</span>
  87. </a>
  88. </li>
  89. {% endif %}
  90. </ul>
  91. </section>
  92. <p class="copyright">
  93. &copy; {{ site.author }}. Design: {{ site.web_design }}
  94. </p>
  95. </div>
  96. <div>
  97. <section>
  98. <h2>Kontakt</h2>
  99. Über <a href="mailto:img@schaepers.it">img@schaepers.it</a> könnt ihr mir E-Mails schicken.<br>
  100. Alternativ findet ihr mich auch auf den links verlinkten Social Media Platformen.<br><br>
  101. Eine Gallerie mit mehr Bildern findet sich auf <a href="https://img.schaepers.it/">img.schaepers.it</a> oder meinem <a href="https://www.instagram.com/niduroki/">Instagram Account</a>.
  102. </section>
  103. </div>
  104. </div>
  105. </footer>
  106. </div>