Compare commits

..

No commits in common. "master" and "master" have entirely different histories.

18 changed files with 280 additions and 1301 deletions

View File

@ -1,14 +0,0 @@
[days]
sun = "Su"
mon = "M"
tues = "Tu"
wend = "W"
thurs = "Th"
fri = "F"
sat = "Sa"
[dates]
far = "Further Events"
[gallery]
download = "lol"

View File

@ -1,14 +0,0 @@
[days]
sun = "N"
mon = "Po"
tues = "W"
wend = "Ś"
thurs = "C"
fri = "Pi"
sat = "S"
[dates]
far = "Dalsze wydarzenia"
[gallery]
download = "temp"

View File

@ -1,27 +1,12 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
<div class="content">
<h1>Error 404: </h1>
<h2>Page Not Found</h2>
<header class="not-found"> <p>The url you entered is invalid or has been deleted.</p>
<ul class="menu" >
<li>
<a class="logo" >{{ .Site.Title }}</a>
</li>
</ul>
</header>
<div class="content">
<link rel="stylesheet" href="/css/404.css" type="text/css">
<h1 class="not-found">Error</h1>
<h1 class="not-found-num" >404</h1>
<div style="padding: 30px;"></div>
<hr/>
<h2>Strona nie odnaleziona</h2>
<p>Podany adres URL nie został odnaleziony.</p>
<p><a href="/">Kliknij tutaj, aby przejść do polskej strony głównej.</a></p>
<hr/>
<h2>Page Not Found</h2>
<p>The url you entered couldn't be found.</p>
<p><a href="/en">Click here to go to the english homepage.</a></p>
<p><a class="button" href="/">Click here to return home.</a></p>
</div>
<hr/> {{ partial "footer.html" . }}
</div>

View File

@ -1,30 +0,0 @@
{{ partial "header.html" . }}
{{ partial "nav.html" . }}
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{- define "listDir" -}}
{{- $dir := .dir -}}
<ul>
{{ $files := readDir (printf "/assets/%s" $dir)}}
{{- range $files -}}
<li>
{{- if .IsDir -}}
{{ title (replaceRE `[_-]` " " (path.BaseName .Name)) }}
{{- template "listDir" (dict "dir" (printf "%s/%s" $dir .Name)) -}}
{{- else -}}
{{- with resources.Get (printf "%s/%s" $dir .Name) -}}
<a href="{{ .RelPermalink }}" target="_blank" >{{ title (replaceRE `[_-]` " " (path.BaseName .Name)) }}</a>
{{- end -}}
{{- end -}}
</li>
{{- end -}}
</ul>
{{- end -}}
{{- template "listDir" (dict "dir" "dokumenty") -}}
</div>
{{ partial "footer.html" . }}

View File

@ -1,6 +1,4 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
{{ partial "nav.html" . }}
<div class="content">
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
@ -17,6 +15,4 @@
</article> </article>
{{ end }} {{ end }}
</div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

View File

@ -1,10 +1,7 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
{{ partial "nav.html" . }}
<div class="content">
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
{{ .Content }} {{ .Content }}
</div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

View File

@ -1,10 +1,12 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
{{ partial "nav.html" . }}
<div class="content">
{{ .Content }} {{ .Content }}
</div>
<h2>Recent Posts</h2>
<ul>
{{ range first 5 (where site.RegularPages "Type" "in" site.Params.mainSections).ByTitle }}
<li><a href="{{ .RelPermalink }}">{{ .Title}}</a></li>
{{ end }}
</ul>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

View File

@ -1,6 +1,8 @@
<footer> <footer>
<hr/> <hr/>
<a href="/{{ .Language.LanguageCode }}">{{ .Site.Title }}</a><br/> <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a><br/>
<a href="/contact">[ Contact ]</a> <a href="/donate">[ Donate ]</a> <a href="/donate">[ RSS ]</a> <br/>
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Language }}"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -12,5 +12,6 @@
</head> </head>
<body> <body>
{{ partial "nav.html" . }}
<div class="content">

View File

@ -1,47 +1,17 @@
<header class="header"> <header class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<ul class="menu" >
<div class="menu" > <li>
<a href="/{{- .Language.LanguageCode -}}" class="logo" >{{- .Site.Title -}}</a>
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<div class="hamburger" onclick="myFunction(this)"> <a href="/" class="logo" >{{ .Site.Title }}</a>
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<script>
function myFunction(x) {
x.classList.toggle("change");
}
</script>
</label> </label>
<div class="menu-entries"> <span class="menu-entries">
{{- range.Site.Menus.main -}} <a href="/" class="home-link" >Home</a>
{{- if eq .Identifier "home" -}} {{ range.Site.Menus.main }}
<a class="home-link" href="{{- .URL -}}">{{- .Name -}}</a> <a href="{{ .URL }}">{{ .Name }}</a>
{{- else -}} {{ end }}
<a href="{{- .URL -}}">{{- .Name -}}</a> </span>
{{- end -}} </li>
{{- end -}} </ul>
{{- if gt (len .Site.Languages) 1 -}}
{{- if and (gt (len .Site.Languages) (len .AllTranslations)) .Site.Params.allTranslated -}}
{{- errorf "Error: %s is missing atleast 1 translation" .RelPermalink -}}
{{- end -}}
<div class="lang-switch" >
<input class="lang-btn" type="checkbox" id="lang-btn" />
<label class="lang-switch" for="lang-btn">
<a>{{ .Language.LanguageName }} ⏷</a>
</label>
<div class="translation-list" >
{{- with .Translations -}}
{{- range . -}}
<a href="{{- .RelPermalink -}}"> {{- .Language.LanguageName -}}</a>
{{- end -}}
{{- end -}}
</div>
</div>
{{- end -}}
</div>
</div>
</header> </header>

