small fixes

This commit is contained in:
teldra 2022-06-12 19:27:57 +02:00
parent be230a9096
commit cb59c2fbc8
11 changed files with 123 additions and 108 deletions

View File

@ -1,5 +1,5 @@
---
title: "Antifa Cafe"
title: "Antifa Café"
lastmod: 1997-09-04T14:00:00+02:00
when: "04.09.1997, 19Uhr"
tags: ["Antifa","Cafe"]

View File

@ -1,5 +1,5 @@
---
title: "Antifa-Cafe"
title: "Antifa-Café"
lastmod: 1998-10-12T14:00:00+02:00
when: "12.10.1998, 20 Uhr"
tags: ["Antifa","Informationsveranstaltungen","Antifachismus","Arbeitskreis Antifaschismus Magdeburg","Antifaschistische Aktion","Vortrag","Diskussionsveranstaltung"]

View File

@ -23,6 +23,8 @@ Bier kostet 3 Euro, jedoch ist die Katzenmilch für euch umsonst. Bringt alle eu
```
![lala](1)
![lala](2)
![lala](3)

View File

@ -1,5 +1,10 @@
article {
.article_content {
.article-image, .article-image > a {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin-bottom: 1.5rem;
}
.articlemeta {
margin-top: 1rem;
@ -8,6 +13,10 @@ article {
font-weight: bold;
}
}
p {
margin-top: 2rem;
margin-bottom: 2rem;
}
}

View File

@ -7,18 +7,46 @@
font-family: 'Nanum';
}
@media (min-width: 640px) {
// Breakpoints
$bp-small: 48em; // 768px
$bp-medium: 64em; // 1024px
$bp-large: 85.375em; // 1366px
$bp-xlarge: 120em; // 1920px
$bp-xxlarge: 160em; // 2560px
}
@media (min-width: 768px) {
// Media Queries
$mq-small: "(min-width: #{$bp-small})";
$mq-medium: "(min-width: #{$bp-medium})";
$mq-large: "(min-width: #{$bp-large})";
$mq-xlarge: "(min-width: #{$bp-xlarge})";
$mq-xxlarge: "(min-width: #{$bp-xxlarge})";
$mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
}
@media (min-width: 1024px) {
// Font-Size
$base-font-size: .8em;
}
@media (min-width: 1280px) {
// Line-Height
$base-line-height: 1.5;
$header-line-height: 1.25;
}
@media (min-width: 1920px) {
body {
font-size: $base-font-size;
line-height: $base-line-height;
@media #{$mq-medium} {
font-size: $base-font-size*1.2;
line-height: $base-line-height*1.2;
}
@media #{$mq-large} {
font-size: $base-font-size*1.3;
}
@media #{$mq-xlarge} {
font-size: $base-font-size*1.4;
}
@media #{$mq-xxlarge} {
font-size: $base-font-size*1.6;
}
}

View File

@ -1,11 +1,10 @@
.footer {
flex-grow: 0;
min-height: 4rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 1rem;
width: 100%;
width: 98vw;
margin-left: auto;
margin-right: auto;
flex-direction: column-reverse;
@ -19,7 +18,7 @@
@media (min-width: 640px) {
.footer {
max-width: 640px;
max-width: 89%;
margin-left: auto;
margin-right: auto;
flex-direction: row;
@ -28,34 +27,4 @@
}
}
}
@media (min-width: 768px) {
.footer {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px) {
.footer {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1280px) {
.footer {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1920px) {
.footer {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
}

View File

@ -21,7 +21,6 @@ header {
display: flex;
flex-wrap: wrap;
text-shadow: 0px 4px 4px var(--shadow-color);
font-size: 1rem;
a {
margin-left: .8rem;
}
@ -41,9 +40,6 @@ header {
width: auto;
height: 7em;
}
div {
font-size: 1.2rem;
}
}
}
}

View File

@ -1,43 +1,3 @@
// Breakpoints
$bp-small: 48em; // 768px
$bp-medium: 64em; // 1024px
$bp-large: 85.375em; // 1366px
$bp-xlarge: 120em; // 1920px
$bp-xxlarge: 160em; // 2560px
// Media Queries
$mq-small: "(min-width: #{$bp-small})";
$mq-medium: "(min-width: #{$bp-medium})";
$mq-large: "(min-width: #{$bp-large})";
$mq-xlarge: "(min-width: #{$bp-xlarge})";
$mq-xxlarge: "(min-width: #{$bp-xxlarge})";
$mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
// Font-Size
$base-font-size: 1em;
// Line-Height
$base-line-height: 1.5;
$header-line-height: 1.25;
body {
font-size: $base-font-size;
line-height: $base-line-height;
@media #{$mq-medium} {
font-size: $base-font-size*1.2;
line-height: $base-line-height*1.2;
}
@media #{$mq-large} {
font-size: $base-font-size*1.3;
}
@media #{$mq-xlarge} {
font-size: $base-font-size*1.4;
}
@media #{$mq-xxlarge} {
font-size: $base-font-size*1.6;
}
}

View File

@ -13,7 +13,6 @@ main {
width: 98vw;
margin-left: auto;
margin-right: auto;
min-height: 90vh;
}
aside {

View File

@ -4,10 +4,10 @@
{{ if not $title }}
{{ $title = .Title }}
{{ end }}
{{ $good_w := "1920"}}
{{ $good_h := "550"}}
{{ $px := string "400" }}
{{ $fill := string (printf "1280x%s smart" $px) }}
{{ $all := "" }}
{{ $style := safeCSS "text-shadow: 0px 3px 0px #b2a98f, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1)" }}
{{ $what := "none" }}
{{ $img := "none" }}
{{ if eq .Kind "home" }}
@ -21,42 +21,89 @@
{{ if resources.GetMatch $banner }}
{{ $img = (resources.GetMatch $banner).Fill $fill }}
{{ end }}
{{ $height := safeCSS (printf "min-height: calc(%spx - 5rem); max-height: calc(%spx - 5rem);" $px $px) }}
{{ if and (resources.GetMatch $banner) (ne .Params.banner false) }}
{{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
<div style="background-image: url({{- $img.Permalink -}})" class="banner">
<h1>{{ $title }}</h1>
{{ if eq hugo.Environment "development" }}
<div>
<div>Width: {{ (resources.GetMatch $banner).Width }}px</div>
<div>Height: {{ (resources.GetMatch $banner).Height }}px</div>
<div>Ratio: {{div (float (resources.GetMatch $banner).Width) (float (resources.GetMatch $banner).Height) }}</div>
{{ $w := (resources.GetMatch $banner).Width }}
{{ $h := (resources.GetMatch $banner).Height }}
{{ if lt (int $w) $good_w }}
{{ if eq hugo.Environment "development" }}
Width: {{ $w }}px: too small, better {{ $good_w -}}px in width<br>
{{ end }}
{{ else if gt (int $w) $good_w }}
{{ if eq hugo.Environment "development" }}
Width: {{ $w }}px: too big, better {{ $good_w -}}px in width<br>
{{ end }}
{{ end }}
{{ if lt (int $h) $good_h }}
{{ if eq hugo.Environment "development" }}
Height: {{ $h }}px: too small, better {{ $good_h -}}px in height<br>
{{ end }}
{{ else if gt (int $h) $good_h }}
{{ if eq hugo.Environment "development" }}
Height: {{ $h }}px: too big, better {{ $good_h -}}px in height<br>
{{ end }}
{{ end }}
</div>
{{ end }}
</div>
{{ else if and (.Resources.Match "banner*") (ne .Params.banner false) }}
{{ $img = (.Resources.GetMatch "banner*").Fill $fill }}
{{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
<div style="background-image:url({{- $img.Permalink -}})" class="banner">
<h1>{{ $title }}</h1>
{{ if eq hugo.Environment "development" }}
<div>
<div>Width: {{ (index (.Resources.Match "banner*") 0).Width }}px</div>
<div>Height: {{ (index (.Resources.Match "banner*") 0).Height }}px</div>
<div>Ratio: {{div (float (index (.Resources.Match "banner*") 0).Width) (float (index (.Resources.Match "banner*") 0).Height) }}</div>
{{ $w := (index (.Resources.Match "banner*") 0).Width }}
{{ $h := (index (.Resources.Match "banner*") 0).Height }}
{{ if lt (int $w) $good_w }}
{{ if eq hugo.Environment "development" }}
Width: {{ $w }}px: too small, better {{ $good_w -}}px in width<br>
{{ end }}
{{ else if gt (int $w) $good_w }}
{{ if eq hugo.Environment "development" }}
Width: {{ $w }}px: too big, better {{ $good_w -}}px in width<br>
{{ end }}
{{ end }}
{{ if lt (int $h) $good_h }}
{{ if eq hugo.Environment "development" }}
Height: {{ $h }}px: too small, better {{ $good_h -}}px in height<br>
{{ end }}
{{ else if gt (int $h) $good_h }}
{{ if eq hugo.Environment "development" }}
Height: {{ $h }}px: too big, better {{ $good_h -}}px in height<br>
{{ end }}
{{ end }}
</div>
{{ end }}
</div>
{{ else if and (.Resources.ByType "image") (ne .Params.banner false) $all }}
{{ else if and (.Resources.ByType "image") (ne .Params.banner false) }}
{{ $img = (index (.Resources.ByType "image") 0).Fill $fill }}
{{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
<div style="background-image: url({{- $img.Permalink -}})" class="banner">
<h1>{{ $title }}</h1>
{{ if eq hugo.Environment "development" }}
<div>
<div>Width: {{ (index (.Resources.ByType "image") 0).Width }}px</div>
<div>Height: {{ (index (.Resources.ByType "image") 0).Height }}px</div>
<div>Ratio: {{div (float (index (.Resources.ByType "image") 0).Width) (float (index (.Resources.ByType "image") 0).Height) }}</div>
{{ $w := (index (.Resources.ByType "image") 0).Width }}
{{ $h := (index (.Resources.ByType "image") 0).Height }}
{{ if lt (int $w) $good_w }}
{{ if eq hugo.Environment "development" }}
Width: {{ $w }}px: too small, better {{ $good_w -}}px in width<br>
{{ end }}
{{ else if gt (int $w) $good_w }}
{{ if eq hugo.Environment "development" }}
Width: {{ $w }}px: too big, better {{ $good_w -}}px in width<br>
{{ end }}
{{ end }}
{{ if lt (int $h) $good_h }}
{{ if eq hugo.Environment "development" }}
Height: {{ $h }}px: too small, better {{ $good_h -}}px in height<br>
{{ end }}
{{ else if gt (int $h) $good_h }}
{{ if eq hugo.Environment "development" }}
Height: {{ $h }}px: too big, better {{ $good_h -}}px in height<br>
{{ end }}
{{ end }}
</div>
{{ end }}
</div>
@ -64,7 +111,11 @@
<div class="banner">
<h1>{{ $title }}</h1>
{{ if eq hugo.Environment "development" }}
<p>assets/images/banner/{{ $what -}}.* missing..</p>
<p>
assets/images/banner/{{ $what -}}.* missing..<br>
or<br>
{{ with .File }}content/{{ .Dir }}/banner* missing..{{ end }}
</p>
{{ end }}
</div>
{{ end }}

View File

@ -6,6 +6,7 @@
{{ $water := resources.Get "css/water.css" | resources.ToCSS }}
{{ $container := resources.Get "scss/container.scss" | resources.ToCSS }}
{{ $font := resources.Get "scss/font.scss" | resources.ToCSS }}
{{ $init := resources.Get "scss/init.scss" | resources.ToCSS }}
{{ $header := resources.Get "scss/header.scss" | resources.ToCSS }}
{{ $banner := resources.Get "scss/banner.scss" | resources.ToCSS }}
{{ $index := resources.Get "scss/index.scss" | resources.ToCSS }}
@ -15,7 +16,7 @@
{{ $pagination := resources.Get "scss/pagination.scss" | resources.ToCSS }}
{{ $footer := resources.Get "scss/footer.scss" | resources.ToCSS }}
{{ $generator := resources.Get "scss/generator.scss" | resources.ToCSS }}
{{ $allcss := slice $water $font $container $header $banner $index $gen_list $main $article $pagination $footer $generator | resources.Concat "/css/vendor.css" | minify | fingerprint "sha512" }}
{{ $allcss := slice $water $font $init $container $header $banner $index $gen_list $main $article $pagination $footer $generator | resources.Concat "/css/vendor.css" | minify | fingerprint "sha512" }}
<link rel="stylesheet" href="{{ $allcss.RelPermalink }}" integrity="{{ $allcss.Data.Integrity }}">
<link rel="stylesheet" href="/css/visibleIf.css" type="text/css" />