diff options
| author | mms <michal@sapka.me> | 2024-05-30 23:36:19 +0200 |
|---|---|---|
| committer | mms <michal@sapka.me> | 2024-05-30 23:36:19 +0200 |
| commit | 870e0655cba09cef70bfcf4f353676dd59b420d1 (patch) | |
| tree | 5a20bd2df8ce42569568a5bea7ddfae9d786bb5f /layouts | |
| parent | f913033d24194f865dcb9c91874cf384edfdd854 (diff) | |
feat: valid html button
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/buttons/valid_html.html | 3 | ||||
| -rw-r--r-- | layouts/unix-history/baseof.html | 243 |
2 files changed, 129 insertions, 117 deletions
diff --git a/layouts/partials/buttons/valid_html.html b/layouts/partials/buttons/valid_html.html new file mode 100644 index 0000000..5da5837 --- /dev/null +++ b/layouts/partials/buttons/valid_html.html @@ -0,0 +1,3 @@ +{{- $path := printf "https://validator.w3.org/check?uri=%s" .Permalink }} + +{{ partial "button-31" (dict "file" "html5.gif" "alt" "Valid HTML" "href" $path) }} diff --git a/layouts/unix-history/baseof.html b/layouts/unix-history/baseof.html index e8c61d1..7a04eff 100644 --- a/layouts/unix-history/baseof.html +++ b/layouts/unix-history/baseof.html @@ -1,134 +1,143 @@ -<head> - <meta name="viewport" content="width=device-width, initial-scale=1"> - {{ partial "header/meta" . }} - {{- $bg := resources.Get "unix-history/bg.gif" -}} +<!DOCTYPE html> +<html lang="en"> - <style> - :root { - --bg-color: #E8E9EB; - --heading-color: #738678; - --text-color: #000; - } - - body { - width: 800px; - max-width: 70%; - margin-left: auto; - margin-right: auto; - font-family: helvetica; - font-size: 1em; - line-height: 1.5em; - text-align: justify; - background-image: url({{ $bg.Permalink }}); - background-repeat: repeat-y; - background-size: 200px; - background-color: var(--bg-color); - padding-top: 20px; - padding-bottom: 30px; - padding-left: 210px; - padding-right: 30px; - overflow-x: hidden; - color: var(--text-color); - } - - @media only screen and (max-width: 700px) { - body { - background-image: unset; - max-width: 95%; - padding: 10px; - margin-left: 0; - } - } + <head> + <meta name="viewport" content="width=device-width, initial-scale=1"> + {{ partial "header/meta" . }} + {{- $bg := resources.Get "unix-history/bg.gif" -}} - a { - color: var(--text-color); - } - p { - padding-left: 40px; - } - article figure { - text-align: center; - margin: 0; - max-width: 100%; - font-size: 0.8em; - } - - img { - max-width: 60%; - height: auto; - } + <style> + :root { + --bg-color: #E8E9EB; + --heading-color: #738678; + --text-color: #000; + } + + body { + width: 800px; + max-width: 70%; + margin-left: auto; + margin-right: auto; + font-family: helvetica; + font-size: 1em; + line-height: 1.5em; + text-align: justify; + background-image: url({{ $bg.Permalink }}); + background-repeat: repeat-y; + background-size: 200px; + background-color: var(--bg-color); + padding-top: 20px; + padding-bottom: 30px; + padding-left: 210px; + padding-right: 30px; + overflow-x: hidden; + color: var(--text-color); + } + + @media only screen and (max-width: 700px) { + body { + background-image: unset; + max-width: 95%; + padding: 10px; + margin-left: 0; + } + } + + a { + color: var(--text-color); + } + p { + padding-left: 40px; + } + article figure { + text-align: center; + margin: 0; + max-width: 100%; + font-size: 0.8em; + } + + img { + max-width: 60%; + height: auto; + } - h1 { - font-style: italic; - color: var(--heading-color); - } + h1 { + font-style: italic; + color: var(--heading-color); + } - h2 { - font-size:1.1em; - color: var(--heading-color); - } + h2 { + font-size:1.1em; + color: var(--heading-color); + } - .wip { - width: 80%; - background-color: #EEE; - border-radius: 5px; - margin: 20px; - margin-left: auto; - margin-right: auto; - padding: 10px; - padding-top: 20px; - padding-bottom: 20px; - border-style: solid; - border-color: #000; - border-width: 1px; - vertical-align: middle; - } - .wip img { - vertical-align: middle; - padding-left: 10px; - padding-right: 10px; - } + .wip { + width: 80%; + background-color: #EEE; + border-radius: 5px; + margin: 20px; + margin-left: auto; + margin-right: auto; + padding: 10px; + padding-top: 20px; + padding-bottom: 20px; + border-style: solid; + border-color: #000; + border-width: 1px; + vertical-align: middle; + } + .wip img { + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + } - .top-menu { - display: flex; - } - .top-menu-element { - width: 50%; - flex-shrink: 0; - } + .top-menu { + display: flex; + } + .top-menu-element { + width: 50%; + flex-shrink: 0; + } - .header-sep { - margin-top: 30px; - margin-bottom: 30px; - } - </style> + .header-sep { + margin-top: 30px; + margin-bottom: 30px; + } + </style> -</head> + </head> -<body> - <nav> - {{ range $parent := first 1 .Ancestors}} + <body> + <nav> + {{ range $parent := first 1 .Ancestors}} <a href="{{ .Permalink }}"> << Back</a> - {{ end }} - <header> - <h1>{{ .Title }}</a></h1> - </header> + {{ end }} + </nav> + <header> + <h1>{{ .Title }}</h1> +</header> - <hr> +<hr> - <article> - <aside class="wip"> - {{ $wip := resources.Get "icons/wip.gif"}} +<article> + <aside class="wip"> + {{ $wip := resources.Get "icons/wip.gif"}} <img src="{{$wip.Permalink}}" alt="Work in progress" width="{{ $wip.Width}}" height="{{ $wip.Height }}"> This text is still work in progress and will be updated. </aside> - {{ block "main" . }} - {{ end }} - - </article> - <hr> - <footer> - Website created and operated by <a href="https://michal.sapka.me">Michał</a> - </footer> + {{ block "main" . }} + {{ end }} + +</article> + +<hr> +<footer> + Website created and operated by <a href="https://michal.sapka.me">Michał</a> + <div style="padding: 15px; text-align: center;"> + {{ partial "buttons/valid_html" . }} + </div> +</footer> </body> +</html> |