View File

@ -1,37 +0,0 @@
{{ partial "header.html" . }}
{{ partial "nav.html" . }}
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ $path := .Page.File.Path | strings.TrimSuffix (path.Ext .Page.File.Path) }}
{{ $path := printf "%s/*" $path }}
{{ $images := where (resources.Match $path ) "ResourceType" "eq" "image" }}
<div class="gallery">
{{ range $images }}
<div class="gallery-item">
{{ $thumbnail := .Process "resize x400 q50 jpeg" }}
{{ $public := .Process "resize 2160x jpeg" }}
<a href="{{ $public.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" /></a>
</div>
{{ end }}
</div>
{{ $file:= .Page.Params.archive }}
{{ with $file }}
{{ if not (resources.Get $file) }}
{{ errorf "Error: 'file' is a required parameter." }}
{{ end }}
<p>{{ i18n "gallery.download" }}</p>
{{- with resources.Get $file -}}
<a class="button" href="{{ .RelPermalink }}" download>Download {{ path.Ext $file }}</a>
{{- end -}}
{{ end }}
</div>
{{ partial "footer.html" . }}

View File

@ -1,230 +0,0 @@
{{ $date := now }}
{{ $month := $date.Month | int }}
{{ $year := $date.Year }}
{{ $t1 := printf "%4d-%02d-01" $year $month }}
{{ $t1 := time.AsTime $t1 }}
{{ $t2 := $t1.AddDate 0 1 0 }}
{{ $daysInMonth := $t2.Sub $t1 }}
{{ $daysInMonth := $daysInMonth.Hours }}
{{ $daysInMonth := div $daysInMonth 24 }}
<div class="calendar">
{{ if eq .Site.Language.Lang "pl" }}
{{ $polish_month_names := slice "Styczeń" "Luty" "Marzec" "Kwiecień" "Maj" "Czerwiec" "Lipiec" "Sierpień" "Wrzesień" "Październik" "Listopad" "Grudzień" }}
{{ $month := sub $month 1}}
{{ $label := index $polish_month_names $month }}
<a class="month">{{ printf "%s %d" $label $year }}</a>
{{ else }}
<a class="month">{{ time.Format "January 2006" $t1 }}</a>
{{ end }}
<div class="weekdays" >
{{ $days := slice "sun" "mon" "tues" "wend" "thurs" "fri" "sat" }}
{{ range $days }}<p>{{ i18n (printf "days.%s" .) }}</p>{{ end }}
</div>
<div class="days">
{{ $padding := $t1.Weekday | int }}
{{ if gt $padding 0 }}
{{ range seq 1 $padding }}
<div class="pad-day"></div>
{{ end }}
{{ end }}
{{ range seq 1 $daysInMonth }}
<div class="day" onclick="simulateLinkClick()" >
{{ $startDate := time.AsTime ( printf "%4d-%02d-%02dT00:00:00" $year $month . ) }}
{{ $endDate := time.AsTime ( printf "%4d-%02d-%02dT23:59:59" $year $month . ) }}
<h3 class="day-num">{{ . }}</h3>
<h3 class="mobile-date">{{ $startDate | time.Format ":date_long" }} </h3>
{{ $eventCount := 0 }}
{{ range where $.Site.RegularPages "Section" "eq" "events" }}
{{ $eventStart := time.AsTime .Params.start_date }}
{{ $eventEnd := time.AsTime .Params.end_date }}
{{ if and ( or ($eventEnd.After $startDate) ($eventEnd.Equal $startDate)) (or ( $eventStart.Before $endDate ) ( $eventStart.Equal $endDate )) }}
{{ $eventCount = add $eventCount 1 }}
<div class="event" >
<a href="{{ .RelPermalink }}">{{.Title}}</a>
</div>
{{ end }}
{{ end }}
{{ if gt $eventCount 1 }}
{{ errorf "Error: Multiple events per day currently unsuported"}}
{{ end }}
</div>
{{ end }}
</div>
</div>
<script>
function simulateLinkClick() {
var link = document.querySelector('.div a');
if (link) {
link.click();
}
}
</script>
{{ $date := $date.AddDate 0 1 0 }}
{{ $month := $date.Month | int }}
{{ $year := $date.Year }}
{{ $t1 := printf "%4d-%02d-01" $year $month }}
{{ $t1 := time.AsTime $t1 }}
{{ $t2 := $t1.AddDate 0 1 0 }}
{{ $daysInMonth := $t2.Sub $t1 }}
{{ $daysInMonth := $daysInMonth.Hours }}
{{ $daysInMonth := div $daysInMonth 24 }}
<div class="calendar">
{{ if eq .Site.Language.Lang "pl" }}
{{ $polish_month_names := slice "Styczeń" "Luty" "Marzec" "Kwiecień" "Maj" "Czerwiec" "Lipiec" "Sierpień" "Wrzesień" "Październik" "Listopad" "Grudzień" }}
{{ $month := sub $month 1}}
{{ $label := index $polish_month_names $month }}
<a class="month">{{ printf "%s %d" $label $year }}</a>
{{ else }}
<a class="month">{{ time.Format "January 2006" $t1 }}</a>
{{ end }}
<div class="weekdays" >
{{ $days := slice "sun" "mon" "tues" "wend" "thurs" "fri" "sat" }}
{{ range $days }}<p>{{ i18n (printf "days.%s" .) }}</p>{{ end }}
</div>
<div class="days">
{{ $padding := $t1.Weekday | int }}
{{ if gt $padding 0 }}
{{ range seq 1 $padding }}
<div class="pad-day"></div>
{{ end }}
{{ end }}
{{ range seq 1 $daysInMonth }}
<div class="day" onclick="simulateLinkClick()" >
{{ $startDate := time.AsTime ( printf "%4d-%02d-%02dT00:00:00" $year $month . ) }}
{{ $endDate := time.AsTime ( printf "%4d-%02d-%02dT23:59:59" $year $month . ) }}
<h3 class="day-num">{{ . }}</h3>
<h3 class="mobile-date">{{ $startDate | time.Format ":date_long" }} </h3>
{{ $eventCount := 0 }}
{{ range where $.Site.RegularPages "Section" "eq" "events" }}
{{ $eventStart := time.AsTime .Params.start_date }}
{{ $eventEnd := time.AsTime .Params.end_date }}
{{ if and ( or ($eventEnd.After $startDate) ($eventEnd.Equal $startDate)) (or ( $eventStart.Before $endDate ) ( $eventStart.Equal $endDate )) }}
{{ $eventCount = add $eventCount 1 }}
<div class="event" >
<a href="{{ .RelPermalink }}">{{.Title}}</a>
</div>
{{ end }}
{{ end }}
{{ if gt $eventCount 1 }}
{{ errorf "Error: Multiple events per day currently unsuported"}}
{{ end }}
</div>
{{ end }}
</div>
</div>
{{ $date := $date.AddDate 0 1 0 }}
{{ $month := $date.Month | int }}
{{ $year := $date.Year }}
{{ $t1 := printf "%4d-%02d-01" $year $month }}
{{ $t1 := time.AsTime $t1 }}
{{ $t2 := $t1.AddDate 0 1 0 }}
{{ $daysInMonth := $t2.Sub $t1 }}
{{ $daysInMonth := $daysInMonth.Hours }}
{{ $daysInMonth := div $daysInMonth 24 }}
<div class="calendar">
{{ if eq .Site.Language.Lang "pl" }}
{{ $polish_month_names := slice "Styczeń" "Luty" "Marzec" "Kwiecień" "Maj" "Czerwiec" "Lipiec" "Sierpień" "Wrzesień" "Październik" "Listopad" "Grudzień" }}
{{ $month := sub $month 1}}
{{ $label := index $polish_month_names $month }}
<a class="month">{{ printf "%s %d" $label $year }}</a>
{{ else }}
<a class="month">{{ time.Format "January 2006" $t1 }}</a>
{{ end }}
<div class="weekdays" >
{{ $days := slice "sun" "mon" "tues" "wend" "thurs" "fri" "sat" }}
{{ range $days }}<p>{{ i18n (printf "days.%s" .) }}</p>{{ end }}
</div>
<div class="days">
{{ $padding := $t1.Weekday | int }}
{{ if gt $padding 0 }}
{{ range seq 1 $padding }}
<div class="pad-day"></div>
{{ end }}
{{ end }}
{{ range seq 1 $daysInMonth }}
<div class="day" onclick="simulateLinkClick()" >
{{ $startDate := time.AsTime ( printf "%4d-%02d-%02dT00:00:00" $year $month . ) }}
{{ $endDate := time.AsTime ( printf "%4d-%02d-%02dT23:59:59" $year $month . ) }}
<h3 class="day-num">{{ . }}</h3>
<h3 class="mobile-date">{{ $startDate | time.Format ":date_long" }} </h3>
{{ $eventCount := 0 }}
{{ range where $.Site.RegularPages "Section" "eq" "events" }}
{{ $eventStart := time.AsTime .Params.start_date }}
{{ $eventEnd := time.AsTime .Params.end_date }}
{{ if and ( or ($eventEnd.After $startDate) ($eventEnd.Equal $startDate)) (or ( $eventStart.Before $endDate ) ( $eventStart.Equal $endDate )) }}
{{ $eventCount = add $eventCount 1 }}
<div class="event" >
<a href="{{ .RelPermalink }}">{{.Title}}</a>
</div>
{{ end }}
{{ end }}
{{ if gt $eventCount 1 }}
{{ errorf "Error: Multiple events per day currently unsuported"}}
{{ end }}
</div>
{{ end }}
</div>
</div>
<h2>{{ i18n "dates.far" }}</h2>
{{ $startDate := now }}
{{ $month := $startDate.Month | int }}
{{ $year := $startDate.Year }}
{{ $startDate := printf "%4d-%02d-01" $year $month }}
{{ $startDate := time.AsTime $startDate }}
{{ $startDate := $startDate.AddDate 0 3 0 }}
{{ $endDate := $startDate.AddDate 0 6 0 }}
<ul>
{{ range sort (where .Site.RegularPages "Section" "events") "Params.start_date" "asc" }}
{{ $eventDate := time.AsTime .Params.start_date }}
{{ if and ( or ($eventDate.After $startDate) ($eventDate.Equal $startDate)) ($eventDate.Before $endDate) }}
<li>{{$eventDate | time.Format ":date_medium" }} - <a href="{{ .RelPermalink }}">{{.Title}}</a></li>
{{ end }}
{{ end }}
</ul>
<script>
function simulateLinkClick() {
var link = document.querySelector('.day a');
if (link) {
link.click();
}
}
</script>

