brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2024-11-23 00:36:30 -05:00
Code Issues Projects Releases Packages Wiki Activity

Font-swap on font-awesome and image compression

Browse source
This commit is contained in:
Brandon Rozek 2023-09-26 16:30:27 -04:00
parent 1964f176d2
commit e437fcdd1a
No known key found for this signature in database
GPG key ID: 26E457DA82C9F480
9 changed files with 26 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/fontawesome.css vendored
View file

File diff suppressed because one or more lines are too long

5
assets/css/style.css
View file

@ -29,6 +29,11 @@ html, body {
word-wrap: break-word;
}
a {
padding-top: 8px; /* Increase tap target */
padding-bottom: 8px; /* Increase tap target */
}
a .fa, a .fas, a .fab {
color: var(--acent-color);
}

5
layouts/blog/single.amp.html
View file

@ -8,7 +8,10 @@
<h1 class='title p-name'>{{ .Title }}</h1>
<a style="display: none" class="u-url" href="{{ .Permalink }}"></a>
<div style="display: none;" rel="author" class="h-card p-author">
<img class="u-photo" src="{{ .Site.BaseURL }}img/avatar.jpg"/>
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 75 }}
{{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
<img class="u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}"/>
<span > {{ .Site.Params.Author }}</span>
</div>
{{ .Scratch.Set "beforeDateString" "Published on "}}

5
layouts/blog/single.html
View file

@ -8,7 +8,10 @@
<h1 class='title p-name'>{{ .Title }}</h1>
<a style="display: none" class="u-url" href="{{ .Permalink }}"></a>
<div style="display: none;" rel="author" class="h-card p-author">
<img class="u-photo" src="{{ .Site.BaseURL }}img/avatar.jpg"/>
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 75 }}
{{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
<img class="u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}"/>
<span > {{ .Site.Params.Author }}</span>
</div>
{{ .Scratch.Set "beforeDateString" "Published on "}}

4
layouts/index.html
View file

@ -8,8 +8,8 @@
<div class="avatar">
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 250 }}
{{ $profile_image := $profile_image.Resize (printf "%dx" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}">
{{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}">
<!-- <img src="{{ .Site.BaseURL }}img/avatar-border.svg" alt="Photo of {{ .Site.Params.Author }}"> -->
</div>
<!-- author -->

5
layouts/paper/single.html
View file

@ -8,7 +8,10 @@
<h1 class='title p-name'>{{ .Title }}</h1>
<a style="display: none" class="u-url" href="{{ .Permalink }}"></a>
<div style="display: none;" rel="author" class="h-card p-author">
<img class="u-photo" src="{{ .Site.BaseURL }}img/avatar.jpg"/>
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 75 }}
{{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
<img class="u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}"/>
<span > {{ .Site.Params.Author }}</span>
</div>
<!-- content -->

10
layouts/partials/head.html
View file

@ -64,15 +64,5 @@
<!-- {{- template "_internal/twitter_cards.html" . -}} -->
{{- partial "external/twitter_cards.html" . -}}
<script src="https://polyfill.io/v3/polyfill.js"></script>
<!-- MathJax -->
{{- if or .Params.math .Site.Params.math -}}
{{ partial "mathjax_support.html" . }}
{{- end -}}
{{ partial "citation.html" . }}
{{- $script := resources.Get "js/script.js" -}}
<script src="{{ $script.Permalink }}" async></script>
</head>

4
layouts/partials/header.html
View file

@ -27,8 +27,8 @@
<h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 75 }}
{{ $profile_image := $profile_image.Resize (printf "%dx" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}">
{{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}">
<div style="display: none">
<!-- email / description (for h-card) -->
<a class="u-email" href="mailto://{{ .Site.Params.email }}"></a>

5
layouts/tracks/single.html
View file

@ -8,7 +8,10 @@
<h1 class='title p-name'>{{ .Title }}</h1>
<a style="display: none" class="u-url" href="{{ .Permalink }}"></a>
<div style="display: none;" rel="author" class="h-card p-author">
<img class="u-photo" src="{{ .Site.BaseURL }}img/avatar.jpg"/>
{{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
{{ $profile_width := 75 }}
{{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
<img class="u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}"/>
<span > {{ .Site.Params.Author }}</span>
</div>
{{ .Scratch.Set "beforeDateString" "Published on "}}