refactoring of code to support themes and new hellug theme
Κάποιοι έλεγχοι απέτυχαν
Hellug Projects/Hellug/www/pipeline/head There was a failure building this commit

Αυτό το commit περιλαμβάνεται σε:
infl00p 2022-10-27 18:05:10 +03:00
γονέας 781ede797c
commit acfecc9a4d
119 αρχεία άλλαξαν με 3973 προσθήκες και 7 διαγραφές

20
themes/hellug-minimal/LICENSE Κανονικό αρχείο

@ -0,0 +1,20 @@
The MIT License (MIT)
Copyright (c) 2022 YOUR_NAME_HERE
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

2
themes/hellug-minimal/archetypes/default.md Κανονικό αρχείο

@ -0,0 +1,2 @@
+++
+++

0
themes/hellug-minimal/layouts/404.html Κανονικό αρχείο

11
themes/hellug-minimal/layouts/_default/baseof.html Κανονικό αρχείο

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
</body>
</html>

32
themes/hellug-minimal/layouts/_default/events.html Κανονικό αρχείο

@ -0,0 +1,32 @@
{{ partial "head.html" . }}
<!-- Header Start -->
{{ partial "header.html" . }}
<!-- Header End -->
{{ partial .Params.bannertemplate . }}
{{ partial "breadcrump.html"}}
<h1> {{ .Title }}</h1>
{{ dateFormat "02/01/2006" .Date }}<hr>
<ul>
{{ if .Params.eventdate }}
<li><b>📅</b> {{ dateFormat "Monday" .Params.eventdate }}</li>
{{ end }}
{{ if .Params.eventdate }}
<li><b></b> {{ dateFormat "15:04" .Params.eventdate }}</li>
{{ end }}
{{ if .Params.eventlocation }}
<li><b>🏛</b> {{ .Params.eventlocation }}</li>
{{ end }}
</ul>
{{.Content}}
<!-- Column 2 start -->
{{ partial "column2.html" . }}
<!-- Column 2 end -->
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

64
themes/hellug-minimal/layouts/_default/list.html Κανονικό αρχείο

@ -0,0 +1,64 @@
{{ partial "head.html" . }}
<header>
<!-- Header Start -->
{{ partial "header.html" . }}
<!-- Header End -->
{{- if .Params.bannertemplate }}
{{- partial .Params.bannertemplate . }}
{{- else }}
{{- partial "hellug-banner.html" . }}
{{- end }}
</header>
<main>
<div class="master">
<!-- Articles Section -->
{{- $articlelimit := 5 }}
{{- $articlenum := len .Pages }}
{{- $counter := 0 }}
{{- $recentpostlimit := (sub now.Unix 31536000 ) }}
{{- range first $articlelimit .Pages }}
{{- $counter = add $counter 1 }}
{{- if eq $counter 1 }}
<!-- First Post -->
<h4><a href="{{.Permalink}}">{{ .Title }}</a></h4>
<article>
<aside>{{- if lt $recentpostlimit .Date.Unix }}Nέο {{- end }}{{- dateFormat "02/01/2006" .Date }}
</aside>
{{- .Summary }}
</article>
<!-- First Post End -->
{{else}}
<h4><a href="{{.Permalink}}">{{ .Title }}</a></h4>
<article>
<aside>{{- if lt $recentpostlimit .Date.Unix }}Nέο {{- end }}{{ dateFormat "02/01/2006" .Date }}
</aside>
{{- .Summary }}
</aside>
{{- end }}
{{- end }}
<!-- End Articles Section -->
<section>
{{ if gt $articlenum $articlelimit }}
<!-- Older Articles Summary -->
<h4>Παλαιότερα άρθρα</a></h4>
<ul>
{{ range after 10 .Pages }}
<li><a href="{{.Permalink}}">{{ .Title }}</a> {{ dateFormat "02/01/2006" .Date }}</li>
{{ end }}
</ul>
<!-- End Older Articles -->
{{ end }}
</section>
</div>
<div class="sidebar">
<!-- Column 2 start -->
{{ partial "column2.html" . }}
<!-- Column 2 end -->
</div>
</main>
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

36
themes/hellug-minimal/layouts/_default/meetups.html Κανονικό αρχείο

@ -0,0 +1,36 @@
{{ partial "head.html" . }}
<header>
<!-- Header Start -->
{{ partial .Params.bannertemplate . }}
{{ partial "header.html" . }}
<!-- Header End -->
{{ partial "breadcrump.html"}}
</header>
<main>
<div class="master">
<h1>{{ .Title }}</h1>
{{ dateFormat "02/01/2006" .Date }}
<ul>
{{ if .Params.meetupdate }}
<li><b>📅</b> {{ dateFormat "Monday" .Params.meetupdate }}</li>
{{ end }}
{{ if .Params.meetupdate }}
<li><b></b> {{ dateFormat "15:04" .Params.meetupdate }}</li>
{{ end }}
{{ if .Params.meetuplocation }}
<li><b>🏛</b> {{ .Params.meetuplocation }}</li>
{{ end }}
</ul>
<article>
{{.Content}}
</article>
</div>
<!-- Column 2 start -->
<div class="sidebar">
{{ partial "column2.html" . }}
</div>
<!-- Column 2 end -->
</main>
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

25
themes/hellug-minimal/layouts/_default/news.html Κανονικό αρχείο

@ -0,0 +1,25 @@
{{- partial "head.html" . }}
<!-- Header Start -->
<header>
{{- partial .Params.bannertemplate . }}
{{- partial "header.html" . }}
</header>
<!-- Header End -->
<main>
{{ partial "breadcrump.html"}}
<div class="master">
<!-- Article start -->
<h3>{{ .Title }}</h3>
{{- dateFormat "02/01/2006" .Date }}
<article>{{.Content}} </article>
</div>
<!-- Article end -->
<div class="sidebar">
<!-- Column start -->
{{- partial "column2.html" . }}
<!-- Column end -->
</div>
</main>
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

30
themes/hellug-minimal/layouts/_default/pages.html Κανονικό αρχείο

@ -0,0 +1,30 @@
{{ partial "head.html" . }}
<!-- Header Start -->
{{ partial "header.html" . }}
<!-- Header End -->
{{ if .Params.bannertemplate }}
{{ partial .Params.bannertemplate . }}
{{else}}
{{ partial "hellug-banner.html" . }}
{{end}}
{{ partial "breadcrump.html"}}
<main>
<div class="master">
<!-- Content Start -->
<h3>{{ .Title }}</h3>
<article>
{{.Content}}
</article>
<!-- Content End -->
</div>
<div class="sidebar">
<!-- Column 2 start -->
{{ partial "column2.html" . }}
<!-- Column 2 end -->
</div>
</main>
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

23
themes/hellug-minimal/layouts/_default/single.html Κανονικό αρχείο

@ -0,0 +1,23 @@
{{ partial "head.html" . }}
<header>
<!-- Header Start -->
{{ partial "header.html" . }}
<!-- Header End -->
{{ partial .Params.bannertemplate . }}
</header>
<main>
<div class="master">
<!-- Content Area start -->
{{.Content}}
<!-- Content Area end -->
</div>
<div class="sidebar">
<!-- Column 2 start -->
{{ partial "column2.html" . }}
<!-- Column 2 end -->
</div>
</main>
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

67
themes/hellug-minimal/layouts/_default/terms.html Κανονικό αρχείο

@ -0,0 +1,67 @@
{{ partial "head.html" . }}
<header>
<!-- Header Start -->
{{ partial "header.html" . }}
<!-- Header End -->
</header>
{{ partial "hellug-banner.html" . }}
<main>
<div class="master">
{{.Content}}
<!-- Articles Section -->
{{ $articlelimit := 5 }}
{{ $articlenum := len .Pages }}
{{ $counter := 0 }}
{{ $lastyear := (sub now.Unix 31536000 ) }}
{{ range first $articlelimit .Pages }}
{{ $counter = add $counter 1 }}
{{ if eq $counter 1 }}
<!-- First Post -->
<h3><a href="{{.Permalink}}">{{ .Title }}</a> {{ dateFormat "02/01/2006" .Date }}</h3>
{{ if lt $lastyear .Date.Unix }}
ο</h3>
{{ end }}
<p>
{{ .Summary }}
</p>
<!-- First Post End -->
{{else}}
<h3><a href="{{.Permalink}}">{{ .Title }}</a>
{{ dateFormat "02/01/2006" .Date }}
{{ if lt $lastyear .Date.Unix }}
ο</h3>
{{ end }}
<p>
{{ .Summary }}
</p>
{{ end }}
{{ end }}
<!-- End Articles Section -->
<section>
<!-- Older Articles Summary -->
{{ if gt $articlenum $articlelimit }}
<h3>Παλαιότερα άρθρα</h3>
<ul>
{{ range after 10 .Pages }}
<li><a href="{{.Permalink}}">{{ .Title }}</a>
{{ dateFormat "02/01/2006" .Date }}</li>
{{ end }}
</ul>
{{ end }}
<!-- End Older Articles -->
</section>
</div>
<div class="sidebar">
<!-- Column 2 start -->
{{ partial "column2.html" . }}
<!-- Column 2 end -->
</div>
</main>
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

