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

more theming and CSS

Browse Source
This commit is contained in:
eclipse 2025-02-04 20:54:22 +01:00
parent fc611c55e0
commit f0a0ac79e4
6 changed files with 58 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pelicanconf.py
View File

@ -37,7 +37,14 @@ DEFAULT_PAGINATION = 5
RELATIVE_URLS = True
THEME = "theme/"
DISPLAY_PAGES_ON_MENU = True
DISPLAY_PAGES_ON_MENU = False
MENUITEMS = (
("Werke", "/werke/"),
("Neues", "/neues/"),
("Termine", "/termine/"),
("Autor", "/autor/"),
("Kontakt", "/kontakt/")
)
###############################################################################

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

@ -37,13 +37,11 @@ a {
* Regular CSS
*/
/* Jumbotron (site name and subtitle) */
/* Jumbotron */
#jumbotron-title {
border-bottom: thin solid black;
}
#jumbotron {
#jumbotron-title h1 {
h1 {
font-size: 3rem;
font-weight: 500;
margin-bottom: 10px;
@ -52,10 +50,19 @@ a {
color: var(--pico-h1-color);
}
}
}
#jumbotron-subtitle h2 {
font-size: 2.2rem;
font-weight: 500;
margin-top: 10px;
#jumbotron-subtitle h2 {
font-size: 2.1rem;
font-weight: 500;
margin-top: 10px;
}
/* site navbar */
#site-navbar>div>ul {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
a {
font-weight: bold;
}
}

25
theme/templates/base.html
View File

@ -8,21 +8,32 @@
{% for css in STYLESHEET_FILES %}
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ css }}" />
{% endfor %}
<title>
{% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{%
endif %}{% endblock %}
</title>
<title>{% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{%
endif %}{% endblock %}</title>
</head>
<body>
<header>
<div id="jumbotron">{% include "includes/jumbotron.html" %}</div>
<nav id="navbar" class="container">{% include "includes/navbar.html" %}</nav>
<nav id="site-navbar">{% include "includes/navbar.html" %}</nav>
</header>
<main class="container"></main>
<main class="container">
{% block container_header %}
{% endblock %}
<footer class="container">{% include "includes/footer.html" %}</footer>
{% block content_header %}
{% endblock %}
{% block content_body %}
{% endblock %}
{% block content_footer %}
{% endblock %}
{% block container_footer %}
{% endblock %}
</main>
<footer id="site-footer">{% include "includes/footer.html" %}</footer>
</body>
</html>

4
theme/templates/includes/footer.html
View File

@ -1 +1,3 @@
<p>Dies ist der Footer. Trololol.</p>
<div class="container">
<p>Dies ist der Footer. Trololol.</p>
</div>

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

@ -7,4 +7,4 @@
<div class="container" id="jumbotron-subtitle">
<h2>{{ SITESUBTITLE }}</h2>
</div>
{% endif %}
{% endif %}

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

@ -1,19 +1,13 @@
<ul>
<li><strong>Start</strong></li>
</ul>
<ul>
{% for title, link in MENUITEMS %}
<li><a href="{{ link }}">{{ title }}</a></li>
{% endfor %}
{% if DISPLAY_PAGES_ON_MENU %}
{% for item in pages %}
{% if page is defined and page.url == item.url %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="{{ item.link }}">{{ item.title }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
<div class="container">
<ul>
{% for title, link in MENUITEMS %}
{% if link == url %}
<li aria-current="page">
{% else %}
<li>
{% endif %}
<a href="{{ link }}">{{ title }}</a>
</li>
{% endfor %}
</ul>
</div>