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 RELATIVE_URLS = True
THEME = "theme/" 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 * Regular CSS
*/ */
/* Jumbotron (site name and subtitle) */ /* Jumbotron */
#jumbotron-title { #jumbotron-title {
border-bottom: thin solid black; border-bottom: thin solid black;
}
#jumbotron { h1 {
#jumbotron-title h1 {
font-size: 3rem; font-size: 3rem;
font-weight: 500; font-weight: 500;
margin-bottom: 10px; margin-bottom: 10px;
@ -52,10 +50,19 @@ a {
color: var(--pico-h1-color); color: var(--pico-h1-color);
} }
} }
}
#jumbotron-subtitle h2 { #jumbotron-subtitle h2 {
font-size: 2.2rem; font-size: 2.1rem;
font-weight: 500; font-weight: 500;
margin-top: 10px; 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 %} {% for css in STYLESHEET_FILES %}
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ css }}" /> <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ css }}" />
{% endfor %} {% endfor %}
<title> <title>{% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{%
{% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{% endif %}{% endblock %}</title>
endif %}{% endblock %}
</title>
</head> </head>
<body> <body>
<header> <header>
<div id="jumbotron">{% include "includes/jumbotron.html" %}</div> <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> </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> </body>
</html> </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>

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

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