small fixes

This commit is contained in:
teldra 2022-06-12 18:34:24 +02:00
parent 42de76ec6c
commit be230a9096
4 changed files with 67 additions and 10 deletions

View File

@ -8,9 +8,10 @@ header {
align-items: center;
justify-content: space-between;
svg {
margin-top: 1rem;
margin-left: 0.2vw;
width: auto;
height: 2.5rem;
height: 4em;
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
path {
fill: var(--logo-color) !important;
@ -36,8 +37,9 @@ header {
width: 86%;
div {
svg {
margin-top: 5rem;
width: auto;
height: 3rem;
height: 7em;
}
div {
font-size: 1.2rem;

View File

@ -0,0 +1,43 @@
// 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

@ -36,24 +36,36 @@
{{ .Title }}
{{ if $title }}</h3>{{ else }}</h2>{{ end }}
{{ with .Resources.GetMatch $banner }}
{{ if eq hugo.Environment "development" }}
{{ $good_w := "1920"}}
{{ $good_h := "550"}}
{{ $ratio := div (float .Width) (float .Height) }}
{{ $b := true }}
{{ if lt (int .Width) $good_w }}
Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width<br>
{{ $b = false }}
{{ if eq hugo.Environment "development" }}
Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width<br>
{{ end }}
{{ else if gt (int .Width) $good_w }}
Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width<br>
{{ $b = false }}
{{ if eq hugo.Environment "development" }}
Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width<br>
{{ end }}
{{ end }}
{{ if lt (int .Height) $good_h }}
Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height<br>
{{ $b = false }}
{{ if eq hugo.Environment "development" }}
Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height<br>
{{ end }}
{{ else if gt (int .Height) $good_h }}
Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height<br>
{{ $b = false }}
{{ if eq hugo.Environment "development" }}
Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height<br>
{{ end }}
{{ end }}
{{ end }}
<!--<div class="img" style="background-image: url({{ .Permalink }})">
</div>-->
{{ if eq $b true }}
<img src="{{ .Permalink }}" />
{{ end }}
{{ end }}
<div class="text">
{{ if .Description }}