hellug/www
3
1
Fork 0
Κώδικας Ζητήματα 1 Pull requests Έργα Κυκλοφορίες 227 Wiki Δραστηριότητα

first minimal theme

Προβολή πηγαίου κώδικα
Αυτό το commit περιλαμβάνεται σε:
Fanis Dokianakis 2024-02-09 10:59:23 +02:00
γονέας 4561a6aa2c
commit 954260ab0b
36 αρχεία άλλαξαν με 563 προσθήκες και 114 διαγραφές
Λήψη αρχείου patch Λήψη αρχείου diff Ανάπτυξη όλων των αρχείων Σύμπτυξη όλων των αρχείων

20
themes/hellug-minimal-4/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-4/archetypes/default.md Κανονικό αρχείο
Προβολή αρχείου

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

0
themes/hellug-minimal-4/layouts/404.html Κανονικό αρχείο
Προβολή αρχείου

11
themes/hellug-minimal-4/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-4/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-4/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-4/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 -->

27
themes/hellug-minimal-4/layouts/_default/news.html Κανονικό αρχείο
Προβολή αρχείου

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

30
themes/hellug-minimal-4/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 -->

25
themes/hellug-minimal-4/layouts/_default/single.html Κανονικό αρχείο
Προβολή αρχείου

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

67
themes/hellug-minimal-4/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 }}
Nέο</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 }}
Nέο</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-4/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 -->

62
themes/hellug-minimal-4/layouts/index.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,62 @@
{{- partial "head.html" . }}
<header>
{{- if .Params.bannertemplate }}
{{- partial .Params.bannertemplate . }}
{{- else}}
{{- partial "hellug-banner.html" . }}
{{- end }}
{{- partial "header.html" . }}
</header>
<!-- Main View -->
<main>
<!-- Welcome -->
{{- partial "welcome.html" . }}
<!-- Welcome end-->
<!-- Notice -->
{{- partial "notice.html" . }}
<!-- Notice end -->
<div class="row">
<!-- Articles Section -->
<div class="col">
{{- $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 }}
{{- if lt $recentpostlimit .Date.Unix }}
<mark>Nέο</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 }}
{{ if lt $recentpostlimit .Date.Unix }}
<mark>Nέο</mark>
{{- end }}
</cite>
<article>
{{- .Summary }}
</article>
{{- end}}
{{- end }}
</div>
<!-- End Articles Section -->
<!-- Column 2 start -->
<div class="col-2">
{{- partial "column2.html" . }}
</div>
<!-- Column 2 end -->
</div>
</main>
<!-- Footer Start -->
{{- partial "footer.html" . }}
<!-- Footer End -->

7
themes/hellug-minimal-4/layouts/partials/breadcrump.html Κανονικό αρχείο
Προβολή αρχείου

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

1
themes/hellug-minimal-4/layouts/partials/carousel.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1 @@
<img alt="Μεγάλο λογότυπο της Ένωσης Χρηστών και Φίλων Λίνουξ Ελλάδας με τη μασκότ του Λίνουξ Τουξ να κρατά με το ράμφος μία ελληνική σημαία" src="media/carousel1.png" >

36
themes/hellug-minimal-4/layouts/partials/column2.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,36 @@
<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 }}

29
themes/hellug-minimal-4/layouts/partials/footer.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,29 @@
<footer>
<hr>
<div class="row">
{{- $currentPage := . }}
{{- range .Site.Menus.main }}
<div class="col">
{{- if .HasChildren }}
{{- .Name }}
{{- range .Children }}
<br><a href="{{ .URL }}">{{ .Name }}</a>
{{- end }}
{{- else }}
{{- .Name }}
{{- end }}
</div>
{{- end }}
<div class="col">
Ακολουθήστε τον HEL.L.U.G.
<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>
</div>
</div>
<small class="float-right sticky"><a href="/credits">Συντελεστές Ιστοσελίδας</a></small>
{{- partial "scripts.html" . }}
</footer>
</body>
</html>

18
themes/hellug-minimal-4/layouts/partials/head.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,18 @@
<!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/classless.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>
<!-- <script src="https://dohliam.github.io/dropin-minimal-css/switcher.js" type="text/javascript"></script> -->