25
themes/hellug-minimal/layouts/_default/tests.html Κανονικό αρχείο

@ -0,0 +1,25 @@
{{ partial "head.html" . }}
<!-- Header Start -->
{{ partial "header.html" . }}
<!-- Header End -->
{{ if .Params.bannertemplate }}
{{ partial .Params.bannertemplate . }}
{{else}}
{{ partial "hellug-banner.html" . }}
{{end}}
{{ partial "breadcrump.html"}}
<h1>{{ .Title }}</h1>
<hr>
{{.Content}}
<!-- Column 2 start -->
{{ partial "column2.html" . }}
<!-- Column 2 end -->
<!-- Footer Start -->
{{ partial "footer.html" . }}
<!-- Footer End -->

51
themes/hellug-minimal/layouts/index.html Κανονικό αρχείο

@ -0,0 +1,51 @@
{{- partial "head.html" . }}
<header>
{{- partial "header.html" . }}
{{ if .Params.bannertemplate }}
{{ partial .Params.bannertemplate . }}
{{else}}
{{ partial "hellug-banner.html" . }}
{{end}}
</header>
<!-- Main View -->
<main>
<div class="master">
<!-- Articles Section -->
{{- $counter := 0 }}
{{- $pages := .Site.RegularPages }}
{{- $recentpostlimit := (sub now.Unix 2592000 ) }}
{{- range first 5 $pages }}
{{- $counter = add $counter 1 }}
{{- if eq $counter 1 }}
<!-- First Post -->
<h3><a href="{{.Permalink}}">{{ .Title }}</a></h3>
<cite>{{- dateFormat "02/01/2006" .Date }}</aside>
{{ if lt $recentpostlimit .Date.Unix }}
<mark>ο</mark>{{- end }}
</cite>
<article>{{ .Summary | plainify | safeHTML }}
</article>
<!-- First Post End -->
{{- else }}
<h4><a href="{{.Permalink}}">{{ .Title }}</a></h4>
<cite>{{- dateFormat "02/01/2006" .Date }}</aside>
{{ if lt $recentpostlimit .Date.Unix }}
<mark>ο</mark>
{{- end }}
</cite>
<article>
{{- .Summary }}
</article>
{{- end}}
{{- end }}
<!-- End Articles Section -->
</div>
<div class="sidebar">
<!-- Column 2 start -->
{{- partial "column2.html" . }}
<!-- Column 2 end -->
</div>
</main>
<!-- Footer Start -->
{{- partial "footer.html" . }}
<!-- Footer End -->

@ -0,0 +1,7 @@
<!-- <div class="breadcrumb">
<a href="../../../../index.html">Αρχική</a>
<a href="https://www.hellug.gr/c/draseis">Δράσεις</a>
<a href="../../../../c/draseis/news">Νέα</a>
</div>
-->

@ -0,0 +1,2 @@
<img src="media/carousel1.png" >

40
themes/hellug-minimal/layouts/partials/column2.html Κανονικό αρχείο

@ -0,0 +1,40 @@
<h4>HEL.L.U.G Meetups!</h4>
{{- $counter := 0 }}
{{- $newlimit := (sub now.Unix 604800 ) }}
{{- range first 3 (index .Site.Taxonomies.draseis "meetups") }}
{{- if .Params.meetupdate }}
{{- $meetuptime := time .Params.meetupdate }}
{{- $meetuptimeunix := add $meetuptime.Unix 86400 }}
{{- if ge $meetuptimeunix now.Unix }}
{{- $counter = add $counter 1 }}
<a href="{{ .Permalink}}">{{- if lt .Date.Unix $newlimit }} Nέο {{- end }}{{ dateFormat "02/01/2006" $meetuptime }} - {{ .Params.meetuplocation }} </a>
{{- end }}
{{- end }}
{{- end }}
{{- if eq $counter 0 }}
<a>Δεν υπάρχουν</a>
{{- end }}
<h4> Εκδηλώσεις </h4>
{{- $counter = 0 }}
{{- $newlimit := (sub now.Unix 604800 ) }}
{{- range first 5 (index .Site.Taxonomies.draseis "event") }}
{{- if .Params.eventdate }}
{{- $eventtime := time .Params.eventdate }}
{{- if ge $eventtime.Unix now.Unix }}
{{- $counter = add $counter 1 }}
<a href="{{ .Permalink }}">{{- if lt .Date.Unix $newlimit }} Nέο{{- end }}{{- dateFormat "02/01/2006" $eventtime }} - {{ .Title }}</a>
{{- end }}
{{- end }}
{{- end }}
{{- if eq $counter 0 }}
<a>Δεν υπάρχουν</a>
{{- end }}
<h4>Σύνδεσμοι</h4>
{{- range .Site.Data.main.links.hellug }}
<a href="{{ .url }}">{{ .name }}</a></br>
{{- end }}
<h4>Ακολουθήστε τον HEL.L.U.G.</h4>
<a href="https://twitter.com/hellug"><button type="button" style="padding-top:1px; padding-bottom:1px;margin-bottom:4px;"><img src="/media/Twitter.png">Twitter</button></a>
<a href="http://www.linkedin.com/groups/HELLUG-108292/about"><button type="button" style="padding-top:1px; padding-bottom:1px; margin-bottom:4px;"><img src="/media/LinkedIn.png">LinkedIn</button></a>
<a href="https://www.facebook.com/groups/hellug/"><button type="button" style="padding-top:1px; padding-bottom:1px;margin-bottom:4px;"><img src="/media/Facebook.png">Facebook</button></a>

