refined overall design
This commit is contained in:
parent
1642f8d5eb
commit
c9b743c843
@ -4,7 +4,7 @@ Category: Romane
|
||||
Tags: Kinder- u. Jugendbuch, Fantasy, zweisprachig
|
||||
Author: Paul Jansen
|
||||
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
|
||||
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 …
|
||||
|
||||
@ -36,22 +36,33 @@ a {
|
||||
/*
|
||||
* Settings specific to breakpoints
|
||||
*/
|
||||
@media screen and (min-width: 768px) {
|
||||
@media (min-width: 576px) {
|
||||
.card {
|
||||
max-width: calc(50% - var(--pico-block-spacing-horizontal));
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
@media (min-width: 1024px) {
|
||||
.card {
|
||||
max-width: calc(33% - var(--pico-block-spacing-horizontal));
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
.container {
|
||||
max-width: 1170px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 1536px) {
|
||||
.card {
|
||||
max-width: calc(25% - var(--pico-block-spacing-horizontal));
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1280px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@ -89,18 +100,33 @@ a {
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
font-size: calc(var(--pico-font-size) * 0.9);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Main content */
|
||||
#main-content {}
|
||||
|
||||
#main-header {
|
||||
/* margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
|
||||
padding: var(--pico-block-spacing-horizontal) var(--pico-block-spacing-vertical);
|
||||
text-align: center; */
|
||||
#main-header h1,
|
||||
#site-footer p {
|
||||
background: linear-gradient(to right, #FCEFD9, white, #FCEFD9);
|
||||
box-shadow: var(--pico-card-box-shadow);
|
||||
padding: calc(var(--pico-block-spacing-horizontal) * 0.5) calc(var(--pico-block-spacing-vertical) * 0.5);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cards {
|
||||
@ -114,7 +140,7 @@ a {
|
||||
.card {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
flex: 1 0;
|
||||
flex: 1 0 100%;
|
||||
list-style-type: none;
|
||||
padding-left: calc(var(--pico-spacing) * 0.5);
|
||||
padding-right: calc(var(--pico-spacing) * 0.5);
|
||||
@ -138,6 +164,8 @@ a {
|
||||
|
||||
.article-body {
|
||||
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
height: 270px;
|
||||
}
|
||||
|
||||
@ -19,12 +19,11 @@
|
||||
<body>
|
||||
<header>
|
||||
<div id="jumbotron">{% include "includes/jumbotron.html" %}</div>
|
||||
<nav id="site-navbar">{% include "includes/navbar.html" %}</nav>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
<div id="main-content" role="document">
|
||||
<div id="main-header" class="shadow">
|
||||
<div id="main-header">
|
||||
{% block content_header %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
@ -3,8 +3,12 @@
|
||||
<h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
{% if SITESUBTITLE %}
|
||||
{#% if SITESUBTITLE %}
|
||||
<div class="container" id="jumbotron-subtitle">
|
||||
<h2>{{ SITESUBTITLE }}</h2>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %#}
|
||||
|
||||
<div class="container" id="jumbotron-subtitle">
|
||||
<nav id="site-navbar">{% include "includes/navbar.html" %}</nav>
|
||||
</div>
|
||||
@ -1,5 +1,8 @@
|
||||
<div class="container">
|
||||
<ul class="shadow">
|
||||
{#<div class="container">#}
|
||||
<ul>
|
||||
<h2>{{ SITESUBTITLE }}</h2>
|
||||
</ul>
|
||||
<ul>
|
||||
{% for title, link in MENUITEMS %}
|
||||
{% if link == url %}
|
||||
<li aria-current="page">
|
||||
@ -10,4 +13,5 @@
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{#
|
||||
</div>#}
|
||||
Loading…
Reference in New Issue
Block a user