24
themes/hellug-minimal-4/layouts/partials/header.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,24 @@
<!-- menu items -->
<nav>
{{- $currentPage := . }}
<ul>
<li class="float-right sticky"><a onclick="addFontSize(-1)">ᴀ-</a>|<a onclick="addFontSize(1)">A+</a></li>
<li class="float-right sticky"><a onclick="toggleDarkMode(this)">🌓</a></li>
{{- range .Site.Menus.main }}
{{- if .HasChildren }}
<li > <a href="#">{{ .Name }}</a>
<ul >
{{- range .Children }}
<li> <a href="{{ .URL }}">{{ .Name }}</a> </li>
{{- end }}
</ul>
</li>
{{- else }}
<li>
<a href="#">{{ .Name }}</a>
</li>
{{- end }}
{{- end }}
</ul>
</nav>
<!-- menu items end -->

1
themes/hellug-minimal-4/layouts/partials/hellug-banner.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1 @@
<img alt="Μεγάλο λογότυπο της Ένωσης Χρηστών και Φίλων Λίνουξ Ελλάδας με τη μασκότ του Λίνουξ Τουξ να κρατά με το ράμφος μία ελληνική σημαία" src="/media/hellug.png">

0
themes/hellug-minimal-4/layouts/partials/notice.html Κανονικό αρχείο
Προβολή αρχείου

0
themes/hellug-minimal-4/layouts/partials/null.html Κανονικό αρχείο
Προβολή αρχείου

1
themes/hellug-minimal-4/layouts/partials/rss.html Κανονικό αρχείο
Προβολή αρχείου

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

40
themes/hellug-minimal-4/layouts/partials/scripts.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,40 @@
<!-- Theme changer -->
<script>
function switchTheme(el) { document.documentElement.setAttribute('data-theme', el.value) }
function switchCSS(cssid, el){ document.getElementById(cssid).href = el.value; }
function addFontSize(addPx){
html = document.querySelector('html');
currentSize = parseFloat(window.getComputedStyle(html, null)
.getPropertyValue('font-size'));
html.style.fontSize = (currentSize + addPx) + 'px';
}
function toggleDarkMode(el){
var theme='light'
if (el.innerText == '🌓'){
el.innerText = '☀'; theme='dark';
} else {
el.innerText = '🌓';
}
document.documentElement.setAttribute('data-theme', theme)
}
</script>
<!-- Theme changer end -->
<!-- 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 -->

5
themes/hellug-minimal-4/layouts/partials/welcome.html Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,5 @@
{{- with .GetPage "pages/welcome" }}
<h3>{{- .Title }}</h3>
{{- .Content}}
<hr>
{{- end }}