42
themes/hellug-minimal/layouts/partials/footer.html Κανονικό αρχείο

@ -0,0 +1,42 @@
<footer>
<div class="sitemap">
{{- $currentPage := . }}
{{- range .Site.Menus.main }}
<div class="sitemap-item">
{{- if .HasChildren }}
{{- .Name }}
{{- range .Children }}
<br><a href="{{ .URL }}">{{ .Name }}</a>
{{- end }}
</ul>
{{- else }}
{{- .Name }}
{{- end }}
</div>
{{- end }}
<div class="sitemap-item">
Σύνδεσμοι
{{- range .Site.Data.main.links.hellug }}
<br><a href="{{ .url }}">{{ .name }}</a>
{{- end }}
</div>
</div>
<a href="/credits">Credits Ιστοσελίδας</a>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://stats.hellug.gr/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</footer>
</body>
</html>

17
themes/hellug-minimal/layouts/partials/head.html Κανονικό αρχείο

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="">
<title>{{ .Title }} | HELLUG </title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="description" content="Hellug Homepage" />
<meta name="keywords" content="Hellug" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/simple.css">
<link href="/css/hellug.css" rel="stylesheet" />
{{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s RSS feed" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
</head>
<body>

8
themes/hellug-minimal/layouts/partials/header.html Κανονικό αρχείο

@ -0,0 +1,8 @@
<!-- menu items -->
<nav>
{{- $currentPage := . }}
{{- range .Site.Menus.main }}
<a tabindex="-1" href="{{ .URL }}">{{ .Name }}</a>
{{- end }}
</nav>
<!-- menu items end -->

@ -0,0 +1 @@
<img src="/media/hellug.png">

1
themes/hellug-minimal/layouts/partials/rss.html Κανονικό αρχείο

@ -0,0 +1 @@
{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}

37
themes/hellug-minimal/static/css/hellug.css Κανονικό αρχείο

@ -0,0 +1,37 @@
body {
grid-template-columns: 1fr min(70rem, 90%) 1fr;
}
main {
display: grid;
gap: 30px 80px;
grid-template-columns: min(70%) auto;
}
article {
border: 0px solid var(--border);
}
.sitemap {
display: flex;
align-items: normal;
justify-content: space-around;
flex-wrap: wrap;
}
.sitemap-item {
text-align: left;
vertical-align: top;
}
.master {
grid-column-start 1;
}
.sidebar {
grid-column-start 3;
}
main h3, h4 {
margin-bottom: 0.1em;
}

617
themes/hellug-minimal/static/css/simple.css Κανονικό αρχείο

@ -0,0 +1,617 @@
/* Global variables. */
:root {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
/* Default (light) theme */
--bg: #fff;
--accent-bg: #f5f7ff;
--text: #212121;
--text-light: #585858;
--border: #d8dae1;
--accent: #0d47a1;
--code: #d81b60;
--preformatted: #444;
--marked: #ffdd33;
--disabled: #efefef;
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
--bg: #212121;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--border: #666;
--accent: #ffb300;
--code: #f06292;
--preformatted: #ccc;
--disabled: #111;
}
/* Add a bit of transparency so light media isn't so glaring in dark mode */
img,
video {
opacity: 0.8;
}
}
/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}
/* Reset default appearance */
textarea,
select,
input,
progress {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
html {
/* Set the font globally */
font-family: var(--sans-font);
scroll-behavior: smooth;
}
/* Make the body a nice central block */
body {
color: var(--text);
background-color: var(--bg);
font-size: 1.15rem;
line-height: 1.5;
display: grid;
grid-template-columns: 1fr min(45rem, 90%) 1fr;
margin: 0;
}
body > * {
grid-column: 2;
}
/* Make the header bg full width, but the content inline with body */
body > header {
background-color: var(--accent-bg);
border-bottom: 1px solid var(--border);
text-align: center;
padding: 0 0.5rem 2rem 0.5rem;
grid-column: 1 / -1;
}
body > header h1 {
max-width: 1200px;
margin: 1rem auto;
}
body > header p {
max-width: 40rem;
margin: 1rem auto;
}
/* Add a little padding to ensure spacing is correct between content and header > nav */
main {
padding-top: 1.5rem;
}
body > footer {
margin-top: 4rem;
padding: 2rem 1rem 1.5rem 1rem;
color: var(--text-light);
font-size: 0.9rem;
text-align: center;
border-top: 1px solid var(--border);
}
/* Format headers */
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.6rem;
margin-top: 3rem;
}
h3 {
font-size: 2rem;
margin-top: 3rem;
}
h4 {
font-size: 1.44rem;
}
h5 {
font-size: 1.15rem;
}
h6 {
font-size: 0.96rem;
}
/* Prevent long strings from overflowing container */
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
/* Fix line height when title wraps */
h1,
h2,
h3 {
line-height: 1.1;
}
/* Reduce header size on mobile */
@media only screen and (max-width: 720px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.1rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.25rem;
}
}
/* Format links & buttons */
a,
a:visited {
color: var(--accent);
}
a:hover {
text-decoration: none;
}
button,
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
label[type="button"] {
border: none;
border-radius: 5px;
background-color: var(--accent);
font-size: 1rem;
color: var(--bg);
padding: 0.7rem 0.9rem;
margin: 0.5rem 0;
}
button[disabled],
[role="button"][aria-disabled="true"],
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][disabled],
select[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
input:disabled,
textarea:disabled,
select:disabled {
cursor: not-allowed;
background-color: var(--disabled);
}
input[type="range"] {
padding: 0;
}
/* Set the cursor to '?' while hovering over an abbreviation */
abbr {
cursor: help;
}
button:focus,
button:enabled:hover,
[role="button"]:focus,
[role="button"]:not([aria-disabled="true"]):hover,
input[type="submit"]:focus,
input[type="submit"]:enabled:hover,
input[type="reset"]:focus,
input[type="reset"]:enabled:hover,
input[type="button"]:focus,
input[type="button"]:enabled:hover,
label[type="button"]:focus,
label[type="button"]:hover {
filter: brightness(1.4);
cursor: pointer;
}
/* Format navigation */
header > nav {
font-size: 1rem;
line-height: 2;
padding: 1rem 0 0 0;
}
/* Use flexbox to allow items to wrap, as needed */
header > nav ul,
header > nav ol {
align-content: space-around;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
margin: 0;
padding: 0;
}
/* List items are inline elements, make them behave more like blocks */
header > nav ul li,
header > nav ol li {
display: inline-block;
}
header > nav a,
header > nav a:visited {
margin: 0 0.5rem 1rem 0.5rem;
border: 1px solid var(--border);
border-radius: 5px;
color: var(--text);
display: inline-block;
padding: 0.1rem 1rem;
text-decoration: none;
}
header > nav a:hover {
filter: brightness(1.4);
cursor: pointer;
}
/* Reduce nav side on mobile */
@media only screen and (max-width: 720px) {
header > nav a {
border: none;
padding: 0;
text-decoration: underline;
line-height: 1;
}
}
/* Consolidate box styling */
aside, details, pre, progress {
background-color: var(--accent-bg);
border: 1px solid var(--border);
border-radius: 5px;
margin-bottom: 1rem;
}
aside {
font-size: 1rem;
width: 30%;
padding: 0 15px;
margin-left: 15px;
float: right;
}
/* Make aside full-width on mobile */
@media only screen and (max-width: 720px) {
aside {
width: 100%;
float: none;
margin-left: 0;
}
}
article, fieldset {
border: 1px solid var(--border);
padding: 1rem;
border-radius: 5px;
margin-bottom: 1rem;
}
article h2:first-child,
section h2:first-child {
margin-top: 1rem;
}
section {
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 2rem 1rem;
margin: 3rem 0;
}
/* Don't double separators when chaining sections */
section + section,
section:first-child {
border-top: 0;
padding-top: 0;
}
section:last-child {
border-bottom: 0;
padding-bottom: 0;
}
details {
padding: 0.7rem 1rem;
}
summary {
cursor: pointer;
font-weight: bold;
padding: 0.7rem 1rem;
margin: -0.7rem -1rem;
word-break: break-all;
}
details[open] > summary + * {
margin-top: 0;
}
details[open] > summary {
margin-bottom: 0.5rem;
}
details[open] > :last-child {
margin-bottom: 0;
}
/* Format tables */
table {
border-collapse: collapse;
display: block;
margin: 1.5rem 0;
overflow: auto;
width: 100%;
}
td,
th {
border: 1px solid var(--border);
text-align: left;
padding: 0.5rem;
}
th {
background-color: var(--accent-bg);
font-weight: bold;
}
tr:nth-child(even) {
/* Set every other cell slightly darker. Improves readability. */
background-color: var(--accent-bg);
}
table caption {
font-weight: bold;
margin-bottom: 0.5rem;
}
/* Format forms */
textarea,
select,
input {
font-size: inherit;
font-family: inherit;
padding: 0.5rem;
margin-bottom: 0.5rem;
color: var(--text);
background-color: var(--bg);
border: 1px solid var(--border);
border-radius: 5px;
box-shadow: none;
max-width: 100%;
display: inline-block;
}
label {
display: block;
}
textarea:not([cols]) {
width: 100%;
}
/* Add arrow to drop-down */
select:not([multiple]) {
background-image: linear-gradient(45deg, transparent 49%, var(--text) 51%),
linear-gradient(135deg, var(--text) 51%, transparent 49%);
background-position: calc(100% - 15px), calc(100% - 10px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 25px;
}
/* checkbox and radio button style */
input[type="checkbox"],
input[type="radio"] {
vertical-align: middle;
position: relative;
}
input[type="radio"] {
border-radius: 100%;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background-color: var(--accent);
}
input[type="checkbox"]:checked::after {
/* Creates a rectangle with colored right and bottom borders which is rotated to look like a check mark */
content: " ";
width: 0.18em;
height: 0.32em;
border-radius: 0;
position: absolute;
top: 0.05em;
left: 0.17em;
background-color: transparent;
border-right: solid var(--bg) 0.08em;
border-bottom: solid var(--bg) 0.08em;
font-size: 1.8em;
transform: rotate(45deg);
}
input[type="radio"]:checked::after {
/* creates a colored circle for the checked radio button */
content: " ";
width: 0.25em;
height: 0.25em;
border-radius: 100%;
position: absolute;
top: 0.125em;
background-color: var(--bg);
left: 0.125em;
font-size: 32px;
}
/* Makes input fields wider on smaller screens */
@media only screen and (max-width: 720px) {
textarea,
select,
input {
width: 100%;
}
}
/* Ensures the checkbox and radio inputs do not have a set width like other input fields */
input[type="checkbox"],
input[type="radio"] {
width: auto;
}
/* Set a height for color input */
input[type="color"] {
height: 2.5rem;
padding: 0.2rem;
}
/* do not show border around file selector button */
input[type="file"] {
border: 0;
}
/* Misc body elements */
hr {
color: var(--border);
border-top: 1px;
margin: 1rem auto;
}
mark {
padding: 2px 5px;
border-radius: 4px;
background-color: var(--marked);
}
img,
video {
max-width: 100%;
height: auto;
border-radius: 5px;
}
figure {
margin: 0;
text-align: center;
}
figcaption {
font-size: 0.9rem;
color: var(--text-light);
margin-bottom: 1rem;
}
blockquote {
margin: 2rem 0 2rem 2rem;
padding: 0.4rem 0.8rem;
border-left: 0.35rem solid var(--accent);
color: var(--text-light);
font-style: italic;
}
cite {
font-size: 0.9rem;
color: var(--text-light);
font-style: normal;
}
dt {
color: var(--text-light);
}
/* Use mono font for code elements */
code,
pre,
pre span,
kbd,
samp {
font-family: var(--mono-font);
color: var(--code);
}
kbd {
color: var(--preformatted);
border: 1px solid var(--preformatted);
border-bottom: 3px solid var(--preformatted);
border-radius: 5px;
padding: 0.1rem 0.4rem;
}
pre {
padding: 1rem 1.4rem;
max-width: 100%;
overflow: auto;
color: var(--preformatted);
}
/* Fix embedded code within pre */
pre code {
color: var(--preformatted);
background: none;
margin: 0;
padding: 0;
}
/* Progress bars */
/* Declarations are repeated because you */
/* cannot combine vendor-specific selectors */
progress {
width: 100%;
}
progress:indeterminate {
background-color: var(--accent-bg);
}
progress::-webkit-progress-bar {
border-radius: 5px;
background-color: var(--accent-bg);
}
progress::-webkit-progress-value {
border-radius: 5px;
background-color: var(--accent);
}
progress::-moz-progress-bar {
border-radius: 5px;
background-color: var(--accent);
transition-property: width;
transition-duration: 0.3s;
}
progress:indeterminate::-moz-progress-bar {
background-color: var(--accent-bg);
}

490
themes/hellug-minimal/static/css/water.min.css εξωτερικό Κανονικό αρχείο

@ -0,0 +1,490 @@
/* MVP.css v1.10.2 - https://github.com/andybrewer/mvp */
:root {
--active-brightness: 0.85;
--border-radius: 5px;
--box-shadow: 2px 2px 10px;
--color-accent: #118bee15;
--color-bg: #fff;
--color-bg-secondary: #e9e9e9;
--color-link: #118bee;
--color-secondary: #920de9;
--color-secondary-accent: #920de90b;
--color-shadow: #f4f4f4;
--color-table: #118bee;
--color-text: #000;
--color-text-secondary: #999;
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--hover-brightness: 1.2;
--justify-important: center;
--justify-normal: left;
--line-height: 1.5;
--width-card: 285px;
--width-card-medium: 460px;
--width-card-wide: 800px;
--width-content: 1080px;
}
@media (prefers-color-scheme: dark) {
:root[color-mode="user"] {
--color-accent: #0097fc4f;
--color-bg: #333;
--color-bg-secondary: #555;
--color-link: #0097fc;
--color-secondary: #e20de9;
--color-secondary-accent: #e20de94f;
--color-shadow: #bbbbbb20;
--color-table: #0097fc;
--color-text: #f7f7f7;
--color-text-secondary: #aaa;
}
}
/* Layout */
article aside {
background: var(--color-secondary-accent);
border-left: 4px solid var(--color-secondary);
padding: 0.01rem 0.8rem;
}
body {
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-family);
line-height: var(--line-height);
margin: 0;
overflow-x: hidden;
padding: 0;
}
footer,
header,
main {
margin: 0 auto;
max-width: var(--width-content);
padding: 3rem 1rem;
}
hr {
background-color: var(--color-bg-secondary);
border: none;
height: 1px;
margin: 4rem 0;
width: 100%;
}
section {
display: flex;
flex-wrap: wrap;
justify-content: var(--justify-important);
}
section img,
article img {
max-width: 100%;
}
section pre {
overflow: auto;
}
section aside {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow) var(--color-shadow);
margin: 1rem;
padding: 1.25rem;
width: var(--width-card);
}
section aside:hover {
box-shadow: var(--box-shadow) var(--color-bg-secondary);
}
[hidden] {
display: none;
}
/* Headers */
article header,
div header,
main header {
padding-top: 0;
}
header {
text-align: var(--justify-important);
}
header a b,
header a em,
header a i,
header a strong {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
header nav img {
margin: 1rem 0;
}
section header {
padding-top: 0;
width: 100%;
}
/* Nav */
nav {
align-items: center;
display: flex;
font-weight: bold;
justify-content: space-between;
margin-bottom: 7rem;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline-block;
margin: 0 0.5rem;
position: relative;
text-align: left;
}
/* Nav Dropdown */
nav ul li:hover ul {
display: block;
}
nav ul li ul {
background: var(--color-bg);
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow) var(--color-shadow);
display: none;
height: auto;
left: -2px;
padding: .5rem 1rem;
position: absolute;
top: 1.7rem;
white-space: nowrap;
width: auto;
z-index: 1;
}
nav ul li ul::before {
/* fill gap above to make mousing over them easier */
content: "";
position: absolute;
left: 0;
right: 0;
top: -0.5rem;
height: 0.5rem;
}
nav ul li ul li,
nav ul li ul li a {
display: block;
}
/* Typography */
code,
samp {
background-color: var(--color-accent);
border-radius: var(--border-radius);
color: var(--color-text);
display: inline-block;
margin: 0 0.1rem;
padding: 0 0.5rem;
}
details {
margin: 1.3rem 0;
}
details summary {
font-weight: bold;
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: var(--line-height);
}
mark {
padding: 0.1rem;
}
ol li,
ul li {
padding: 0.2rem 0;
}
p {
margin: 0.75rem 0;
padding: 0;
width: 100%;
}
pre {
margin: 1rem 0;
max-width: var(--width-card-wide);
padding: 1rem 0;
}
pre code,
pre samp {
display: block;
max-width: var(--width-card-wide);
padding: 0.5rem 2rem;
white-space: pre-wrap;
}
small {
color: var(--color-text-secondary);
}
sup {
background-color: var(--color-secondary);
border-radius: var(--border-radius);
color: var(--color-bg);
font-size: xx-small;
font-weight: bold;
margin: 0.2rem;
padding: 0.2rem 0.3rem;
position: relative;
top: -2px;
}
/* Links */
a {
color: var(--color-link);
display: inline-block;
font-weight: bold;
text-decoration: none;
}
a:active {
filter: brightness(var(--active-brightness));
text-decoration: underline;
}
a:hover {
filter: brightness(var(--hover-brightness));
text-decoration: underline;
}
a b,
a em,
a i,
a strong,
button {
border-radius: var(--border-radius);
display: inline-block;
font-size: medium;
font-weight: bold;
line-height: var(--line-height);
margin: 0.5rem 0;
padding: 1rem 2rem;
}
button {
font-family: var(--font-family);
}
button:active {
filter: brightness(var(--active-brightness));
}
button:hover {
cursor: pointer;
filter: brightness(var(--hover-brightness));
}
a b,
a strong,
button {
background-color: var(--color-link);
border: 2px solid var(--color-link);
color: var(--color-bg);
}
a em,
a i {
border: 2px solid var(--color-link);
border-radius: var(--border-radius);
color: var(--color-link);
display: inline-block;
padding: 1rem 2rem;
}
article aside a {
color: var(--color-secondary);
}
/* Images */
figure {
margin: 0;
padding: 0;
}
figure img {
max-width: 100%;
}
figure figcaption {
color: var(--color-text-secondary);
}
/* Forms */
button:disabled,
input:disabled {
background: var(--color-bg-secondary);
border-color: var(--color-bg-secondary);
color: var(--color-text-secondary);
cursor: not-allowed;
}
button[disabled]:hover {
filter: none;
}
form {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow) var(--color-shadow);
display: block;
max-width: var(--width-card-wide);
min-width: var(--width-card);
padding: 1.5rem;
text-align: var(--justify-normal);
}
form header {
margin: 1.5rem 0;
padding: 1.5rem 0;
}
input,
label,
select,
textarea {
display: block;
font-size: inherit;
max-width: var(--width-card-wide);
}
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
}
input[type="checkbox"]+label,
input[type="radio"]+label {
display: inline-block;
font-weight: normal;
position: relative;
top: 1px;
}
input[type="range"] {
padding: 0.4rem 0;
}
input,
select,
textarea {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
margin-bottom: 1rem;
padding: 0.4rem 0.8rem;
}
input[type="text"],
textarea {
width: calc(100% - 1.6rem);
}
input[readonly],
textarea[readonly] {
background-color: var(--color-bg-secondary);
}
label {
font-weight: bold;
margin-bottom: 0.2rem;
}
/* Tables */
table {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
border-spacing: 0;
display: inline-block;
max-width: 100%;
overflow-x: auto;
padding: 0;
white-space: nowrap;
}
table td,
table th,
table tr {
padding: 0.4rem 0.8rem;
text-align: var(--justify-important);
}
table thead {
background-color: var(--color-table);
border-collapse: collapse;
border-radius: var(--border-radius);
color: var(--color-bg);
margin: 0;
padding: 0;
}
table thead th:first-child {
border-top-left-radius: var(--border-radius);
}
table thead th:last-child {
border-top-right-radius: var(--border-radius);
}
table thead th:first-child,
table tr td:first-child {
text-align: var(--justify-normal);
}
table tr:nth-child(even) {
background-color: var(--color-accent);
}
/* Quotes */
blockquote {
display: block;
font-size: x-large;
line-height: var(--line-height);
margin: 1rem auto;
max-width: var(--width-card-medium);
padding: 1.5rem 1rem;
text-align: var(--justify-important);
}
blockquote footer {
color: var(--color-text-secondary);
display: block;
font-size: small;
line-height: var(--line-height);
padding: 1.5rem 0;
}

15
themes/hellug-minimal/theme.toml Κανονικό αρχείο

@ -0,0 +1,15 @@
# theme.toml template for a Hugo theme
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
name = "Hellug Minimal"
license = "MIT"
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
description = "A theme for Hellug site"
homepage = "http://hellug.gr/"
tags = ["blog"]
features = ["blog"]
min_version = "0.1.0"
[author]
name = "Hellug"
homepage = "https://hellug.gr"