Hax0r hugo theme
This commit is contained in:
parent
f50189a3ab
commit
0d78601fd9
|
|
@ -1,2 +1,2 @@
|
|||
+++
|
||||
+++
|
||||
---
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Link collection
|
||||
author: JPK
|
||||
author: GoatFOo
|
||||
date: {{ .Date }}
|
||||
categories:
|
||||
tags:
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
author: JPK
|
||||
author: GoatFoo
|
||||
date: {{ .Date }}
|
||||
categories:
|
||||
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" . -}}
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
|
||||
<div id="content boxed">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<p>
|
||||
<ul>
|
||||
{{ 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 }}
|
||||
</ul>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,35 @@
|
|||
{{ define "main" }}
|
||||
<div class="boxed">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ partial "metadata.html" . }}
|
||||
<br><br>
|
||||
{{ .Content }}
|
||||
|
||||
<article class="post">
|
||||
<header class="post-header">
|
||||
<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 }}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,10 @@
|
|||
{{ define "main" }}
|
||||
<article>
|
||||
<ul class="tags-list">
|
||||
<article class="boxed">
|
||||
<ul class="tag-lists">
|
||||
{{ range .Data.Terms.ByCount }}
|
||||
<li class="tags-list-item">
|
||||
<a class="tags-list-item-title" href="{{ .Page.Permalink }}">
|
||||
({{ .Count }})
|
||||
{{ .Page.Title }}
|
||||
</a>
|
||||
<li class="tag-lists-item" data-weight="{{ .Count }}">
|
||||
<span>[ </span><a class="tag-lists-item-title" href="{{ .Page.Permalink }}">
|
||||
{{ .Page.Title }} ({{.Count}})</a><span> ]</span>
|
||||
</li>
|
||||
{{ end }}
|
||||
</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>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<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 }}
|
||||
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
|
||||
<title>{{ $title }}</title>
|
||||
|
|
|
|||
|
|
@ -15,8 +15,6 @@
|
|||
|
||||
<div id="nav-border" class="container boxed">
|
||||
<nav id="nav" class="nav justify-content-center">
|
||||
{{ range .Site.Menus.main }}
|
||||
<span> [ </span><a class="nav-link" href="{{ .URL }}">{{ .Name | safeHTML }}</a><span> ] </span>
|
||||
{{ end }}
|
||||
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
||||
</nav>
|
||||
</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"
|
||||
description = "hax0r"
|
||||
name = "hax0r"
|
||||
description = "hax0r lulz"
|
||||
homepage = "https://localhost"
|
||||
license = "MIT"
|
||||
licenselink = "https://localhost"
|
||||
# tags = ["blog", "retro", "dos", "terminal"]
|
||||
# features = [
|
||||
# "minimalistic blog",
|
||||
# ]
|
||||
# min_version = 0.55
|
||||
#
|
||||
# [author]
|
||||
# name = "GoatFoo"
|
||||
# homepage = "https://goatpr0n.farm"
|
||||
#
|
||||
tags = ["blog", "minimalistic", "dark", "ascii"]
|
||||
features = [
|
||||
"minimalistic blog",
|
||||
]
|
||||
min_version = 0.55
|
||||
|
||||
[author]
|
||||
name = "GoatFoo"
|
||||
homepage = "https://goatpr0n.farm"
|
||||
|
|
|
|||
Loading…
Reference in New Issue