BeetBox
/
neon-harvest
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

responsive images and seo

master
Alexander Avery 4 years ago
parent
ff7f2536e4
commit
4f1e55ad2e
5 changed files with 15 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      layouts/_default/baseof.html
  2. 2
      layouts/_default/single.html
  3. 2
      layouts/partials/article-card.html
  4. 2
      layouts/partials/header.html
  5. 10
      layouts/partials/responsive-image.html

3
layouts/_default/baseof.html
View File

@ -1,4 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Site.Language.Lang }}">
<head> <head>
<link rel="shortcut icon" href="/images/favicon.ico"/> <link rel="shortcut icon" href="/images/favicon.ico"/>
@ -8,7 +9,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.Description }}{{ end }}"> <meta name="description" content="{{ .Params.description | default .Site.Params.Description }}">
{{ $style := resources.Get "/sass/main.scss" | resources.ToCSS }} {{ $style := resources.Get "/sass/main.scss" | resources.ToCSS }}
<link rel="stylesheet" href="{{ $style.Permalink }}" /> <link rel="stylesheet" href="{{ $style.Permalink }}" />
<title> <title>

2
layouts/_default/single.html
View File

@ -7,7 +7,7 @@
{{ range (.GetTerms "tags") }} {{ range (.GetTerms "tags") }}
<a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a> <a class="small-text" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{ end}} {{ end}}
<img class="shadow large-image" srcset="{{ .Params.featured.srcset }}" src="{{ .Params.featured.url }}" alt="{{ .Params.featured.alt }}"/> {{ partial "responsive-image.html" (dict "context" .Params.featured "class" "shadow large-image") }}
</div> </div>
{{ if .Params.toc }} {{ if .Params.toc }}

2
layouts/partials/article-card.html
View File

@ -1,7 +1,7 @@
<article class="shadow float-on-hover card"> <article class="shadow float-on-hover card">
<div class="article-image"> <div class="article-image">
<a href=" {{ .Permalink }}"> <a href=" {{ .Permalink }}">
<img class="fill-wh" src="{{ .Params.featured.url }}" srcset="{{ .Params.featured.srcset }}" alt="{{ .Params.featured.alt }}"/></a> {{ partial "responsive-image.html" (dict "context" .Params.featured)}}
</div> </div>
<div class="article-info-container"> <div class="article-info-container">
<div class="article-info"> <div class="article-info">

2
layouts/partials/header.html
View File

@ -1,6 +1,6 @@
<header> <header>
<nav class="spread"> <nav class="spread">
<a href="/"><img src="/images/logo.svg"/></a> <a href="/"><img src="/images/logo.svg" alt="The {{ .Site.Title }} Logo"/></a>
<ul class="spread"> <ul class="spread">
<li><a href="https://gitea.beetbox.io/BeetBox" title="Gitea Repositories">Gitea</a></li> <li><a href="https://gitea.beetbox.io/BeetBox" title="Gitea Repositories">Gitea</a></li>
<li><a href="https://odysee.com/@BeetBox:f" title="Odysee Channel">Odysee</a></li> <li><a href="https://odysee.com/@BeetBox:f" title="Odysee Channel">Odysee</a></li>

10
layouts/partials/responsive-image.html
View File

@ -0,0 +1,10 @@
<img class="{{ .class | default "fill-wh"}}"
{{ with resources.Get .context.url }}
srcset="
{{ (.Resize "320x q30").RelPermalink }} 320w,
{{ (.Resize "600x q40").RelPermalink }} 600w,
{{ (.Resize "1200x q65").RelPermalink }} 2x"
src="{{ .RelPermalink }}"
{{ end }}
alt="{{ .context.alt }}"
/>
Write Preview
Loading…
Cancel
Save