eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Photos WIP

Browse source
This commit is contained in:
Eryn Wells 2022-10-19 07:38:26 -07:00
parent dd1e4ee40f
commit ae19e1a777
4 changed files with 119 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

40
layouts/partials/photo_exif_table.html
View file

@ -1,27 +1,31 @@
<table class="photo-params">
<thead>
<div class="photo-params">
<div class="container">
<table>
<thead>
<td class="make-model" colspan=4>{{ .Tags.Make }} {{ .Tags.Model }}</td>
</thead>
<tr>
</thead>
<tr>
<td colspan="2" class="location">
{{ $lat := float .Lat }}{{ $latDir := cond (eq $lat 0) "" (cond (gt $lat 0) "N" "S") }}
<data class="latitude" value="{{ $lat }}">{{ .Lat | lang.FormatNumber (cond (ne $lat 0) 3 0) }}º{{ $latDir }}</data>,
{{ $long := float .Long }}{{ $longDir := cond (eq $long 0) "" (cond (gt $long 0) "E" "W") }}
<data class="longitude" value="{{ $long }}">{{ .Long | lang.FormatNumber (cond (ne $long 0) 3 0) }}º{{ $longDir }}</data>
{{ $lat := float .Lat }}{{ $latDir := cond (eq $lat 0) "" (cond (gt $lat 0) "N" "S") }}
<data class="latitude" value="{{ $lat }}">{{ .Lat | lang.FormatNumber (cond (ne $lat 0) 3 0) }}º{{ $latDir }}</data>,
{{ $long := float .Long }}{{ $longDir := cond (eq $long 0) "" (cond (gt $long 0) "E" "W") }}
<data class="longitude" value="{{ $long }}">{{ .Long | lang.FormatNumber (cond (ne $long 0) 3 0) }}º{{ $longDir }}</data>
</td>
<td colspan="2" class="size">
{{ $widthpx := .Tags.PixelXDimension }}
{{ $heightpx := .Tags.PixelYDimension }}
{{ if and (gt $widthpx 0) (gt $heightpx 0) }}
{{ $megapixels := div (mul $widthpx $heightpx) 1e6 }}
<data value="{{ $megapixels }}">{{ $megapixels | lang.FormatNumber 0 }} MP</data> • {{ $widthpx }} × {{ $heightpx }}
{{ end }}
{{ $widthpx := .Tags.PixelXDimension }}
{{ $heightpx := .Tags.PixelYDimension }}
{{ if and (gt $widthpx 0) (gt $heightpx 0) }}
{{ $megapixels := div (mul $widthpx $heightpx) 1e6 }}
<data value="{{ $megapixels }}">{{ $megapixels | lang.FormatNumber 0 }} MP</data> • {{ $widthpx }} × {{ $heightpx }}
{{ end }}
</td>
</tr>
<tr class="exposure-attributes">
</tr>
<tr class="exposure-attributes">
<td class="iso">{{ with .Tags.ISOSpeedRatings }}ISO {{ . }}{{ end }}</td>
<td class="focal-length">{{ with .Tags.FocalLengthIn35mmFilm }}{{ . }} mm{{ end }}</td>
<td class="f-number">{{ with .Tags.FNumber }}ƒ{{ . }}{{ end }}</td>
<td class="exposure-time">{{ with .Tags.ExposureTime }}{{ . }} s{{ end }}</td>
</tr>
</table>
</tr>
</table>
</div>
</div>

8
layouts/photos/list.html
View file

@ -5,11 +5,9 @@
{{ define "main" }}
<section class="photos">
<ul class="grid">
{{- range .Pages -}}
{{- $thumbnailResource := (index (.Resources.ByType "image") 0) -}}
{{- $thumbnail := $thumbnailResource.Fit "600x600" -}}
{{- $thumbnail := $thumbnail.Crop "600x600" -}}
<li><a href="{{ .RelPermalink }}" title="{{ .Title }}"><img src="{{ $thumbnail.RelPermalink }}"></a></li>
{{- $pages = .Paginate (first 50 .Pages.ByDate) -}}
{{- range $pages.ByDate -}}
{{- .Render "li_thumbnail_in_grid" -}}
{{- end -}}
</ul>
</section>

52
layouts/photos/single.html
View file

@ -1,3 +1,7 @@
{{ define "header" }}
{{ partial "header.html" . }}
{{ end }}
{{ define "main" }}
<article class="post-single">
<nav class="post-nav">
@ -5,13 +9,13 @@
</nav>
{{ if .Title }}
<header>
{{ partial "development/draft_tag.html" . }}
<div class="post-title">
<h1>{{ .Title }}</h1>
<div class="post-date"><time>{{ .Date | time.Format "January 2, 2006" }}</time></div>
</div>
</header>
<header>
{{ partial "development/draft_tag.html" . }}
<div class="post-title">
<h1>{{ .Title }}</h1>
<div class="post-date"><time>{{ .Date | time.Format "January 2, 2006" }}</time></div>
</div>
</header>
{{ end }}
{{ $photos := .Resources.ByType "image" }}
@ -21,26 +25,30 @@
{{ if eq (len $photos) 1 }}
{{ $img := index $photos 0 }}
<figure>
<img src="{{ $img.RelPermalink }}">
</figure>
<figure>
<img src="{{ $img.RelPermalink }}">
</figure>
{{ .Content }}
{{ .Content }}
{{ partial "photo_exif_table.html" $img.Exif }}
{{ partial "photo_exif_table.html" $img.Exif }}
{{ if in ($.Site.BaseURL | string) "localhost" }}
{{ partial "development/photo_exif_table.html" $img.Exif }}
{{ end }}
{{ if in ($.Site.BaseURL | string) "localhost" }}
{{ partial "development/photo_exif_table.html" $img.Exif }}
{{ end }}
{{ else }}
<figure>
<ul class="carousel">
{{ range $photos }}
<li>{{ . }}</li>
{{ end }}
</ul>
</figure>
<figure>
<ul class="carousel">
{{ range $photos }}
<li>{{ . }}</li>
{{ end }}
</ul>
</figure>
{{ end }}
</article>
{{ end }}
{{ define "footer" }}
{{ partial "footer.html" . }}
{{ end }}