Commit 93f3c267 authored by Tobias Bengfort's avatar Tobias Bengfort
Browse files

Gardening

parent 741c0ba5
......@@ -46,18 +46,18 @@ h1 {
margin-top: 0;
}
h2 small{
opacity: .7;
h2 small {
opacity: 0.7;
}
ol, ul {
padding-left: 1.5rem;
}
ol ol{
ol ol {
list-style-type: lower-alpha;
}
ul.no-dots{
ul.no-dots {
list-style-type: none;
}
......@@ -96,28 +96,28 @@ header {
box-shadow: 0 0 0.4em 0.1em rgba(0,0,0,0.2);
}
.txt-bottom{
.txt-bottom {
position: absolute;
vertical-align:bottom;
vertical-align: bottom;
margin-top: 10px;
bottom: 5px;
}
.txt-align-block{
.txt-align-block {
text-align: justify;
}
.top-right{
.top-right {
position: absolute;
top: 2px;
right: 15px;
}
.float{
float:left;
.float {
float: left;
}
.icon{
.icon {
width: 1.5em;
min-height: 1.5em !important;
padding-top: 10px;
......@@ -194,13 +194,12 @@ nav a:hover {
.card {
display: flex;
width: 100%;
position: relative;
flex-direction: column;
border-top: 0.5em solid var(--brand);
text-decoration: none;
box-shadow: 6px 6px 3px 0 rgba(0, 0, 0, 1);
box-shadow: 6px 6px 3px 0 rgba(0,0,0,1);
}
a.card:hover {
box-shadow: 6px 6px 4px 1px rgba(0,0,0,1);
......@@ -227,11 +226,11 @@ a.card:hover {
}
.slice {
display: grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(23rem, 100%), 1fr));
grid-gap: 1.5rem;
margin: 0px;
padding: 0px;
margin: 0;
padding: 0;
}
.row {
......@@ -295,15 +294,14 @@ a.card:hover {
#filter-all:not(:checked) ~ #filters [for="filter-all"],
#filter-prototype:not(:checked) ~ #filters [for="filter-prototype"] {
opacity: 0.7;
background-color: var(--brand)!important;
background-color: var(--brand) !important;
}
#filter-full-game:checked ~ #filters [for="filter-full-game"],
#filter-jam:checked ~ #filters [for="filter-jam"],
#filter-all:checked ~ #filters [for="filter-all"],
#filter-prototype:checked ~ #filters [for="filter-prototype"] {
background-color: var(--brand-off)!important;
background-color: var(--brand-off) !important;
}
#filter-full-game:focus-visible ~ #filters [for="filter-full-game"],
#filter-jam:focus-visible ~ #filters [for="filter-jam"],
#filter-all:focus-visible ~ #filters [for="filter-all"],
......@@ -318,7 +316,7 @@ a.card:hover {
.mt-1 {margin-top: 0.5rem !important}
.mt-2 {margin-top: 1rem !important}
.mt-3 {margin-top: 2rem !important}
.p-2 {padding: 1rem !important; }
.p-2 {padding: 1rem !important}
.h-100 {height: 100% !important}
.w-100 {width: 100% !important}
.flex-grow-1 {flex-grow: 1 !important}
......@@ -359,4 +357,4 @@ a.card:hover {
a {
color: var(--brand-off);
}
}
\ No newline at end of file
}
......@@ -4,7 +4,6 @@
{{ define "main" }}
<div class="row mt-2 mb-3">
<div class="col-md-4">
{{ if isset .Params.Links "link1" }}
<a href="{{ .Params.Links.link1 }}" class="btn btn-block bg-inverse mb-1">{{ .Params.Links.title1 }}</a>
......@@ -19,7 +18,7 @@
<a href="{{ .Params.Links.link4 }}" class="btn btn-block bg-inverse mb-1">{{ .Params.Links.title4 }}</a>
{{ end }}
</div>
<div class="col-md-8 bg-body p-2">
<h1>{{ .Title }}</h1>
{{ .Content }}
......
......@@ -7,23 +7,23 @@
</div>
<ul class="slice no-dots mt-2 mb-3">
<li >
{{ range first 1 (where (where .Site.RegularPages "Params.category" "full game") "Params.featured" true) }}
{{ partial "front_card.html" . }}
{{ end }}
</li>
<li >
{{ range first 1 (where (where .Site.RegularPages "Params.category" "full game") "Params.featured" true) }}
{{ partial "front_card.html" . }}
{{ end }}
</li>
<li >
{{ range first 1 (where .Site.Pages "Params.category" "mission") }}
{{ partial "front_card.html" . }}
{{ end }}
</li>
<li >
{{ range first 1 (where .Site.Pages "Params.category" "mission") }}
{{ partial "front_card.html" . }}
{{ end }}
</li>
<li >
{{ range first 1 (where (where .Site.Pages "Params.category" "blog") "Params.featured" true) }}
{{ partial "front_card.html" . }}
{{ end }}
</li>
</ul>
<li >
{{ range first 1 (where (where .Site.Pages "Params.category" "blog") "Params.featured" true) }}
{{ partial "front_card.html" . }}
{{ end }}
</li>
</ul>
</div>
{{ end }}
......@@ -4,7 +4,6 @@
{{ define "main" }}
<div class="row mt-2 mb-3">
<div class="col-md-4">
{{ if isset .Params.Links "link1" }}
<a href="{{ .Params.Links.link1 }}" class="btn btn-block bg-inverse mb-1">{{ .Params.Links.title1 }}</a>
......
<a href="{{ .RelPermalink }}" class="card bg-inverse h-100">
<h2 class="card-header">{{ .Title }}</h2>
{{ $banner := .Resources.GetMatch "banner-slice.*" }}
{{ $bannerslice := $banner.Resize "400x600" }}
<img src="{{ $bannerslice.RelPermalink }}" alt="{{ $bannerslice.Title }}" class="flex-grow-1 img-cover">
{{ if isset .Params "category" }}
<span class="badge bg-brand">#{{ .Params.category }}</span>
{{ end }}
</a>
\ No newline at end of file
<h2 class="card-header">{{ .Title }}</h2>
{{ $banner := .Resources.GetMatch "banner-slice.*" }}
{{ $bannerslice := $banner.Resize "400x600" }}
<img src="{{ $bannerslice.RelPermalink }}" alt="{{ $bannerslice.Title }}" class="flex-grow-1 img-cover">
{{ if isset .Params "category" }}
<span class="badge bg-brand">#{{ .Params.category }}</span>
{{ end }}
</a>
......@@ -5,47 +5,48 @@
{{ define "main" }}
<div class="row mt-2 mb-3">
<div class="col-md-4">
<div class="bg-body p-2">
<h1>Factsheet</h1>
<ul>
<li>Developer: Purple Sloth Studio e.G.</li>
{{ if isset .Params.Facts "release" }}
<li>Release Date: {{ .Params.Facts.release}}</li>
<div class="bg-body p-2">
<h1>Factsheet</h1>
<ul>
<li>Developer: Purple Sloth Studio e.G.</li>
{{ if isset .Params.Facts "release" }}
<li>Release Date: {{ .Params.Facts.release }}</li>
{{ end }}
{{ if isset .Params.Facts "plat1" }}
<li>Platforms:
<ul>
<li>{{ .Params.Facts.plat1 }}</li>
{{ if isset .Params.Facts "plat2" }}
<li>{{ .Params.Facts.plat2 }}</li>
{{ end }}
{{ if isset .Params.Facts "plat1" }}
<li>Platforms:
<ul>
<li>{{ .Params.Facts.plat1}}</li>
{{ if isset .Params.Facts "plat2" }}
<li>{{ .Params.Facts.plat2}}</li>
{{end}}
{{ if isset .Params.Facts "plat3" }}
<li>{{ .Params.Facts.plat3}}</li>
{{end}}
</ul>
</li>
{{ if isset .Params.Facts "plat3" }}
<li>{{ .Params.Facts.plat3 }}</li>
{{ end }}
</ul>
</li>
{{ end }}
<li>Website: <a href="https://purplesloth.studio/games/chronescher/">purplesloth.studio</a></li>
</ul>
</div>
<br>
<div class="bg-body p-2">
<h1>Contact</h1>
<h3>Inquiries</h3>
{{ if isset .Params.Contact "address" }}
<a href="mailto:{{ .Params.Contact.address }}">{{ .Params.Contact.address }}</a>
{{ else }}
<a href="mailto:Info@purplesloth.studio">info@purplesloth.studio</a>
{{ end }}
<h3>Twitter</h3>
<a href="https://twitter.com/studio_sloth">@studio_sloth</a>
<h3>Web</h3>
<a href="https://purplesloth.studio/">purplesloth.studio/</a>
<li>Website: <a href="https://purplesloth.studio/games/chronescher/">purplesloth.studio</a></li>
</ul>
</div>
<br>
<div class="bg-body p-2">
<h1>Contact</h1>
</div>
<h3>Inquiries</h3>
{{ if isset .Params.Contact "address" }}
<a href="mailto:{{ .Params.Contact.address }}">{{ .Params.Contact.address }}</a>
{{ else }}
<a href="mailto:Info@purplesloth.studio">info@purplesloth.studio</a>
{{ end }}
<br>
<h3>Twitter</h3>
<a href="https://twitter.com/studio_sloth">@studio_sloth</a>
<h3>Web</h3>
<a href="https://purplesloth.studio/">purplesloth.studio/</a>
</div>
<br>
{{ if isset .Params.Links "de" }}
<a href="{{ .Params.Links.de }}" class="btn btn-block btn-big bg-brand mb-1">Deutsch</a>
{{ end }}
......@@ -56,50 +57,53 @@
<a href="{{ .Params.Links.gamepage }}" class="btn btn-block btn-big bg-brand mb-1">Game Page</a>
{{ end }}
</div>
<div class="col-md-8">
<div class="bg-body p-2">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ if eq .Params.lang "en" }}
<h2>Logo & Title</h2>
<ul class="tiles mb-3">
{{ range .Resources.Match "logos/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="w-100 img-cover"></a></li>
{{ end }}
</ul>
{{ range .Resources.Match "logos/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="w-100 img-cover"></a></li>
{{ end }}
</ul>
<h2>Images</h2>
<ul class="tiles mb-3">
{{ range .Resources.Match "screenshots/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="h-100 w-100 img-cover img-border"></a></li>
{{ end }}
</ul>
{{range (where .Site.Pages "Type" "=" "aboutPPSen")}}
{{ .Content }}
{{ range .Resources.Match "screenshots/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="h-100 w-100 img-cover img-border"></a></li>
{{ end }}
{{end}}
</ul>
{{ range (where .Site.Pages "Type" "=" "aboutPPSen") }}
{{ .Content }}
{{ end }}
{{ end }}
{{ if eq .Params.lang "de" }}
<h2>Logo & Titel</h2>
<ul class="tiles mb-3">
{{ range .Resources.Match "logos/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="w-100 img-cover"></a></li>
{{ end }}
</ul>
{{ range .Resources.Match "logos/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="w-100 img-cover"></a></li>
{{ end }}
</ul>
<h2>Bilder</h2>
<ul class="tiles mb-3">
{{ range .Resources.Match "screenshots/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="h-100 w-100 img-cover img-border"></a></li>
{{ end }}
</ul>
{{range (where .Site.Pages "Type" "=" "aboutPPSde")}}
{{ .Content }}
{{ range .Resources.Match "screenshots/*" }}
{{ $thumbnail := .Resize "400x" }}
<li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="h-100 w-100 img-cover img-border"></a></li>
{{ end }}
{{end}}
</ul>
{{ range (where .Site.Pages "Type" "=" "aboutPPSde") }}
{{ .Content }}
{{ end }}
{{ end }}
</div>
</div>
</div>
{{ end }}
\ No newline at end of file
{{ end }}
......@@ -10,24 +10,24 @@
<div class="card-body txt-align-block">
{{ .Content }}
<br><br>
<span class = "txt-bottom"><strong>Part of Resorts: </strong>{{ .Params.resorts }}</span>
<div class = "top-right">
<span class="txt-bottom"><strong>Part of Resorts: </strong>{{ .Params.resorts }}</span>
<div class="top-right">
{{ if isset .Params "link" }}
<a href="{{ .Params.link }}">
<picture class="float">
<source srcset="{{ "/gfx/webdark.svg" | relURL }}" media="(prefers-color-scheme:dark)">
<img src="{{ "/gfx/weblight.svg" | relURL }}" class="icon" alt="">
</picture>
</a>
{{end}}
<a href="{{ .Params.link }}">
<picture class="float">
<source srcset="{{ "/gfx/webdark.svg" | relURL }}" media="(prefers-color-scheme: dark)">
<img src="{{ "/gfx/weblight.svg" | relURL }}" class="icon" alt="">
</picture>
</a>
{{ end }}
{{ if isset .Params "twitter" }}
<a href="{{ .Params.twitter }}">
<picture class="float">
<source srcset="{{ "/gfx/twitterdark.svg" | relURL }}" media="(prefers-color-scheme:dark)">
<img src="{{ "/gfx/twitterlight.svg" | relURL }}" class="icon" alt="">
</picture>
</a>
{{end}}
<a href="{{ .Params.twitter }}">
<picture class="float">
<source srcset="{{ "/gfx/twitterdark.svg" | relURL }}" media="(prefers-color-scheme: dark)">
<img src="{{ "/gfx/twitterlight.svg" | relURL }}" class="icon" alt="">
</picture>
</a>
{{ end }}
</div>
</div>
</li>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment