This is a hugo site for the portfolio of Selma Starfinger

Hosting on cloudflare pages

Run

hugo --gc # to clear the cache
hugo server -D # to test

Content details

Gallery magic

Files

  • content/portfolio.md
  • layouts/partials/portfolio.html
  • layouts/partials/image-gallery.html
  • layouts/shortcodes/image-gallery.html (I'm not really using this one)
  • static/lightbox.js
  • assets/sass/lightbox.scss
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script> <script defer src="/lightbox.js"></script>

The file content/portfolio.md has the galleries and the assets need to be added to /assets/portfolio The portfolio is loaded from layouts/partials/portfolio.html There is also javascript magic to create the gallery and how it works

<iframe src="https://player.vimeo.com/video/{{ $id }}?h=1e51090569&byline=0&title=0&badge=0&autopause=0&playsinline=0&player_id=0&app_id=122963" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" ></iframe>
<iframe src="https://player.vimeo.com/video/{{ $id }}?byline=0&title=0&badge=0&autopause=0&playsinline=0&" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

TODO

Add videos

To be categorized