View File

@ -1,76 +0,0 @@
{{ $date:= .Get "date" }}
{{ if not $date }}
{{ errorf "Error: 'date' is a required parameter." }}
{{ end }}
{{ $date := time.AsTime $date }}
{{ $month := $date.Month | int }}
{{ $year := $date.Year }}
{{ $t1 := printf "%4d-%02d-01" $year $month }}
{{ $t1 := time.AsTime $t1 }}
{{ $t2 := $t1.AddDate 0 1 0 }}
{{ $daysInMonth := $t2.Sub $t1 }}
{{ $daysInMonth := $daysInMonth.Hours }}
{{ $daysInMonth := div $daysInMonth 24 }}
<div class="calendar">
{{ if eq .Site.Language.Lang "pl" }}
{{ $polish_month_names := slice "Styczeń" "Luty" "Marzec" "Kwiecień" "Maj" "Czerwiec" "Lipiec" "Sierpień" "Wrzesień" "Październik" "Listopad" "Grudzień" }}
{{ $month := sub $month 1}}
{{ $label := index $polish_month_names $month }}
<a class="month">{{ printf "%s %d" $label $year }}</a>
{{ else }}
<a class="month">{{ time.Format "January 2006" $t1 }}</a>
{{ end }}
<div class="weekdays" >
{{ $days := slice "sun" "mon" "tues" "wend" "thurs" "fri" "sat" }}
{{ range $days }}<p>{{ i18n (printf "days.%s" .) }}</p>{{ end }}
</div>
<div class="days">
{{ $padding := $t1.Weekday | int }}
{{ if gt $padding 0 }}
{{ range seq 1 $padding }}
<div class="pad-day"></div>
{{ end }}
{{ end }}
{{ range seq 1 $daysInMonth }}
<div class="day" onclick="simulateLinkClick()" >
{{ $startDate := time.AsTime ( printf "%4d-%02d-%02dT00:00:00" $year $month . ) }}
{{ $endDate := time.AsTime ( printf "%4d-%02d-%02dT23:59:59" $year $month . ) }}
<h3 class="day-num">{{ . }}</h3>
<h3 class="mobile-date">{{ $startDate | time.Format ":date_long" }} </h3>
{{ $eventCount := 0 }}
{{ range where $.Site.RegularPages "Section" "eq" "events" }}
{{ $eventStart := time.AsTime .Params.start_date }}
{{ $eventEnd := time.AsTime .Params.end_date }}
{{ if and ( or ($eventEnd.After $startDate) ($eventEnd.Equal $startDate)) (or ( $eventStart.Before $endDate ) ( $eventStart.Equal $endDate )) }}
{{ $eventCount = add $eventCount 1 }}
<div class="event" >
<a href="{{ .RelPermalink }}">{{.Title}}</a>
</div>
{{ end }}
{{ end }}
{{ if gt $eventCount 1 }}
{{ errorf "Error: Multiple events per day currently unsuported" }}
{{ end }}
</div>
{{ end }}
</div>
</div>
<script>
function simulateLinkClick() {
var link = document.querySelector('.day a');
if (link) {
link.click();
}
}
</script>

