Redid header style, wrapped content in main tag

This commit is contained in:
Brandon Rozek 2022-05-08 16:11:05 -04:00
parent ddaa281397
commit 0824107def
10 changed files with 147 additions and 48 deletions

View file

@ -4,9 +4,11 @@
<body>
<h1>404 Page Not Found</h1>
{{ partial "header.html" . }}
<main>
<div class="main">
<p><a href="{{ .Site.BaseURL }}">Go Home</a></p>
</div>
</main>
{{ partial "footer.html" . }}
</body>
</html>

View file

@ -1,9 +1,10 @@
{{ define "main"}}
<h1 class='title'>{{ .Title }}</h1>
{{ partial "header.html" . }}
<!-- content -->
<main>
<div id="contentBody">
{{ .Content }}
</div>
</main>
{{ partial "footer.html" . }}
{{ end }}

View file

@ -1,6 +1,6 @@
{{ define "main"}}
<h1 class='title'>{{ .Title }}</h1>
{{ partial "header.html" . }}
<main>
{{ if not .Date.IsZero }}
<!-- date -->
{{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}}
@ -21,5 +21,6 @@
<div id="contentBody">
{{ .Content }}
</div>
</main>
{{ partial "footer.html" . }}
{{ end }}

View file

@ -1,5 +1,6 @@
{{ define "main"}}
{{ partial "header.html" . }}
<main>
<!-- search box -->
<div id="searchBox">
<input type="text" id="searchBoxInput" placeholder="Search..." />
@ -28,6 +29,7 @@
{{ end }}
{{ end }}
</div>
</main>
{{ partial "footer.html" . }}
{{ $jquery := resources.Get "js/jquery-3.5.1.min.js" }}
{{ $mark := resources.Get "js/jquery.mark.es6.min.js" }}

View file

@ -1,7 +1,11 @@
{{ define "main"}}
<article class="h-entry">
<h1 class='title p-name'>{{ .Title }}</h1>
{{ .Scratch.Set "customTitleHeaderSet" true }}
{{ .Scratch.Set "customTitleHeader" "Blog" }}
{{ .Scratch.Set "customTitleHeaderLink" "/blog" }}
{{ partial "header.html" . }}
<main>
<h1 class='title'>{{ .Title }}</h1>
<a style="display: none" class="u-url" href="{{ .Permalink }}"></a>
<!-- date -->
{{ if not .Date.IsZero }}
@ -46,6 +50,7 @@
<input type="hidden" name="target" value="{{ .Permalink }}">
<button type="submit">Ping!</button>
</form>
</main>
{{ $webmentionjs := resources.Get "js/webmention.min.js" }}
<script src="{{ $webmentionjs.Permalink }}" async></script>
<!-- Metadata -->

View file

@ -1,6 +1,7 @@
{{ define "main"}}
{{ partial "header.html" }}
<h1>{{ .Title }}</h1>
{{ partial "header.html" . }}
<main>
<!-- tags -->
<div id="tags">
<ul>
@ -9,5 +10,6 @@
{{ end }}
</ul>
</div>
</main>
{{ partial "footer.html" . }}
{{ end }}

View file

@ -1,6 +1,6 @@
{{ define "main"}}
<h1 class='title p-name'>{{ .Title }}</h1>
{{ partial "header.html" . }}
<main>
<!-- search box -->
<div id="searchBox">
<input type="text" id="searchBoxInput" placeholder="Search..." />
@ -28,6 +28,7 @@
{{ end }}
{{ end }}
</div>
</main>
{{ partial "footer.html" . }}
{{ $jquery := resources.Get "js/jquery-3.5.1.min.js" }}
{{ $mark := resources.Get "js/jquery.mark.es6.min.js" }}

View file

@ -2,9 +2,10 @@
<html>
{{- partial "head.html" . -}}
<body>
<main>
<div id="profileContainer">
<div id="profile" class="h-card">
<header class="home">
<header class="header-home">
<!-- avator -->
<div class="avatar">
<img class="avatarMask u-photo" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="avatar">
@ -37,6 +38,7 @@
</nav>
</div>
</div>
</main>
{{- partial "footer.html" . -}}
<script type="application/ld+json">
{

View file

@ -1,14 +1,40 @@
<header class="h-card p-author">
<!-- avator -->
<div class="avatar">
<header class="header-top">
<div class="header-flex">
{{ $headerTitle := .Scratch.Get "customTitleHeader" }}
{{ $headerLink := .Scratch.Get "customTitleHeaderLink" }}
{{ if (.Scratch.Get "customTitleHeaderSet") }}
{{ if eq $headerTitle ""}}
<div></div>
{{ else }}
<h1 class='title'>
{{ if $headerLink }}
<a href="{{ $headerLink }}">
{{ $headerTitle }}
</a>
{{ else }}
{{ $headerTitle }}
{{ end }}
</h1>
{{ end }}
{{ else }}
<h1 class="title">{{ .Title }}</h1>
{{ end }}
<div class="h-card p-author">
<h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
<img class="avatarMask u-photo" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="{{ .Site.Params.avatarDescription }}">
<a href="{{ .Site.BaseURL }}"><img class="avatar-border" src="{{ .Site.BaseURL }}/img/avatar-border.svg" alt=""></a>
<div style="display: none">
<!-- email / description (for h-card) -->
<a class="u-email" href="mailto://{{ .Site.Params.email }}"></a>
<p class="p-note">
{{ .Site.Params.description | safeHTML }}
</p>
</div>
</div>
<!-- author -->
<h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
<!-- email / description (for h-card) -->
<a style="display: none" class="u-email" href="mailto://{{ .Site.Params.email }}"></a>
<p style="display: none" class="p-note">
{{ .Site.Params.description | safeHTML }}
</p>
</div>
</header>