Local tweaks

This commit is contained in:
Ask Bjørn Hansen 2020-04-18 02:47:22 -07:00
parent d680e98905
commit e649063146
7 changed files with 112 additions and 57 deletions

View File

@ -1,13 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{{ partial "header.html" . }} {{ partial "header.html" . }}
<body> <body>
<div class="container wrapper post"> <div class="container wrapper post">
{{ partial "head.html" . }} {{ partial "head.html" . }}
<div class="post-header"> <div class="post-header">
<h1 class="title">{{ .Title }}</h1> <h1 class="title">{{ .Title }}</h1>
<div class="meta">Posted at &mdash; {{ dateFormat "Jan 2, 2006" .Date }}{{ if .Draft }} <span class="draft-label">DRAFT</span> {{ end }}</div>
<div class="meta">
{{ if eq .Section "posts" }}
Posted at &mdash; {{ dateFormat "Jan 2, 2006" .Date }}
{{ end }}
{{ if .Draft }}
<span class="draft-label">DRAFT</span>
{{ end }}
</div>
</div> </div>
<div class="markdown"> <div class="markdown">
@ -52,4 +61,5 @@
</div> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
</body> </body>
</html> </html>

View File

@ -1,20 +1,27 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{{ partial "header.html" . }} {{ partial "header.html" . }}
<body> <body>
<div class="container wrapper"> <div class="container wrapper">
{{ partial "head.html" . }} {{ partial "head.html" . }}
<div>
{{.Content}}
</div>
{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
{{ $paginator := .Paginate (where $pages "Params.hidden" "ne" true) }}
{{ if $paginator.Pages }}
<div class="recent-posts section"> <div class="recent-posts section">
<h2 class="section-header"> <h2 class="section-header">
Recent posts Recent posts
</h2> </h2>
<div class="posts"> <div class="posts">
{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
{{ $paginator := .Paginate (where $pages "Params.hidden" "ne" true) }}
{{ range $paginator.Pages }} {{ range $paginator.Pages }}
<div class="post"> <div class="post">
<div class="meta">{{ dateFormat "Jan 2, 2006" .Date }}{{ if .Draft }} <span class="draft-label">DRAFT</span> {{ end }}</div> <div class="meta">{{ dateFormat "Jan 2, 2006" .Date }}{{ if .Draft }} <span
class="draft-label">DRAFT</span> {{ end }}</div>
<a class="title" href="{{ .RelPermalink }}">{{.Title}}</a> &mdash; <a class="title" href="{{ .RelPermalink }}">{{.Title}}</a> &mdash;
<span class="description"> <span class="description">
{{ if isset .Params "description" }} {{ if isset .Params "description" }}
@ -28,7 +35,9 @@
{{ template "partials/paginator.html" . }} {{ template "partials/paginator.html" . }}
</div> </div>
</div> </div>
{{ end }}
</div> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
</body> </body>
</html> </html>

View File

@ -1,12 +1,38 @@
<div class="footer wrapper"> <div class="footer wrapper">
<nav class="nav"> <nav class="nav">
<div>{{ with .Site.Copyright }} {{ . }} | {{ end }} <a href="https://github.com/vividvilla/ezhil">Ezhil theme</a> | Built with <a href="https://gohugo.io">Hugo</a></div> {{ if .Page.Lastmod }}
Last updated {{ .Page.Lastmod.Format "January 2, 2006" }}
{{ end }}
{{ if .Site.Copyright }}
<div>{{ with .Site.Copyright }} {{ . }} | {{ end }}
<a href="https://github.com/vividvilla/ezhil">Ezhil theme</a> | Built with <a
href="https://gohugo.io">Hugo</a></div>
{{ end }}
</nav> </nav>
</div> </div>
{{ if and (isset .Site.Params "social") (isset .Site.Params "feathericonscdn") (eq .Site.Params.featherIconsCDN true) -}}
<script async src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
{{- else if (isset .Site.Params "social") -}}
<script async src="{{ .Site.BaseURL }}js/feather.min.js"></script>
{{ end }}
<script async src="{{ .Site.BaseURL }}js/main.js"></script>
{{- if isset .Site.Params "customjs" -}}
{{- range .Site.Params.customJS }}
{{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}
<script async src="{{ . }}"></script>
{{- else }}
<script async src="{{ $.Site.BaseURL }}{{ . }}"></script>
{{- end }}
{{- end }}
{{- end }}
{{ if not .Site.IsServer }} {{ if not .Site.IsServer }}
{{ template "_internal/google_analytics_async.html" . }} {{ template "_internal/google_analytics_async.html" . }}
{{ end }} {{ end }}
{{- with .Site.Params.Social -}} {{- with .Site.Params.Social -}}
<script>feather.replace()</script> <script>
feather.replace()
</script>
{{- end -}} {{- end -}}

View File

@ -1,9 +1,11 @@
<div class="header"> <div class="header">
{{- if .IsHome -}}
<h1 class="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h1> <h1 class="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h1>
<div class="site-description"> <div class="site-description">
{{- if isset .Site.Params "subtitle" -}} {{- if isset .Site.Params "subtitle" -}}
<h2>{{ .Site.Params.Subtitle | markdownify }}</h2> <h2>{{ .Site.Params.Subtitle | markdownify }}</h2>
{{- end -}} {{- end -}}
{{ if .Site.Params.Social }}
<nav class="nav social"> <nav class="nav social">
<ul class="flat"> <ul class="flat">
{{- range $index, $key := .Site.Params.Social -}} {{- range $index, $key := .Site.Params.Social -}}
@ -11,14 +13,19 @@
{{- end -}} {{- end -}}
</ul> </ul>
</nav> </nav>
{{ end }}
</div> </div>
{{ end }}
<nav class="nav"> <nav class="nav">
<ul class="flat"> <ul class="flat">
{{ $current := .RelPermalink }}
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
{{ if ne .URL $current }}
<li> <li>
<a href="{{ .URL }}">{{ .Name }}</a> <a href="{{ .URL }}">{{ .Name }}</code></a>
</li> </li>
{{end}}
{{ end }} {{ end }}
</ul> </ul>
</nav> </nav>

View File

@ -20,7 +20,9 @@
{{- template "_internal/opengraph.html" . -}} {{- template "_internal/opengraph.html" . -}}
{{- template "_internal/twitter_cards.html" . -}} {{- template "_internal/twitter_cards.html" . -}}
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic|Raleway:200,300" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic|Raleway:200,300"
rel="stylesheet">
<link href="{{ .Site.BaseURL }}css/fonts.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/normalize.css" /> <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/normalize.css" />
<link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" /> <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" />
@ -28,25 +30,12 @@
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}{{ .Site.Params.customCSS }}" /> <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}{{ .Site.Params.customCSS }}" />
{{ end }} {{ end }}
{{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}} {{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}}
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/dark.css" {{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)"{{ end }} /> <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/dark.css"
{{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)" {{ end }} />
{{- if isset .Site.Params "customdarkcss" }} {{- if isset .Site.Params "customdarkcss" }}
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}{{ .Site.Params.customDarkCSS }}" {{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)"{{ end }} /> <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}{{ .Site.Params.customDarkCSS }}"
{{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)" {{ end }} />
{{- end }} {{- end }}
{{- end }} {{- end }}
{{ if and (isset .Site.Params "social") (isset .Site.Params "feathericonscdn") (eq .Site.Params.featherIconsCDN true) -}}
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
{{- else if (isset .Site.Params "social") -}}
<script src="{{ .Site.BaseURL }}js/feather.min.js"></script>
{{ end }}
<script src="{{ .Site.BaseURL }}js/main.js"></script>
{{- if isset .Site.Params "customjs" -}}
{{- range .Site.Params.customJS }}
{{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}
<script src="{{ . }}"></script>
{{- else }}
<script src="{{ $.Site.BaseURL }}{{ . }}"></script>
{{- end }}
{{- end }}
{{- end }}
</head> </head>

2
static/css/fonts.css Normal file
View File

@ -0,0 +1,2 @@
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

View File

@ -1,18 +1,23 @@
body { body {
font-family: "ubuntu", sans-serif; font-family: "Verdana", sans-serif;
font-weight: 400; font-weight: 400;
color: #333; color: #333;
line-height: 1.6; line-height: 1.6;
font-size: 16px; font-size: 16px;
} }
a, a:hover { a,
a:hover {
color: #a00; color: #a00;
text-decoration: none; text-decoration: none;
word-break: break-word; word-break: break-word;
} }
html,button,input,select,textarea { html,
button,
input,
select,
textarea {
color: #333; color: #333;
} }
@ -42,7 +47,7 @@ img {
} }
a img { a img {
border:none; border: none;
} }
figure { figure {
@ -64,7 +69,7 @@ blockquote {
margin-left: 1rem; margin-left: 1rem;
font-style: italic; font-style: italic;
font-size: 1.4rem; font-size: 1.4rem;
font-family: Georgia,bitstream charter,serif; font-family: Georgia, bitstream charter, serif;
border-left: 3px solid; border-left: 3px solid;
border-color: #a00; border-color: #a00;
padding-left: 20px; padding-left: 20px;
@ -79,7 +84,8 @@ blockquote em {
font-weight: 600; font-weight: 600;
} }
a,a:hover { a,
a:hover {
color: #a00; color: #a00;
text-decoration: none text-decoration: none
} }
@ -88,11 +94,16 @@ a:hover {
text-decoration: underline text-decoration: underline
} }
h1,h2,h3,h4,h5,h6 { h1,
font-family: raleway,sans-serif; h2,
h3,
h4,
h5,
h6 {
font-family: "Frank Ruhl Libre", sans-serif;
line-height: 1.2; line-height: 1.2;
color: #333; color: #333;
font-weight: 200; font-weight: 500;
} }
h1 { h1 {
@ -197,12 +208,12 @@ ul {
} }
.container { .container {
margin-top: 50px; margin-top: 30px;
} }
.header { .header {
margin-bottom: 20px; margin-bottom: 20px;
padding-bottom: 20px; /* padding-bottom: 20px; */
} }
.header h1, .header h1,
@ -218,8 +229,8 @@ ul {
} }
.header nav { .header nav {
margin-top: 20px; /* margin-top: 10px; */
border-top: 1px solid #f4f4f4; /* border-top: 1px solid #f4f4f4; */
} }
.header nav ul, .header nav ul,
@ -379,7 +390,8 @@ table th {
background-color: #f4f4f4; background-color: #f4f4f4;
} }
table th, table td { table th,
table td {
padding: 10px 20px; padding: 10px 20px;
border: 1px solid #dddddd; border: 1px solid #dddddd;
} }