View File

@ -1,12 +0,0 @@
{{ $file:= .Get "file" }}
{{ if not (resources.Get $file) }}
{{ errorf "Error: 'file' is a required parameter." }}
{{ end }}
{{- with .Get "message" -}}
<p>{{- . -}}</p>
{{- end -}}
{{- with resources.Get $file -}}
<a class="button" href="{{ .RelPermalink }}" download>Download {{ path.Ext $file }}</a>
{{- end -}}

View File

@ -1,61 +0,0 @@
{{/* Required params. Fail if missing. */}}
{{ $apiKey := .Site.Params.geoapifyApiKey }}
{{ if not $apiKey }}
{{ errorf "Error: 'geoapifyApiKey' is a required site parameter for this shortcode." }}
{{ end }}
{{ $adr := .Get "address" }}
{{ if not $adr }}
{{ errorf "Error: 'address' is a required parameter for this shortcode." }}
{{ end }}
{{ $path := .Get "path" }}
{{ if not $path }}
{{ errorf "Error: 'path' is a required parameter for this shortcode." }}
{{ end }}
{{/* Optional params. No error checking. */}}
{{ $label := .Get "label" }}
{{ $url := .Get "url" }}
{{ $adrURL := urlquery $adr }}
{{ $LLapiURL := printf "https://api.geoapify.com/v1/geocode/search?text=%s&format=json&apiKey=%s" $adrURL $apiKey }}
{{ $data := getJSON $LLapiURL }}
{{ with index $data.results 0 }}
{{ $lon := .lon }}
{{ $lat := .lat }}
{{ $MapApiUrl := printf "https://maps.geoapify.com/v1/staticmap?style=osm-bright&width=500&height=500&center=lonlat:%f,%f&zoom=12&marker=lonlat:%f,%f;color:%%23ff0000;size:medium&scaleFactor=2&apiKey=%s" $lon $lat $lon $lat $apiKey }}
<blockquote class="location">
<div class="map" >
{{ with resources.GetRemote $MapApiUrl }}
{{ with resources.Copy $path . }}
{{ with .Err }}
{{ errorf "%s" . }}
{{ else }}
<img src="{{ .RelPermalink }}" width=350px />
{{ end }}
{{ else }}
{{ errorf "Unable to get remote resource %q" $MapApiUrl }}
{{ end }}
{{ end }}
<div class="map-txt-grid">
<div class="grid-item">
{{ with $label }}
<p><b>{{ $label }}</b></p>
{{ end }}
</div>
<div class="grid-item"><p>{{ .address_line1 }}<br/>{{ replaceRE `, United States of America$` "" .address_line2 }}</p></div>
{{end}}
<div class="grid-item">
<div class="child-element">
{{ with $url }}
<a class="button" href="{{ $url }}" target="_blank">See on Google Maps</a>
{{ end }}
</div>
</div>
</div>
</div>
</blockquote>

