Browse Source

Moved to tab indent; added colours to theme

master
Siina Mashek 3 months ago
parent
commit
380071898c
8 changed files with 108 additions and 68 deletions
  1. +8
    -8
      layouts/_default/list.html
  2. +5
    -5
      layouts/_default/terms.html
  3. +8
    -8
      layouts/partials/footer.html
  4. +3
    -0
      layouts/partials/head_custom.html
  5. +22
    -21
      layouts/partials/header.html
  6. +24
    -0
      static/css/color.css
  7. +36
    -24
      static/css/style.css
  8. +2
    -2
      theme.toml

+ 8
- 8
layouts/_default/list.html View File

@@ -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" . }}

+ 5
- 5
layouts/_default/terms.html View File

@@ -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" . }}

+ 8
- 8
layouts/partials/footer.html View File

@@ -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
- 0
layouts/partials/head_custom.html View File

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

+ 22
- 21
layouts/partials/header.html View File

@@ -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
- 0
static/css/color.css View File

@@ -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;
}

+ 36
- 24
static/css/style.css View File

@@ -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;
}
}

+ 2
- 2
theme.toml View File

@@ -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