Browse Source

Moved to tab indent; added colours to theme

master
Siina Mashek 10 months ago
committed by Siina Maček
parent
commit
7f964d8aab
  1. 16
      layouts/_default/list.html
  2. 10
      layouts/_default/terms.html
  3. 16
      layouts/partials/footer.html
  4. 3
      layouts/partials/head_custom.html
  5. 43
      layouts/partials/header.html
  6. 24
      static/css/color.css
  7. 60
      static/css/style.css
  8. 4
      theme.toml

16
layouts/_default/list.html

@ -9,14 +9,14 @@
{{ .Content }}
<ul>
{{ $pages := .Pages }}
{{ if .IsHome }}{{ $pages = .Site.RegularPages }}{{ end }}
{{ range (where $pages "Section" "!=" "") }}
<li>
<span class="date">{{ .Date.Format "02.01.2006" }}</span>
<a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
</li>
{{ end }}
{{ $pages := .Pages }}
{{ if .IsHome }}{{ $pages = .Site.RegularPages }}{{ end }}
{{ range (where $pages "Section" "!=" "") }}
<li>
<span class="date">{{ .Date.Format "02.01.2006" }}</span>
<a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
</li>
{{ end }}
</ul>
{{ partial "footer.html" . }}

10
layouts/_default/terms.html

@ -3,11 +3,11 @@
<h1>{{ .Title }}</h1>
<ul class="terms">
{{ range .Data.Terms }}
<li>
<a href="{{ .Page.RelPermalink }}">{{ .Page.Title }}</a> ({{ .Count }})
</li>
{{ end }}
{{ range .Data.Terms }}
<li>
<a href="{{ .Page.RelPermalink }}">{{ .Page.Title }}</a> ({{ .Count }})
</li>
{{ end }}
</ul>
{{ partial "footer.html" . }}

16
layouts/partials/footer.html

@ -1,9 +1,9 @@
<footer>
{{ partial "foot_custom.html" . }}
{{ with .Site.Params.footer }}
<hr/>
{{ . | markdownify }}
{{ end }}
</footer>
</body>
<footer>
{{ partial "foot_custom.html" . }}
{{ with .Site.Params.footer }}
<hr/>
{{ . | markdownify }}
{{ end }}
</footer>
</body>
</html>

3
layouts/partials/head_custom.html

@ -0,0 +1,3 @@
{{ range .AlternativeOutputFormats -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}

43
layouts/partials/header.html

@ -1,24 +1,25 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{if not .IsHome }}
<title>{{ .Title }} | {{ .Site.Title }}</title>
{{ else }}
<title>{{ .Site.Title }}</title>
{{ end }}
<link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" />
<link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" />
{{ partial "head_custom.html" . }}
</head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{if not .IsHome }}
<title>{{ .Title }} | {{ .Site.Title }}</title>
{{ else }}
<title>{{ .Site.Title }}</title>
{{ end }}
<link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" />
<link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" />
<link rel="stylesheet" href="{{ "/css/color.css" | relURL }}" />
{{ partial "head_custom.html" . }}
</head>
<body>
<nav>
<ul class="menu">
{{ range .Site.Menus.main }}
<li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
<hr/>
</nav>
<body>
<nav>
<ul class="menu">
{{ range .Site.Menus.main }}
<li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
<hr/>
</nav>

24
static/css/color.css

@ -0,0 +1,24 @@
body, .article-meta {
background: #232323;
color: #d8b48c;
}
pre, hr {
border-color: #d8b48c;
color: #a0a0a0;
}
thead, tfoot, tr:nth-child(even) {
background: #303030;
}
a, a:visited {
color: #ffa7da;
}
a:hover {
color: #d370a3;
}
.article-meta {
color: #efbd8b;
}

60
static/css/style.css

@ -1,51 +1,63 @@
body {
max-width: 800px;
margin: auto;
padding: 1em;
line-height: 1.5em;
max-width: 800px;
margin: auto;
padding: 1em;
line-height: 1.5em;
text-align: justify;
text-justify: inter-word;
}
/* header and footer areas */
.menu { padding: 0; }
.menu li { display: inline-block; }
.article-meta, .menu a {
text-decoration: none;
background: #eee;
padding: 5px;
border-radius: 5px;
text-decoration: none;
padding: 5px;
border-radius: 5px;
}
.menu, .article-meta, footer { text-align: center; }
.menu, .article-meta, h1, h2, footer { text-align: center; }
.title { font-size: 1.1em; }
footer a { text-decoration: none; }
hr {
border-style: dashed;
color: #ddd;
border-style: dashed;
}
/* code */
pre {
border: 1px solid #ddd;
box-shadow: 5px 5px 5px #eee;
padding: 1em;
overflow-x: auto;
border: 1px solid;
padding: 1em;
overflow-x: auto;
}
code { background: #f9f9f9; }
pre code { background: none; }
/* misc elements */
img, iframe, video { max-width: 100%; }
main { hyphens: auto; }
blockquote {
background: #f9f9f9;
border-left: 5px solid #ccc;
padding: 3px 1em 3px;
padding: 3px 1em 3px;
}
table {
margin: auto;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
margin: auto;
border-top: 1px solid;
border-bottom: 1px solid;
}
table thead th { border-bottom: 1px solid #ddd; }
table thead th { border-bottom: 1px solid }
th, td { padding: 5px; }
thead, tfoot, tr:nth-child(even) { background: #eee; }
/* about page elements */
img[src~="avatar"] {
display: block;
float: right;
height: 256px;
width: 256px;
padding-left: 1em;
}
@media only screen and (max-width: 512px) {
img[src~="avatar"] {
height: 128px;
width: 128px;
}
}

4
theme.toml

@ -8,5 +8,5 @@ features = ["blog"]
min_version = "0.1"
[author]
name = "Siina Mashek"
homepage = "https://siina.wtf"
name = "Siina Mashek"
homepage = "https://siina.wtf"
Loading…
Cancel
Save