tobias/t-r.de
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refined overall design

Browse Source
This commit is contained in:
eclipse 2025-02-06 21:42:29 +01:00
parent 1642f8d5eb
commit c9b743c843
5 changed files with 53 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/posts/das-geheimnis-der-lady-luck.md
View File

@ -4,7 +4,7 @@ Category: Romane
Tags: Kinder- u. Jugendbuch, Fantasy, zweisprachig Tags: Kinder- u. Jugendbuch, Fantasy, zweisprachig
Author: Paul Jansen Author: Paul Jansen
Reihe: World of Fantasy Reihe: World of Fantasy
Summary: Das Geheimnis der Lady Luck – The Secret of the Lady Luck ist eine zweisprachige Abenteuergeschichte aus der Reihe „World of Fantasy“. Das Buch ist 2011 unter meinem Pseudonym Paul Jansen erschienen. Summary: Eine zweisprachige Fantasy-Abenteuergeschichte um den Klabauterjungen Hein und seine erste große Fahrt.
Lang: de Lang: de
Titelbild: ../images/cover/das-geheimnis-der-lady-luck.jpg Titelbild: ../images/cover/das-geheimnis-der-lady-luck.jpg
Klappentext: Der Klabauterjunge Hein tritt auf der Lady Luck seine erste große Reise an. Doch das Klabautern hat seine Tücken. Hein wird nicht nur seekrank und kann keine Seemannsknoten knüpfen, er hält sich auch nicht an das Verbots seines Onkels Drake, sich niemals den Menschen zu erkennen zu geben. Drake darf nicht erfahren, dass Hein sich heimlich mit dem Schiffsjungen Johnny trifft. Als die Lady Luck von Piraten angegriffen wird, muss sich erweisen, ob Hein ein echter Klabauter ist – und ein echter Freund obendrein … Klappentext: Der Klabauterjunge Hein tritt auf der Lady Luck seine erste große Reise an. Doch das Klabautern hat seine Tücken. Hein wird nicht nur seekrank und kann keine Seemannsknoten knüpfen, er hält sich auch nicht an das Verbots seines Onkels Drake, sich niemals den Menschen zu erkennen zu geben. Drake darf nicht erfahren, dass Hein sich heimlich mit dem Schiffsjungen Johnny trifft. Als die Lady Luck von Piraten angegriffen wird, muss sich erweisen, ob Hein ein echter Klabauter ist – und ein echter Freund obendrein …

48
theme/static/css/custom.css
View File

@ -36,22 +36,33 @@ a {
/* /*
* Settings specific to breakpoints * Settings specific to breakpoints
*/ */
@media screen and (min-width: 768px) { @media (min-width: 576px) {
.card { .card {
max-width: calc(50% - var(--pico-block-spacing-horizontal)); max-width: calc(50% - var(--pico-block-spacing-horizontal));
} }
} }
@media screen and (min-width: 1024px) { @media (min-width: 1024px) {
.card { .card {
max-width: calc(33% - var(--pico-block-spacing-horizontal)); max-width: calc(33% - var(--pico-block-spacing-horizontal));
} }
} }
@media (min-width: 1280px) {
.container {
max-width: 1170px;
}
}
@media screen and (min-width: 1536px) { @media screen and (min-width: 1536px) {
.card { .card {
max-width: calc(25% - var(--pico-block-spacing-horizontal)); max-width: calc(25% - var(--pico-block-spacing-horizontal));
} }
.container {
max-width: 1280px;
}
} }
/* /*
@ -89,18 +100,33 @@ a {
} }
/* Navbar */ /* Navbar */
#site-navar {
padding-left: 0;
padding-right: 0;
}
#site-navbar ul {
/* box-shadow: var(--pico-card-box-shadow); */
margin-left: 0;
margin-right: 0;
li:last-child {
padding-right: 0;
}
}
#site-navbar a { #site-navbar a {
font-size: calc(var(--pico-font-size) * 0.9);
font-weight: bold; font-weight: bold;
} }
/* Main content */ /* Main content */
#main-content {} #main-header h1,
#site-footer p {
#main-header { background: linear-gradient(to right, #FCEFD9, white, #FCEFD9);
/* margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1); box-shadow: var(--pico-card-box-shadow);
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1); padding: calc(var(--pico-block-spacing-horizontal) * 0.5) calc(var(--pico-block-spacing-vertical) * 0.5);
padding: var(--pico-block-spacing-horizontal) var(--pico-block-spacing-vertical); text-align: center;
text-align: center; */
} }
.cards { .cards {
@ -114,7 +140,7 @@ a {
.card { .card {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
flex: 1 0; flex: 1 0 100%;
list-style-type: none; list-style-type: none;
padding-left: calc(var(--pico-spacing) * 0.5); padding-left: calc(var(--pico-spacing) * 0.5);
padding-right: calc(var(--pico-spacing) * 0.5); padding-right: calc(var(--pico-spacing) * 0.5);
@ -138,6 +164,8 @@ a {
.article-body { .article-body {
text-align: center;
img { img {
height: 270px; height: 270px;
} }

3
theme/templates/base.html
View File

@ -19,12 +19,11 @@
<body> <body>
<header> <header>
<div id="jumbotron">{% include "includes/jumbotron.html" %}</div> <div id="jumbotron">{% include "includes/jumbotron.html" %}</div>
<nav id="site-navbar">{% include "includes/navbar.html" %}</nav>
</header> </header>
<main class="container"> <main class="container">
<div id="main-content" role="document"> <div id="main-content" role="document">
<div id="main-header" class="shadow"> <div id="main-header">
{% block content_header %} {% block content_header %}
{% endblock %} {% endblock %}
</div> </div>

8
theme/templates/includes/jumbotron.html
View File

@ -3,8 +3,12 @@
<h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1> <h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
</div> </div>
</div> </div>
{% if SITESUBTITLE %} {#% if SITESUBTITLE %}
<div class="container" id="jumbotron-subtitle"> <div class="container" id="jumbotron-subtitle">
<h2>{{ SITESUBTITLE }}</h2> <h2>{{ SITESUBTITLE }}</h2>
</div> </div>
{% endif %} {% endif %#}
<div class="container" id="jumbotron-subtitle">
<nav id="site-navbar">{% include "includes/navbar.html" %}</nav>
</div>

10
theme/templates/includes/navbar.html
View File

@ -1,5 +1,8 @@
<div class="container"> {#<div class="container">#}
<ul class="shadow"> <ul>
<h2>{{ SITESUBTITLE }}</h2>
</ul>
<ul>
{% for title, link in MENUITEMS %} {% for title, link in MENUITEMS %}
{% if link == url %} {% if link == url %}
<li aria-current="page"> <li aria-current="page">
@ -10,4 +13,5 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> {#
</div>#}