Hax0r hugo theme
This commit is contained in:
parent
f50189a3ab
commit
0d78601fd9
|
@ -1,2 +1,2 @@
|
||||||
+++
|
---
|
||||||
+++
|
---
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Link collection
|
title: Link collection
|
||||||
author: JPK
|
author: GoatFOo
|
||||||
date: {{ .Date }}
|
date: {{ .Date }}
|
||||||
categories:
|
categories:
|
||||||
tags:
|
tags:
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
---
|
---
|
||||||
title: "{{ replace .Name "-" " " | title }}"
|
title: "{{ replace .Name "-" " " | title }}"
|
||||||
author: JPK
|
author: GoatFoo
|
||||||
date: {{ .Date }}
|
date: {{ .Date }}
|
||||||
categories:
|
categories:
|
||||||
tags:
|
tags:
|
||||||
|
|
|
@ -0,0 +1,92 @@
|
||||||
|
html {
|
||||||
|
font-family: "Lucida Console", "monospace";
|
||||||
|
font-size: 14px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
*, *:before, *:after {
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: $background-color;
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
article header {
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $anchor-color;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-size: smaller;
|
||||||
|
margin: 2em;
|
||||||
|
padding: 0.4em;
|
||||||
|
border: 1px dashed $border-color;
|
||||||
|
overflow: auto;
|
||||||
|
color: #f8f8f2;
|
||||||
|
background-color: #272822;
|
||||||
|
-moz-tab-size: 4;
|
||||||
|
-o-tab-size: 4;
|
||||||
|
tab-size: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 80%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.active {
|
||||||
|
color: $anchor-active-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: $anchor-hover-color;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: square;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav ul li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxed {
|
||||||
|
border-bottom: 1px dashed $border-color;
|
||||||
|
width: 1024px;
|
||||||
|
margin: auto;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.goatpr0n-wide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1024px) {
|
||||||
|
.goatpr0n-small {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
.tag-lists {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-lists-item {
|
||||||
|
--size: attr(data-weight number, 2);
|
||||||
|
font-size: calc(var(--size) * 1rem);
|
||||||
|
}
|
|
@ -0,0 +1,22 @@
|
||||||
|
/*
|
||||||
|
https://coolors.co/04080f-507dbc-a1c6ea-bbd1ea-dae3e5
|
||||||
|
*/
|
||||||
|
|
||||||
|
$background-color: {{ .Site.Params.style.backgroundColor | default "#04080f" }};
|
||||||
|
$text-color: {{ .Site.Params.style.textColor | default "#dae3e5" }};
|
||||||
|
$border-color: {{ .Site.Params.style.borderColor | default "#dae3e5" }};
|
||||||
|
$anchor-color: {{ .Site.Params.style.anchorColor | default "#507dbc" }};
|
||||||
|
$anchor-active-color: {{ .Site.Params.style.anchorActiveColor | default "#bbd1ea" }};
|
||||||
|
$anchor-hover-color: {{ .Site.Params.style.anchorHoverColor | default "#bbd1ea" }};
|
||||||
|
$pre-text-color: {{ .Site.Params.style.preTextColor | default "#f8f8f2" }};
|
||||||
|
$pre-background-color: {{ .Site.Params.style.preBackgroundColor | default "#272822" }};
|
||||||
|
|
||||||
|
@charset "UTF-8";
|
||||||
|
@font-face {
|
||||||
|
font-family: 'DOS';
|
||||||
|
src: url("./fonts/Perfect DOS VGA 437 Win.ttf");
|
||||||
|
}
|
||||||
|
|
||||||
|
@import "base";
|
||||||
|
|
||||||
|
@import "components/tag_lists";
|
|
@ -3,6 +3,7 @@
|
||||||
{{- partial "head.html" . -}}
|
{{- partial "head.html" . -}}
|
||||||
<body>
|
<body>
|
||||||
{{- partial "header.html" . -}}
|
{{- partial "header.html" . -}}
|
||||||
|
|
||||||
<div id="content boxed">
|
<div id="content boxed">
|
||||||
{{- block "main" . }}{{- end }}
|
{{- block "main" . }}{{- end }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<p>
|
<p>
|
||||||
<ul>
|
<ul>
|
||||||
{{ range .Pages.ByPublishDate.Reverse }}
|
{{ range .Pages.ByPublishDate.Reverse }}
|
||||||
<li>[ {{ .PublishDate | time.Format "2006-01-01" }} ] <a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
|
<li>[ {{ .PublishDate | time.Format "2006-01-01" }} ] <a href="{{ .Permalink }}">{{ .Title }}</a></li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
</p>
|
</p>
|
||||||
|
|
|
@ -1,7 +1,35 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div class="boxed">
|
<div class="boxed">
|
||||||
<h1>{{ .Title }}</h1>
|
|
||||||
{{ partial "metadata.html" . }}
|
<article class="post">
|
||||||
<br><br>
|
<header class="post-header">
|
||||||
{{ .Content }}
|
<h1 class ="post-title">{{ .Title }}</h1>
|
||||||
|
{{- if ne .Type "page" }}
|
||||||
|
<div class="post-meta">
|
||||||
|
<div>
|
||||||
|
<span>Publisched:</span>
|
||||||
|
{{ .PublishDate.Format "Jan 2, 2006" }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>Approx. time:</span>
|
||||||
|
{{ .ReadingTime }} min read
|
||||||
|
</div>
|
||||||
|
{{- with .Params.tags }}
|
||||||
|
<div><span>Tags:</span>
|
||||||
|
{{- range . -}}
|
||||||
|
{{ with $.Site.GetPage (printf "/%s/%s" "tags" . ) }}
|
||||||
|
<a class="tag" href="{{ .Permalink }}">{{ .Title }}</a>
|
||||||
|
{{- end }}
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
{{- end }}
|
||||||
|
</div>
|
||||||
|
{{- end }}
|
||||||
|
</header>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
{{ .Content }}
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
@ -1,12 +1,10 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<article>
|
<article class="boxed">
|
||||||
<ul class="tags-list">
|
<ul class="tag-lists">
|
||||||
{{ range .Data.Terms.ByCount }}
|
{{ range .Data.Terms.ByCount }}
|
||||||
<li class="tags-list-item">
|
<li class="tag-lists-item" data-weight="{{ .Count }}">
|
||||||
<a class="tags-list-item-title" href="{{ .Page.Permalink }}">
|
<span>[ </span><a class="tag-lists-item-title" href="{{ .Page.Permalink }}">
|
||||||
({{ .Count }})
|
{{ .Page.Title }} ({{.Count}})</a><span> ]</span>
|
||||||
{{ .Page.Title }}
|
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -1 +1,6 @@
|
||||||
<p class="footer boxed">Copyright (c) {{ now.Format "2006"}} GoatFoo</p>
|
<div id="nav-border" class="container">
|
||||||
|
<nav id="nav" class="nav justify-content-center">
|
||||||
|
{{ partial "menu.html" (dict "menuID" "footer" "page" .) }}
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<p class="footer boxed">Copyright (c) {{ now.Format "2006"}} <a href="/about/" >GoatFoo</a></p>
|
||||||
|
|
|
@ -1,7 +1,9 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
{{ $style := resources.Get "css/main.scss" | resources.ExecuteAsTemplate "css/main.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint -}}
|
||||||
|
<link rel="stylesheet" href="{{ $style.Permalink }}" />
|
||||||
{{ $title := print .Site.Title " | " .Title }}
|
{{ $title := print .Site.Title " | " .Title }}
|
||||||
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
|
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
|
||||||
<title>{{ $title }}</title>
|
<title>{{ $title }}</title>
|
||||||
|
|
|
@ -15,8 +15,6 @@
|
||||||
|
|
||||||
<div id="nav-border" class="container boxed">
|
<div id="nav-border" class="container boxed">
|
||||||
<nav id="nav" class="nav justify-content-center">
|
<nav id="nav" class="nav justify-content-center">
|
||||||
{{ range .Site.Menus.main }}
|
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
||||||
<span> [ </span><a class="nav-link" href="{{ .URL }}">{{ .Name | safeHTML }}</a><span> ] </span>
|
|
||||||
{{ end }}
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -0,0 +1,39 @@
|
||||||
|
{{- $page := .page }}
|
||||||
|
{{- $menuID := .menuID }}
|
||||||
|
|
||||||
|
{{- with index site.Menus $menuID }}
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
{{- end }}
|
||||||
|
|
||||||
|
{{ range .Site.Menus.main }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{- define "partials/inline/menu/walk.html" }}
|
||||||
|
{{- $page := .page }}
|
||||||
|
{{- range .menuEntries }}
|
||||||
|
{{- $attrs := dict "href" .URL}}
|
||||||
|
{{- if $page.IsMenuCurrent .Menu . }}
|
||||||
|
{{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
|
||||||
|
{{- else if $page.HasMenuCurrent .Menu .}}
|
||||||
|
{{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
|
||||||
|
{{- end }}
|
||||||
|
<li>
|
||||||
|
<span> [ </span><a
|
||||||
|
{{- range $k, $v := $attrs }}
|
||||||
|
{{- with $v }}
|
||||||
|
{{- printf " %s=%q" $k $v | safeHTMLAttr }}
|
||||||
|
{{- end }}
|
||||||
|
{{- end -}}
|
||||||
|
>{{ or (T .Identifier) .Name | safeHTML }}</a>
|
||||||
|
{{- with .Children }}
|
||||||
|
<ul>
|
||||||
|
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
||||||
|
</ul>
|
||||||
|
{{- end }}
|
||||||
|
<span> ]</span></li>
|
||||||
|
{{- end }}
|
||||||
|
{{- end }}
|
|
@ -1,11 +0,0 @@
|
||||||
{{ $dateTime := .PublishDate.Format "2006-01-02" }}
|
|
||||||
{{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
|
|
||||||
<i data-feather="calendar"></i>
|
|
||||||
<time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
|
|
||||||
{{ with .Params.tags }}
|
|
||||||
<i data-feather="tag"></i>
|
|
||||||
{{ range . }}
|
|
||||||
{{ $href := print (absURL "tags/") (urlize .) }}
|
|
||||||
<a class="btn btn-sm btn-outline-dark tag-btn" href="{{ $href }}">{{ . }}</a>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
|
@ -1,82 +0,0 @@
|
||||||
/*
|
|
||||||
Base Color
|
|
||||||
#0f1111
|
|
||||||
|
|
||||||
Monochromatic - 100
|
|
||||||
#343b3b
|
|
||||||
|
|
||||||
Monochromatic - 200
|
|
||||||
#5a6666
|
|
||||||
|
|
||||||
Monochromatic - 300
|
|
||||||
#7f9090
|
|
||||||
|
|
||||||
Monochromatic - 400
|
|
||||||
#a5bbbb
|
|
||||||
|
|
||||||
Monochromatic - 500
|
|
||||||
#cae5e5
|
|
||||||
*/
|
|
||||||
@charset "UTF-8";
|
|
||||||
@font-face {
|
|
||||||
font-family: 'DOS';
|
|
||||||
src: url("./fonts/Perfect DOS VGA 437 Win.ttf");
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-family: "Lucida Console", "monospace";
|
|
||||||
font-size: 14px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
*, *:before, *:after {
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #0f1111;
|
|
||||||
color: #7f9090;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #cae5e5;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:active {
|
|
||||||
color: #a5bbbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: #a5bbbb;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
list-style: square;
|
|
||||||
}
|
|
||||||
|
|
||||||
.boxed {
|
|
||||||
border-bottom: 2px dotted #343b3b;
|
|
||||||
width: 1024px;
|
|
||||||
margin: auto;
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 1024px) {
|
|
||||||
.goatpr0n-wide {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1024px) {
|
|
||||||
.goatpr0n-small {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
23
theme.toml
23
theme.toml
|
@ -1,15 +1,14 @@
|
||||||
name = "tui"
|
name = "hax0r"
|
||||||
description = "hax0r"
|
description = "hax0r lulz"
|
||||||
homepage = "https://localhost"
|
homepage = "https://localhost"
|
||||||
license = "MIT"
|
license = "MIT"
|
||||||
licenselink = "https://localhost"
|
licenselink = "https://localhost"
|
||||||
# tags = ["blog", "retro", "dos", "terminal"]
|
tags = ["blog", "minimalistic", "dark", "ascii"]
|
||||||
# features = [
|
features = [
|
||||||
# "minimalistic blog",
|
"minimalistic blog",
|
||||||
# ]
|
]
|
||||||
# min_version = 0.55
|
min_version = 0.55
|
||||||
#
|
|
||||||
# [author]
|
[author]
|
||||||
# name = "GoatFoo"
|
name = "GoatFoo"
|
||||||
# homepage = "https://goatpr0n.farm"
|
homepage = "https://goatpr0n.farm"
|
||||||
#
|
|
||||||
|
|
Loading…
Reference in New Issue