View File

@ -1,29 +0,0 @@
.not-found ul.menu li {
width: 100%;
}
.not-found a.logo {
width: 100%;
padding: 20px 0;
background-color: var(--header-bg);
text-align: center;
pointer-events: none;
box-shadow: inset 0 -20px 20px -20px var(--header-shadow);
}
h1.not-found-num {
text-align: center;
font-size: 72px;
margin-top: 0;
}
h1.not-found {
text-align: center;
margin-bottom: 0;
}
@media screen and (min-width: 1040px) {
.content {
margin: 5em 5% auto 5%;
}
}

View File

@ -1,106 +0,0 @@
:root {
/* Colors */
--fg: #06080E;
--alt-fg: #F1F2F9;
--bg: #D4D8ED;
--alt-bg: #C5CCE8;
--dark-alt-bg: #A9B2DB;
--acc: #3C5197;
--dark-acc: #12182B;
--light-acc: #5F75BF;
/* Color Sheme linking */
/* Body Colors */
--body-bg: var(--bg);
--body-fg: var(--fg);
--link-fg: var(--acc);
/* Navbar Colors */
--header-bg: var(--alt-bg);
--header-bg-hov: var(--acc);
--header-fg: var(--fg);
--header-fg-hov: var(--alt-fg);
--header-shadow: var(--dark-acc);
--header-shadow-hov: var(--header-shadow);
--hamburger-fg: var(--fg);
--hamburger-fg-checked: var(--hamburger-fg);
--langs-bg: var(--header-bg);
--lang-btn-bg: var(--header-bg) ;
--langs-bg-hov: var(--header-bg-hov);
--langs-fg-hov: var(--header-fg-hov);
/* Content Colors */
--blockquote-border: var(--alt-bg);
--table-bg: var(--dark-alt-bg);
--table-bg-alt: var(--alt-bg);
--table-border: var(--body-bg);
--maps-bg: var(--alt-bg);
--maps-border: var(--acc);
--button-bg: var(--acc);
--button-fg: var(--alt-fg);
/* Calendar Colors */
--cal-bg: var(--alt-bg);
--cal-fg: var(--fg);
--cal-month-bg: var(--alt-bg);
--cal-month-fg: var(--fg);
--cal-weekdays-bg: var(--light-acc);
--cal-weekdays-fg: var(--alt-fg);
--cal-day-empty-fg: var(--alt-fg);
--cal-day-empty-bg: var(--dark-alt-bg);
--cal-day-busy-fg: var(--alt-fg);
--cal-day-busy-bg: var(--acc);
--cal-day-hover-fg: var(--cal-day-busy-fg);
--cal-day-hover-bg: var(--cal-day-busy-bg);
--cal-event-fg: var(--alt-fg);
--cal-event-bg: var(--light-acc) ;
--cal-mobile-bg: var(--alt-bg);
--cal-mobile-fg: var(--fg);
--cal-mobile-border: var(--acc);
--cal-mobile-link: var(--light-acc);
}
@media (prefers-color-scheme: dark) {
:root {
/* Dark Mode Colors */
--bg: #06080E;
--fg: #F0F2F9;
--dark-acc: #0C101D;
--alt-bg: #18203A;
--dark-alt-bg: #12182B;
/* Dark Mode Colorscheme Changes */
--link-fg: var(--light-acc);
--table-bg: var(--dark-acc);
--table-bg-alt: var(----alt-bg);
--button-fg: var(--body-fg);
--cal-bg: var(--dark-acc);
--cal-weekdays-fg: var(--fg);
--cal-day-empty-fg: var(--dark-acc);
--cal-day-busy-fg: var(--acc);
--cal-day-busy-bg: var(--alt-bg);
--cal-event-fg: var(--fg);
--cal-event-bg: var(--acc) ;
}
}

View File