382
themes/hellug-minimal-4/static/css/classless.css Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,382 @@
/* Classless.css v1.0
Table of Contents:
1. Theme Settings
2. Reset
3. Base Style
4. Extras (remove unwanted)
5. Classes (remove unwanted)
*/
/* 1. Theme Settings ––––––––––––––––––––-–––––––––––––– */
:root, html[data-theme='light'] {
--rem: 12pt;
--width: 50rem;
--navpos: absolute; /* fixed | absolute */
--font-p: 1em/1.7 'Open Sans', 'DejaVu Sans', FreeSans, Helvetica, sans-serif;
--font-h: .9em/1.5 'Open Sans', 'DejaVu Sans', FreeSans, Helvetica, sans-serif;
--font-c: .9em/1.4 'DejaVu Sans Mono', monospace;
--border: 1px solid var(--cmed);
--ornament: "‹‹‹ ›››";
/* foreground | background color */
--cfg: #433; --cbg: #fff;
--cdark: #888; --clight: #f5f6f7;
--cmed: #d1d1d1;
--clink: #07c;
--cemph: #088; --cemphbg: #0881;
}
/* 2. Reset –––––––––––––––––––––––––––––––––––––––––––– */
/* reset block elements */
* { box-sizing: border-box; border-spacing: 0; margin: 0; padding: 0;}
header, footer, figure, table, video, details, blockquote,
ul, ol, dl, fieldset, pre, pre > code, caption {
display: block;
margin: 0.5rem 0rem 1rem;
width: 100%;
overflow: auto hidden;
text-align: left;
}
video, summary, input, select { outline:none; }
/* reset clickable things (FF Bug: select:hover prevents usage) */
a, button, select, summary { color: var(--clink); cursor: pointer; }
/* 3. Base Style ––––––––––––––––––––––––––––––––––––––– */
html { font-size: var(--rem); background: var(--cbg); }
body {
position: relative;
margin: auto;
max-width: var(--width);
font: var(--font-p);
color: var(--cfg);
padding: 3.0rem 0.6rem 0;
overflow-x: hidden;
}
body > footer { margin: 10rem 0rem 0rem; font-size: 90%; }
p { margin: .6em 0; }
/* links */
a[href]{ text-decoration: underline solid var(--cmed); text-underline-position: under; }
a[href^="#"] {text-decoration: none; }
a:hover, button:not([disabled]):hover, summary:hover {
filter: brightness(92%); color: var(--cemph); border-color: var(--cemph);
}
/* lists */
ul, ol, dl { margin: 1rem 0; padding: 0 0 0 2em; }
li:not(:last-child), dd:not(:last-child) { margin-bottom: 0.5rem; }
dt { font-weight: bold; }
/* headings */
h1, h2, h3, h4, h5 { margin: 1.5em 0 .5rem; font: var(--font-h); line-height: 1.2em; clear: both; }
h1+h2, h2+h3, h3+h4, h4+h5 { margin-top: .5em; padding-top: 0; } /* non-clashing headings */
h1 { font-size: 2.2em; font-weight: 300; }
h2 { font-size: 2.0em; font-weight: 300; font-variant: small-caps; }
h3 { font-size: 1.5em; font-weight: 400; }
h4 { font-size: 1.1em; font-weight: 700; }
h5 { font-size: 1.2em; font-weight: 400; color: var(--cfg); }
h6 { font-size: 1.0em; font-weight: 700; font-style: italic; display: inline; }
h6 + p { display: inline; }
/* tables */
td, th {
padding: 0.5em 0.8em;
text-align: right;
border-bottom: 0.1rem solid var(--cmed);
white-space: nowrap;
font-size: 95%;
}
thead th[colspan] { padding: .2em 0.8em; text-align: center; }
thead tr:not(:only-child) td { padding: .2em 0.8em; }
thead+tbody tr:first-child td { border-top: 0.1rem solid var(--cdark); }
td:first-child, th:first-child { text-align: left; }
tr:hover{ background-color: var(--clight); }
table img { display: block; }
/* figures */
img, svg { max-width: 100%; vertical-align: text-top; object-fit: cover; }
p>img:not(:only-child) { float: right; margin: 0 0 .5em .5em; }
figure > img { display: inline-block; width: auto; }
figure > img:only-of-type, figure > svg:only-of-type { max-width: 100%; display: block; margin: 0 auto 0.4em; }
figcaption, caption { font: var(--font-h); color: var(--cdark); width: 100%; }
figcaption > *:first-child, caption > *:first-child { display: inline-block; margin: 0; }
figure > *:not(:last-child) { margin-bottom: 0.4rem; }
/* code */
pre > code {
margin: 0;
position: relative;
padding: 0.8em;
border-left: .4rem solid var(--cemph);
}
code, kbd, samp {
padding: 0.2em;
font: var(--font-c);
background: var(--clight);
border-radius: 4px;
}
kbd { border: 1px solid var(--cmed); }
/* misc */
blockquote { border-left: 0.4rem solid var(--cmed); padding: 0 0 0 1rem; }
time{ color: var(--cdark); }
hr { border: 0; border-top: 0.1rem solid var(--cmed); }
nav { width: 100%; background-color: var(--clight); }
::selection, mark { background: var(--clink); color: var(--cbg); }
/* 4. Extra Style –––––––––––––––––––––––––––––––––––––– */
/* Auto Numbering: figure/tables/headings/cite */
article { counter-reset: h2 0 h3 0 tab 0 fig 0 lst 0 ref 0 eq 0; }
article figure figcaption:before {
color: var(--cemph);
counter-increment: fig;
content: "Figure " counter(fig) ": ";
}
/* subfigures */
figure { counter-reset: subfig 0 }
article figure figure { counter-reset: none; }
article figure > figure { display: inline-grid; width: auto; }
figure > figure:not(:last-of-type) { padding-right: 1rem; }
article figure figure figcaption:before {
counter-increment: subfig 1;
content: counter(subfig, lower-alpha) ": ";
}
/* listings */
article figure pre + figcaption:before {
counter-increment: lst 1;
content: "Listing " counter(lst) ": ";
}
/* tables */
figure > table:only-of-type { display: table; margin: 0.5em auto !important; width: fit-content; }
article figure > table caption { display: table-caption; caption-side: bottom; }
article figure > table + figcaption:before,
article table caption:before {
color: var(--cemph);
counter-increment: tab 1;
content: "Table " counter(tab) ": ";
}
/* headings */
article h2, h3 { position: relative; }
article h2:before,
article h3:before {
display: inline-block;
position: relative;
font-size: 0.6em;
text-align: right;
vertical-align: baseline;
left: -1rem;
width: 2.5em;
margin-left: -2.5em;
}
article h1 { counter-set: h2; }
article h2:before { counter-increment: h2; content: counter(h2) ". "; counter-set: h3; }
article h3:before { counter-increment: h3; content: counter(h2) "." counter(h3) ". ";}
@media (max-width: 60rem) { h2:before, h3:before { display: none; } }
/* tooltip + citation */
article p>cite:before {
padding: 0 .5em 0 0;
counter-increment: ref; content: " [" counter(ref) "] ";
vertical-align: super; font-size: .6em;
}
article p>cite > *:only-child { display: none; }
article p>cite:hover > *:only-child,
[data-tooltip]:hover:before {
display: inline-block; z-index: 40;
white-space: pre-wrap;
position: absolute; left: 1rem; right: 1rem;
padding: 1em 2em;
text-align: center;
transform:translateY( calc(-100%) );
content: attr(data-tooltip);
color: var(--cbg);
background-color: var(--cemph);
box-shadow: 0 2px 10px 0 black;
}
[data-tooltip], article p>cite:before {
color: var(--clink);
border: .8rem solid transparent; margin: -.8rem;
}
abbr[title], [data-tooltip] { cursor: help; }
/* navbar */
nav+* { margin-top: 3rem; }
body>nav, header nav {
position: var(--navpos);
top: 0; left: 0; right: 0;
z-index: 41;
box-shadow: 0vw -50vw 0 50vw var(--clight), 0 calc(-50vw + 2px) 4px 50vw var(--cdark);
}
nav ul { list-style-type: none; }
nav ul:first-child { margin: 0; padding: 0; overflow: visible; }
nav ul:first-child > li {
display: inline-block;
margin: 0;
padding: 0.8rem .6rem;
}
nav ul > li > ul {
display: none;
width: auto;
position: absolute;
margin: 0.5rem 0;
padding: 1rem 2rem;
background-color: var(--clight);
border: var(--border);
border-radius: 4px;
z-index: 42;
}
nav ul > li > ul > li { white-space: nowrap; }
nav ul > li:hover > ul { display: block; }
@media (max-width: 40rem) {
nav ul:first-child > li:first-child:after { content: " \25BE"; }
nav ul:first-child > li:not(:first-child):not(.sticky) { display: none; }
nav ul:first-child:hover > li:not(:first-child):not(.sticky) { display: block; float: none !important; }
}
/* details/cards */
summary>* { display: inline; }
.card, details {
display: block;
margin: 0.5rem 0rem 1rem;
padding: 0 .6rem;
border-radius: 4px;
overflow: hidden;
}
.card, details[open] { outline: 1px solid var(--cmed); }
.card>img:first-child { margin: -3px -.6rem; max-width: calc(100% + 1.2rem); }
summary:hover, details[open] summary, .card>p:first-child {
box-shadow: inset 0 0 0 2em var(--clight), 0 -.8rem 0 .8rem var(--clight);
}
.hint { --cmed: var(--cemph); --clight: var(--cemphbg); background-color: var(--clight); }
.warn { --cmed: #c11; --clight: #e221; background-color: var(--clight); }
/* big first letter */
article > section:first-of-type > h2:first-of-type + p:first-letter,
article > h2:first-of-type + p:first-letter, .lettrine {
float: left;
font-size: 3.5em;
padding: 0.1em 0.1em 0 0;
line-height: 0.68em;
color: var(--cemph);
}
/* ornaments */
section:after {
display: block;
margin: 1em 0;
color: var(--cmed);
text-align: center;
font-size: 1.5em;
content: var(--ornament);
}
/* side menu (aside is not intended for use in a paragraph!) */
main aside {
position: absolute;
width: 8rem; right: -8.6rem;
font-size: 0.8em; line-height: 1.4em;
}
@media (max-width: 70rem) { main aside { display: none; } }
/* forms and inputs */
textarea, input:not([type=range]), button, select {
font: var(--font-h);
border-radius: 4px;
border: 1.5px solid var(--cmed);
padding: 0.4em 0.8em;
color: var(--cfg);
background-color: var(--clight);
}
fieldset select, input:not([type=checkbox]):not([type=radio]) {
display: block;
width: 100%;
margin: 0 0 1rem;
}
button, select {
font-weight: bold;
margin: .5em;
border: 1.5px solid var(--clink);
}
button { padding: 0.4em 1em; font-size: 85%; letter-spacing: 0.1em; }
button[disabled]{ color: var(--cdark); border-color: var(--cmed); }
fieldset { border-radius: 4px; border: var(--border); padding: .5em 1em;}
textarea:hover, input:not([type=checkbox]):not([type*='ra']):hover, select:hover{
border: 1.5px solid var(--cemph);
}
textarea:focus, input:not([type=checkbox]):not([type*='ra']):focus{
border: 1.5px solid var(--clink);
box-shadow: 0 0 5px var(--clink);
}
p>button { padding: 0 .5em; margin: 0 .5em; }
p>select { padding: 0; margin: 0 .5em; }
/* 5. Bootstrap-compatible classes ––––––––––––––––––––– */
/* grid */
.row { display: flex; margin: 0.5rem -0.6rem; align-items: stretch; }
.row [class*="col"] { padding: 0 0.6rem; }
.row .col { flex: 1 1 100%; }
.row .col-2 { flex: 0 0 16.66%; max-width: 16.66%;}
.row .col-3 { flex: 0 0 25%; max-width: 25%;}
.row .col-4 { flex: 0 0 33.33%; max-width: 33.33%; }
.row .col-5 { flex: 0 0 41.66%; max-width: 41.66%; }
.row .col-6 { flex: 0 0 50%; max-width: 50%; }
@media (max-width: 40rem) { .row { flex-direction: column; } }
/* align */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.clearfix { clear: both; }
/* colors */
.text-black { color: #000; }
.text-white { color: #fff; }
.text-primary { color: var(--cemph); }
.text-secondary{ color: var(--cdark); }
.bg-white { background-color: #fff; }
.bg-light { background-color: var(--clight); }
.bg-primary { background-color: var(--cemph); }
.bg-secondary{ background-color: var(--cmed); }
/* margins */
.mx-auto { margin-left: auto; margin-right: auto; }
.m-0 { margin: 0 !important; }
.m-1, .mx-1, .mr-1 { margin-right: 1.0rem !important; }
.m-1, .mx-1, .ml-1 { margin-left: 1.0rem !important; }
.m-1, .my-1, .mt-1 { margin-top: 1.0rem !important; }
.m-1, .my-1, .mb-1 { margin-bottom: 1.0rem !important; }
/* pading */
.p-0 { padding: 0 !important; }
.p-1, .px-1, .pr-1 { padding-right: 1.0rem !important; }
.p-1, .px-1, .pl-1 { padding-left: 1.0rem !important; }
.p-1, .py-1, .pt-1 { padding-top: 1.0rem !important; }
.p-1, .py-1, .pb-1 { padding-bottom: 1.0rem !important; }
/* be print-friendly */
@media print {
@page { margin: 1.5cm 2cm; }
html {font-size: 9pt!important; }
body { max-width: 27cm; }
p { orphans: 2; widows: 2; }
caption, figcaption { page-break-before: avoid; }
h2, h3, h4, h5 { page-break-after: avoid;}
.noprint, body>nav, section:after { display: none; }
.row { flex-direction: row; }
}

45
themes/hellug-minimal-4/static/css/hellug.css Κανονικό αρχείο
Προβολή αρχείου

@ -0,0 +1,45 @@
:root, html[data-theme='light'] {
--rem: 16px;
--navpos: absolute;
--width: 960px;
--font-p: 1em/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-h: 1em/1.6 "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-c: .9em/1.4 SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--ornament: "";
--border: 1px solid var(--cmed);
/* foreground | background color */
--cfg: #212529; --cbg: #fff;
--cdark: #343a40; --clight: #f8f9fa;
--cmed: #6c757d;
--clink: #0d6efd;
--cemph: #7952b3; --cemphbg: #7952b310;
}
html[data-theme='dark'] {
/* foreground | background color */
--cfg: #cecbc4; --cbg: #252220;
--cdark: #999; --clight: #333;
--cmed: #566;
--clink: #1ad;
--cemph: #0b9; --cemphbg: #0b91;
}
footer > .row { display: flex; margin: 0rem 0rem; align-items: normal; }
.sitemap {
display: flex;
align-items: normal;
justify-content: space-around;
flex-wrap: wrap;
}
.sitemap-item {
text-align: left;
vertical-align: top;
}
main h3, h4 {
margin-bottom: 0.1em;
}

1
themes/hellug-minimal-4/static/css/silicon_basic.min.css εξωτερικό Κανονικό αρχείο
Προβολή αρχείου

Το diff αρχείων καταστέλλεται επειδή μία ή περισσότερες γραμμές είναι πολύ μεγάλες

617
themes/hellug-minimal-4/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-4/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-4/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"