Browse Source

Squashed commit of the following:

commit f16dd97f4d
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 17:25:28 2024 -0400

    adjust author page header

commit 1a9d71abe4
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 17:25:07 2024 -0400

    include margin class in article meta images

commit 409d00b7c5
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 17:24:46 2024 -0400

    adding left-to-right layout and move image margin to separate class

commit c5e8614005
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:59:20 2024 -0400

    simplify author page layout

commit 8ea5527e19
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:58:46 2024 -0400

    center featured images and remove unused classes

commit 302c628200
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:46:56 2024 -0400

    remove article-meta styling

commit 8e8a0284b5
Author: Alexander Avery <alex.avery@beetbox.io>
Date:   Mon Jul 1 11:46:41 2024 -0400

    simplify layouts
master
Alexander Avery 5 months ago
parent
commit
56b0a61011
  1. 6
      assets/sass/cards.scss
  2. 31
      assets/sass/main.scss
  3. 2
      layouts/_default/meta-extra.html
  4. 22
      layouts/authors/list.html
  5. 7
      layouts/games/meta-extra.html
  6. 27
      layouts/partials/article-meta.html

6
assets/sass/cards.scss

@ -52,12 +52,6 @@ article.card {
border-radius: 50%; border-radius: 50%;
} }
img.small-image {
flex: 1 1 400px;
overflow: hidden;
max-width: 400px;
}
.article-link { .article-link {
text-decoration: none; text-decoration: none;
color: $font-color; color: $font-color;

31
assets/sass/main.scss

@ -78,11 +78,6 @@ main {
flex-basis: 100%; flex-basis: 100%;
} }
.break {
flex-basis: 100%;
height: 0px;
}
a, p, li, h2 { a, p, li, h2 {
font-size: 1.25rem; font-size: 1.25rem;
} }
@ -94,23 +89,27 @@ img {
img.featured { img.featured {
border-radius: 8px; border-radius: 8px;
max-height: 500px; max-height: 500px;
display: block;
}
.margin {
margin: 12px auto;
} }
.small-text { .small-text {
font-size: 1rem; font-size: 1rem;
} }
.article-header { .large-text {
display: flex; font-size: 2rem;
justify-content: center; }
align-items: center;
gap: 4px 8px; .left-to-right {
flex-wrap: wrap; display: flex;
h1 { flex-wrap: wrap;
font-size: 2rem; gap: 8px;
text-align: center; justify-content: space-evenly;
flex-basis: 100%; align-items: end;
}
} }
section { section {

2
layouts/_default/meta-extra.html

@ -1,2 +0,0 @@
<h2 class="small-text">{{ .Date.Format "Mon | Jan 2, 2006" }}</h2>

22
layouts/authors/list.html

@ -1,24 +1,20 @@
{{ define "main" }} {{ define "main" }}
<main> <section class="left-to-right">
<section class="article-header">
{{if not .IsHome }}
{{ with .Resources.GetMatch "avatar" }}
<img class="shadow featured" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
{{ end }}
<div>
<h1>{{ .Params.name }}</h1> <h1>{{ .Params.name }}</h1>
<p class="center-text">{{ .Params.bio }}</p> <p>{{ .Params.bio }}</p>
<a class="small-text" href={{ .Params.projects}}>Projects</a> <a class="small-text" href={{ .Params.projects}}>Projects</a>
<span> | </span> <span> | </span>
<a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a> <a class="small-text" href="mailto:{{ .Params.email }}">{{ .Params.email}}</a>
</div>
<div class="break"></div> </section>
{{ with .Resources.GetMatch "avatar" }}
<img class="shadow small-image featured" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
{{ end }}
{{ end }}
</section>
</main>
<section> <section>

7
layouts/games/meta-extra.html

@ -1,6 +1,7 @@
{{ if .Params.releaseDate }} {{ with .Params.releaseDate }}
<h2 class="small-text center-text">Released {{ dateFormat "Mon | Jan 2, 2006" .Params.releaseDate }}</h2> <h2 class="small-text">Released: {{ dateFormat "Mon | Jan 2, 2006" . }}</h2>
{{ end }} {{ end }}
<h2 class="small-text">Platforms:</h2> <h2 class="small-text">Platforms:
<span class="margin small-text">{{ delimit .Params.platforms " · " }}</span> <span class="margin small-text">{{ delimit .Params.platforms " · " }}</span>
</h2>

27
layouts/partials/article-meta.html

@ -1,22 +1,25 @@
<section class="article-header"> <section>
<h1>{{ .Title | markdownify }}</h1> <h1 class="large-text">{{ .Title | markdownify }}</h1>
{{- $authors := .Params.authors | default (slice .Site.Params.defaultAuthor) }} {{ with .Params.authors }}
{{- $primaryAuthor := index $authors 0 }} {{ $author := (index . 0) }}
<h2>
Author: <a href={{ printf "/%s/%s" "authors" (urlize $author) }}>{{ $author }}</a>
</h2>
{{ end }}
{{ with $primaryAuthor }} {{ with .Date }}
<a class="center-text" href={{ printf "/%s/%s" "authors" (urlize .) }}> <h2 class="small-text">Posted: {{ .Format "Mon | Jan 2, 2006" }}</h2>
<h2>{{ . }}</h2>
</a>
{{ end }} {{ end }}
{{ .Render "meta-extra" }} {{ .Render "meta-extra" }}
{{ range (.GetTerms "tags") }} {{ range (.GetTerms "tags") }}
<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a> <span>
<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
</span>
{{ end }} {{ end }}
{{ $image := (.Resources.GetMatch "featured") }} {{ $image := (.Resources.GetMatch "featured") }}
{{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "shadow featured") }} {{ partial "image.html" (dict "image" $image "alt" .Params.featured.alt "class" "shadow featured margin") }}
</section> </section>

Loading…
Cancel
Save