@ -1,671 +1,306 @@
/* Include */ /* modifying it for now. */
@import url('./colorschemes/colors.css'); /* Include colorscheme */
a.home-link{
display: none;
}
.logo img, .logo {
height: 24px;
}
/* Global options */
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body{ body {
/* font-size: 100%; */ background-color: #1d2021;
color: #ebdbb2;
font-size: 100%;
line-height: 1.5; line-height: 1.5;
background-color: var(--body-bg);
color: var(--body-fg);
display: flex;
flex-direction: column;
min-height: 100vh;
} }
a {
a{ color: #83a598;
text-decoration: none; text-decoration: none;
color: var(--link-fg);
} }
/* Main Body */
.content { .content {
margin: 5em 5% auto 5%; overflow: none;
flex: 1; margin: auto 5% auto 5%;
word-wrap: break-word;
/* padding-bottom: 15%; */
/* display: inline-grid; */
/* max-width: 45rem; */
/* margin-bottom: 2rem; */
/* margin: 2rem auto; */
/* padding-top: 100px; */
}
/* Lists */
.post-snippet {
margin-bottom: 1rem;
} }
.post-snippet h3 {
footer { margin-bottom: 0.25rem;
width: calc(100% - 40px);
text-align: center;
padding: 20px;
} }
footer.fixed { /* header */
margin: 0;
position: fixed;
bottom: 0;
}
/* Header and Navigation Menu */
.header { .header {
width: 100%; background-color: #504945;
background-color: var(--header-bg); /* width: 100%; */
position: fixed; /* /1* position: fixed; *1/ */
top: 0; /* z-index: 3; */
z-index: 100;
box-shadow: inset 0 -20px 20px -20px var(--header-shadow);
} }
.menu-entries a{ .header .menu {
transition: 400ms;
}
.menu-entries a:hover{
background-color: var(--header-bg-hov);
color: var(--header-fg-hov);
box-shadow: inset 0 -20px 20px -20px var(--header-shadow-hov);
}
.menu {
margin: 0; margin: 0;
padding: 0; padding: 0;
/* /1* width: 100%; *1/ */
/* height: auto; */
position: relative;
list-style: none;
/* overflow: hidden; */
overflow: auto;
/* background-color: #a89984; */
} }
.menu a {
color: var(--header-fg); .header .menu li a{
display: inline-block; padding: 15px;
display: block;
} }
.menu-entries a:hover,
.header .menu-btn:hover {
background-color: #83a598;
color: #504945;
}
.header .logo {
/* float: left; */
padding: 15px 20px;
}
/* menu */
.menu-entries { .menu-entries {
float: right; display: block;
padding: inherit; clear: both;
position: absolute; /* display: none; */
top: 0; transition: max-height .2s ease-out;
right: 0;
} }
.menu-btn, .lang-btn { .header .menu {
}
/* menu icon */
.logo {
cursor: pointer;
}
.header .menu-icon {
/* cursor: pointer; */
/* float: right; */
/* padding: 28px 20px; */
/* position: relative; */
/* user-select: none; */
}
/* menu btn */
.header .menu-btn {
display: none; display: none;
} }
.menu a {
display: inline-block; .menu .logo {
padding: 20px; transition: 400ms;
} }
footer {
a.home-link { display: none; } /* position: fixed; */
left: 0;
/* Mobile layout - logo now serves as toggle for rest of menu items */ /* bottom: 0; */
@media screen and (max-width: 755px) { /* width: 100%; */
/* disable clicking and clickable cursor indication */
.logo {
pointer-events: none;
text-align: center; text-align: center;
} /* max-height: 15%; */
.menu-entries a:hover { box-shadow: none; } padding-top; 10px;
padding-bottom: 10px;
}
footer .buttons {
margin-top: 5px;
}
footer .buttons img {
/* margin: 5px; */
display: inline-block;
max-height: 25em;
max-width: 100%;
}
/* div.content, footer{ */
/* margin-left: 0; */
/* /1* height: 1000px; *1/ */
/* } */
/* @media screen and (max-width: 900px) { */
/* ul.menu { width: 100%; */
/* height: auto; */
/* position: relative; */
/* } */
/* ul.menu li a { */
/* padding: 15px; */
/* } */
/* div.content, footer {margin-left: 0;} */
/* } */
/* .menu a { */
/* padding: 20px 30px; */
/* } */
/* ul.menu li a { */
/* float: left; */
/* } */
/* .menu-entries { */
/* float: right; */
/* } */
/* .header .menu li .menu-entries{ */
/* clear: none; */
/* align-self: right; */
/* width: auto; */
/* max-height: none; */
/* } */
/* .header .menu-icon { */
/* display: none; */
/* } */
/* } */
@media screen and (max-width: 750px) {
.header .menu-btn:checked ~ .menu li .menu-entries,
.menu li .menu-entries a.home-link {
display: block;
}
.menu-entries { .menu-entries {
text-align: center; text-align: center;
float: none; float: none;
position: inherit; display: none;
/* Hide Entries until toggled */
height: 0;
max-height: 0;
overflow: hidden;
/* Slide out Animation */
transition: 400ms;
transition-property: all;
} }
.menu-btn:checked ~ .menu .menu-entries { .logo {
/* Reveal Entries */ /* clear: none; */
height: auto; pointer-events: none;
max-height: 750px; /* May Need to be change manually for nav lists */
overflow: scroll;
}
.menu-btn:checked ~ .menu .logo, .menu-entries a:hover {
/* BG Color on logo an hover effect */
background-color: var(--header-bg-hov);
color: var(--header-fg-hov);
} }
.menu li, .menu-entries a{ display: block; } .menu-icon {
/* TODO Make sure we can combine these 2 blocks */
a.logo { display: block; transition: 400ms; }
/* Hamburger Menu */
.hamburger {
display: block;
float: right;
position: absolute;
top: 0;
right: 0;
margin-top: 12px;
margin-right: 12px;
cursor: pointer; cursor: pointer;
} }
.bar1, .bar2, .bar3 { .menu {
width: 35px; overflow: auto;
height: 5px;
background-color: var(--hamburger-fg);
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
background-color: var(--hamburger-fg-checked);
transform: translate(0, 11px) rotate(45deg);
}
.change .bar2 { opacity: 0; }
.change .bar3 {
transform: translate(0, -11px) rotate(-45deg);
background-color: var(--hamburger-fg-checked);
}
} }
/* Wide window - links on the left in a sidebar */
.header .menu-btn:checked ~ .menu .logo {
background-color:#83a598;
color: #504945;
}
.content {
margin: auto 5% auto 5%;
}
}
@media screen and (min-width: 750px) {
.menu-entries {
float: right;
}
.header .menu li a {
width: fit-content;
display: inline-block;
}
.menu-entries a {
float: left;
}
}
@media screen and (min-width: 1040px) { @media screen and (min-width: 1040px) {
/* ul.menu { */
.header { .header {
top: 0;
width: 15%; width: 15%;
height: 100%; height: 100%;
box-shadow: inset -22px 0 20px -20px var(--header-shadow); position: fixed;
} }
.menu {
height: 100%;
}
/* .header .logo { */
/* float: none; */
/* } */
/* .header .menu { */
/* clear: both; */
/* } */
.menu-entries{ .menu-entries{
float: none; float: none;
position: inherit;
} }
.menu a, .menu a { display: block; } .menu-entries a:hover,
a.home-link { display: none; } .header .menu-btn:hover {
color: #83a598;
.content { background-color: #504945;
margin-left: calc(15%); }
margin-right: 0;
margin-top: auto;
padding: 20px;
/* ul.menu li a { */
/* float: none; */
/* padding: 20px; */
/* } */
.content, footer {
/* margin: auto; */
padding: 1px 16px;
} }
.menu-entries a {
box-shadow: none;
}
.menu-entries a:hover{ .header .menu li a {
box-shadow: inset -22px 0 20px -20px var(--header-shadow-hov);
}
footer {
width: calc(85% - 40px);
margin-left: 15%;
padding-top: 0;
}
footer.fixed { left: 15%; }
}
/* Table Styles */
table { width: 100%; }
th, td, table {
border: 2px solid var(--table-border);
border-collapse: collapse;
padding: 6px 13px;
}
table thead tr { background-color: var(--table-bg); }
table tr { background-color: var(--table-bg-alt); }
table tr:nth-child(2n) { background-color: var(--table-bg); }
table thead tr th:empty { display: none; }
/* Markdown Blockquote styles */
blockquote {
border-left-color: var(--blockquote-border);
border-left-width: 5px;
border-left-style: solid;
margin: 20px 0;
padding: 20px 0 20px 20px;
}
blockquote blockquote { margin-left: 20px }
/* Maps Shortcode */
blockquote.location {
background-color: var(--maps-bg);
border-left-color: var(--maps-border);
padding: 20px;
}
blockquote p { margin: 0; }
blockquote.location p { padding: inherit; }
.map-txt-grid .child-element a.button { margin: 0; }
/* =========================================== Still Needs cleaning */
/* Maps shortcode styling */
/* TODO rename most grid related elements for clarity */
.grid-item {
margin: 0;
position: relative;
}
.grid-item p {
margin: 0;
}
.button {
color: var(--button-fg);
background-color: var(--button-bg);
padding: 5px;
border: solid 3px var(--button-bg);
border-radius: 8px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}
.map {
display: flex;
}
.map img {
width: 350px;
max-height: 350px;
}
.map-txt-grid {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr;
grid-gap: 10px;
position: relative;
left: 15px;
z-index: 1;
}
.map img {
display: block; display: block;
} /* width: 100%; */
.map-txt-grid {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr;
grid-gap: 10px;
position: relative;
left: 15px;
z-index: 1;
}
.map img {
display: block;
}
@media screen and (max-width: 755px) {
.map {
display: block;
}
.button {
position: absolute;
bottom: 0;
right: 0;
}
.map img {
width: 100%;
max-height: inherit;
}
.map-txt-grid {
display: grid;
grid-template-rows: auto auto; /* Two rows, first row adjusts to content, second row adjusts to content */
grid-template-columns: 1fr 1fr; /* Two columns for the entire grid */
}
.map-txt-grid {
margin-top: 10px;
left: 0;
}
.grid-item:first-child {
grid-column: span 2; /* Span two columns */
}
}
/* TODO put in a clean spot */
.lang-switch {
display: inline-block;
background-color: var(--lang-btn-bg);
text-align: center;
width: 120px;
}
.lang-switch a {
width: 100%;
padding-left: 0;
padding-right: 0;
box-shadow: inset 0 -20px 20px -20px var(--header-shadow);
}
.lang-switch a:hover {
background-color: var(--langs-bg-hov);
box-shadow: none;
}
.lang-btn:checked ~ .lang-switch a {
box-shadow: none;
color: var(--langs-fg-hov);
}
/* lang-switch content (hidden by default) */
.translation-list {
display: block;
position: absolute;
background-color: var(--langs-bg);
width: 120px;
top: 64px;
right: 0;
overflow: hidden;
height: 0;
max-height: 0;
transition-property: all;
transition: 400ms;
}
/* Links inside the lang-switch */
.translation-list a {
float: none; float: none;
display: block; }
}
/* Add a grey background color to lang-switch links on hover */ .content {
margin: auto 5% auto 20%;
/* Show the lang-switch menu on hover */
.lang-btn:checked ~ .translation-list {
height: auto;
max-height: 100px;
}
.lang-btn:checked ~ .lang-switch {
background-color: var(--langs-bg-hov);
}
@media screen and (min-width: 1040px) {
.lang-switch {
width: 100%;
text-align: left;
}
.lang-switch a {
padding: 20px;
width: auto;
box-shadow: inset -22px 0 20px -20px var(--header-shadow);
}
.translation-list {
position: static;
width: auto;
} }
} }
@media screen and (max-width: 755px) {
.lang-switch {
width: 100%;
display: block;
}
.lang-switch a { /* .logo { */
padding: 20px; /* height: 28px; */
width: auto; /* width: fit-content; */
box-shadow: none; /* } */
} /* } */
.lang-switch a:hover { box-shadow: none; }
.translation-list {
position: static;
width: auto;
}
}
/* Calendar TODO Mix in for clean stylesheet */
.calendar {
width: 100%;
max-width: 1000px;
margin: 20px auto;
padding: 0;
background-color: var(--cal-bg);
color: var(--cal-fg);
}
a.month {
display: block;
width: 100%;
padding: 15px 0;
text-align: center;
background-color: var(--cal-month-bg);
color: var(--cal-month-fg);
pointer-events: none;
}
.days {
width: calc(100% - 10 px) ;
padding: 5px;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.weekdays {
display: block;
width: 100%;
margin: 0;
padding: 0;
pointer-events: none;
}
.weekdays p {
display: inline-block;
width: calc(14.28%);
background-color: var(--cal-weekdays-bg);
color: var(--cal-weekdays-fg);
margin: 0;
padding: 0;
text-align: center;
/* border: 0px solid var(--bg); */
/* border-collapse: collapse; */
}
.pad-day, .day {
width: calc(14.28% - 3px - 10px);
padding: 0 5px;
margin: 1.5px;
aspect-ratio: 1;
}
.day {
background-color: var(--cal-day-empty-bg);
color: var(--cal-day-empty-fg);
transition: 400ms;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.day:has(>.event) {
/* display: block; */
color: var(--cal-day-busy-fg);
background-color: var(--cal-day-busy-bg);
}
.day:has(>.event):hover {
transform: scale(1.2);
background-color: var(--cal-day-hover-bg);
color: var(--cal-day-hover-fg);
cursor: pointer;
}
.day-num {
font-size: 6.5vh;
line-height: 1;
pointer-events: none;
margin: 0;
}
.day:has(>.event) .day-num {
font-size: 3vh;
margin-bottom: 1vh;
}
.event, .event a {
font-size: 1.5vh;
color: var(--cal-event-fg);
/* background-color: var(--cal-event-bg); */
}
.mobile-date { display: none;}
/* mobile layout */
@media screen and (max-width: 755px) {
.day, .pad-day, .weekdays, a.month { display: none; }
.days {
padding: 0;
text-align: left;
}
.calendar{
background-color: inherit;
}
.day:has(>.event) {
display: block;
width: 100%;
aspect-ratio: auto;
text-align: left;
border-left-width: 5px;
border-left-style: solid;
margin-top: 10px;
background-color: var(--cal-mobile-bg);
border-left-color: var(--cal-mobile-border);
padding: 20px;
color: var(--cal-mobile-fg);
}
.day:has(>.event):hover {
transform: none;
background-color: var(--cal-mobile-bg);
color: var(--cal-mobile-fg);
}
.day-num { display: none; }
.mobile-date {
display: inline-block;
text-align: left;
font-size: 3vh;
width: auto;
}
.event {
float: right;
height: 100%;
display:flex;justify-content:flex-end;align-items:center;
}
.event, .event a {
background: none;
}
.event a {
color: var(--cal-mobile-link);
font-size: 2vh;
}
}
/* pics stuff */ /* .header .logo { */
/* display: block; */
.gallery {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
.gallery-item {
flex-grow: 1;
flex: 1 1 auto;
height: 25vh;
}
.gallery-item img {
object-fit: cover;
width: 100%;
height: 100%;
transition: 140ms;
border-radius: 8px;
}
.gallery-item img:hover {
transform: scale(1.2);
transition: 400ms;
}
@media screen and (max-width: 755px) {
.gallery-item {
width: 100%;
height: auto;
}
.gallery-item img:hover {
transform: none;
}
}