edryd.org

some of my neat stuff
git clone git://edryd.org/edryd.org
Log | Files | Refs | LICENSE

commit e482c112dbf0399fe192eda249d09e55291cddfb
parent e9f80f3b0f643ce99b2f01a3ac4756e49353d97e
Author: Ed van Bruggen <edvb@uw.edu>
Date:   Thu,  1 Jul 2021 22:53:21 -0700

Move photos above other sections

Diffstat:
Mlayouts/_default/baseof.html | 2+-
Mlayouts/index.html | 53++++++++++++++++++++++++++---------------------------
2 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html @@ -29,9 +29,9 @@ <div id="navbarSupportedContent" class="collapse navbar-collapse"> <ul class="navbar-nav ml-auto"> <li class="nav-item"><a href="{{ "index.html#about" | relURL }}" class="nav-link">about</a></li> + <li class="nav-item"><a href="{{ "photos" | relURL }}" class="nav-link">photos</a></li> <li class="nav-item"><a href="{{ "posts" | relURL }}" class="nav-link">posts</a></li> <li class="nav-item"><a href="{{ "projects" | relURL }}" class="nav-link">projects</a></li> - <li class="nav-item"><a href="{{ "photos" | relURL }}" class="nav-link">photos</a></li> <li class="nav-item"><a href="{{ "index.html#contact" | relURL }}" class="nav-link">contact</a></li> <li class="nav-item"><a href="https://git.edryd.org" class="nav-link">code</a></li> </ul> diff --git a/layouts/index.html b/layouts/index.html @@ -35,7 +35,31 @@ </div> </section> - <section id="posts" class="section-grey slant-up"> + <section id="photos" class="section-inverse slant-up"> + <div class="container clearfix"> + <div class="row"> + <div class="col-lg-12"> + <h2 class="heading">PHOTOS</h2> + <div class="row photos"> + {{- $files := shuffle (readDir "/static/img/photos/best") }} + {{- range first 5 $files -}} + {{- $imgURL := print "/img/photos/best/" .Name | relURL }} + <a href="{{ $imgURL }}" data-lightbox="image-1"> + <!-- TODO generate thumbnail --> + <img src="{{ $imgURL }}" alt="image"> + </a> + {{- end }} + </div> + <div class="col-md-2 offset-md-5 btn-effect"> + <a class="btn btn-block" href="photos"> + See More <i class="fa ml-2 fa-camera"></i> + </a> + </div> + </div> + </div> + </section> + + <section id="posts"> <div class="container"> <div class="row"> <div class="col-lg-12"> @@ -55,7 +79,7 @@ </div> </section> - <section id="projects"> + <section id="projects" class="section-grey slant-up"> <div class="container"> <div class="row"> <div class="col-lg-12"> @@ -77,31 +101,6 @@ </div> </section> - <!-- TODO move above posts? --> - <section id="photos" class="section-inverse slant-up"> - <div class="container clearfix"> - <div class="row"> - <div class="col-lg-12"> - <h2 class="heading">PHOTOS</h2> - <div class="row photos"> - {{- $files := shuffle (readDir "/static/img/photos/best") }} - {{- range first 5 $files -}} - {{- $imgURL := print "/img/photos/best/" .Name | relURL }} - <a href="{{ $imgURL }}" data-lightbox="image-1"> - <!-- TODO generate thumbnail --> - <img src="{{ $imgURL }}" alt="image"> - </a> - {{- end }} - </div> - <div class="col-md-2 offset-md-5 btn-effect"> - <a class="btn btn-block" href="photos"> - See More <i class="fa ml-2 fa-camera"></i> - </a> - </div> - </div> - </div> - </section> - <section id="contact" style="background-color: #fff;" class="pb-4"> <div class="container"> <div class="row">