blog | Gitar

Remove old code from the post template

Author: Maarten Vangeneugden
Date: April 15, 2025, 4:46 p.m.
Hash: 1b630dec458eeb145a3364735bbc814de8a87d50
Parent: 0cd7b44b3abcb8d7cf9900060d4251625b0d28c2
Modified file: templates/blog/post.djhtml

templates/blog/post.djhtml ¶

0 additions and 40 deletions.

View changes Hide changes

{% load humanize %}
{% load i18n %}
{% load static %}


{% block stylesheets %}
{{ block.super }}
<style>
pre {
    border-style: dashed;
    padding: 1em;
    display: inline-block;
}
span.bu {
    color: #FF9800;
}
span.im {
    color: #FF9800;
    font-weight: bold;
}
span.op {
    color: #33691E;
}
span.fl {
    color: #0e84b5;
}
span.dv {
    color: #00BCD4;
}
span.cf {
    color: #E91E63;
    font-weight: bold;
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url({% get_static_prefix %}fonts/merriweather-400-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url({% get_static_prefix %}fonts/merriweather-400-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url({% get_static_prefix %}fonts/merriweather-700-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background-color: #0d1521; /*#0d47a1; /* Material blue P900 */
}
/*
header {
    background-color: #3e2723;
}*/
section.article {
    /*background-color: #efebe9;/*rgb(210, 188, 157);*/
    font-family: Merriweather, serif;
    /*color: var(--light-black);*/

}

/*section.article @media (prefers-color-scheme: dark) {
        background-color: var(--P100);
        background-color: red;
    }*/
.comment {
    margin-left: 0.2em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    border-left-style: solid;
    border-color: var(--primary);
}
.recently-posted {
    background-color: var(--P100);
}

span.small-detail {
    font-size: smaller;
    color: grey;
}
</style>
{% endblock stylesheets %}

{% block description %}
Een artikel van Maarten Vangeneugden.
{#{{ article.text|safe|truncatewords_html:10 }}#}
{% endblock description %}
{% block title %}📚 {{ navbar_title }}{% endblock title %}


{% block header %}
<header>
    <label for="nav-drawer-toggle">≡</label>
    <h1>{{ navbar_title }}</h1>
</header>
{% endblock header %}

{% block nav %}
<input id="nav-drawer-toggle" type="checkbox">
<nav>
    <label for="nav-drawer-toggle">🡠</label>
    <h2>{% translate "Table of contents" %}</h2>
    <a class="nav-link" href="{% url "blog-index" %}">{% translate "Blog index" %}</a>
    <a class="nav-link" href="{% url "about-index" %}">{% translate "Main page" %}</a>
    <hr class="half">
    {% for header, slug in article.headings %}
    <a class="nav-link" href="#{{ slug }}">{{ header }}</a>
    {% endfor %}
</nav>
{% endblock nav %}

{% block main %}
<section class="article">
    <!--<article style="font-family:serif;">-->
    {#{{ article.text|safe }}#}
    {#{% include "/tmp/blog-file.djhtml" %}#}
    {% include djhtml_file %}

    <!--</article>-->
</section>

{% if comment_response %}
<div class="snackbar">
    {{ comment_response }}
</div>
{% endif %}

<section class="reagoj">
    <h2>{% translate "Comments" %}</h2>
    <form method="POST" action="#reagoj">
        {% csrf_token %}
        <input type="hidden" name="reaction_to" value="">
        <input type="hidden" name="post" value="{{ article.post.id }}">
        <input type="text" id="name-root" name="name" maxlength="64" required>
        <label for="name-root">{% translate "Your name" %}</label><br>
        <textarea placeholder="{% translate "Your comment" %}" rows="2" cols="30" name="text" id="text-{{ comment.id }}" maxlength="10000" required></textarea><br>
        <input type="submit" value="{% translate "Submit" %}">
    </form>
    <hr>
    {% for root_comment in root_comments %}
        {% include "blog/comment.djhtml" with comment=root_comment %}
    {% endfor %}
</section>

{% comment %}
<h5 class="white-text">{% trans "This article in other languages" %}</h5>

{% get_language_info for 'nl' as LANG %}
<a {% if dutch_link %} href="{{dutch_link}}" {% endif %}
   class="btn fill
   {% if not dutch_link %}disabled{% endif %}">
    🇧🇪 {{ LANG.name_translated}} 🇳🇱
</a>
{% get_current_language as lang %}
{% get_language_info for 'fr' as LANG %}
<a {% if french_link %} href="{{french_link}}" {% endif %}
   class="btn fill
   {% if not french_link %}disabled{% endif %}">
    🇧🇪 {{ LANG.name_translated}} 🇫🇷
</a>
{% get_language_info for 'en' as LANG %}
<a {% if english_link %} href="{{english_link}}" {% endif %}
   class="btn fill
   {% if not english_link %}disabled{% endif %}">
    🇬🇧 {{ LANG.name_translated}} 🇺🇸
</a>
{% get_language_info for 'de' as LANG %}
<a {% if german_link %} href="{{german_link}}" {% endif %}
   class="btn fill
   {% if not german_link %}disabled{% endif %}">
    🇧🇪 {{ LANG.name_translated}} 🇩🇪
</a>
{% get_language_info for 'es' as LANG %}
<a {% if spanish_link %} href="{{spanish_link}}" {% endif %}
   class="btn
   {% if not spanish_link %}disabled{% endif %}">
    🇪🇸 {{ LANG.name_translated}} 🇲🇽
</a>
{% endcomment %}

{% comment %}
<a href="{% url 'blog-post' post_slug %}" class="btn {{accent_color}} accent-4 black-text tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans "Multilingual link. Links to the version in the viewer's preferred language." %}">🏳️‍🌈 {% trans "All available languages" %}</a>
    {# TODO: Change to rainbow flag when possible #}
{% endcomment %}
    </div>

</div>
{% endblock main %}


1	1	{% load humanize %}
2	2	{% load i18n %}
3	3	{% load static %}
4	4
5	5
6	6	{% block stylesheets %}
7	7	{{ block.super }}
8	8	<style>
9	9	pre {
10	10	border-style: dashed;
11	11	padding: 1em;
12	12	display: inline-block;
13	13	}
14	14	span.bu {
15	15	color: #FF9800;
16	16	}
17	17	span.im {
18	18	color: #FF9800;
19	19	font-weight: bold;
20	20	}
21	21	span.op {
22	22	color: #33691E;
23	23	}
24	24	span.fl {
25	25	color: #0e84b5;
26	26	}
27	27	span.dv {
28	28	color: #00BCD4;
29	29	}
30	30	span.cf {
31	31	color: #E91E63;
32	32	font-weight: bold;
33	33	}
34	34	@font-face {
35	35	font-family: 'Merriweather';
36	36	font-style: italic;
37	37	font-weight: 400;
38	38	src: url({% get_static_prefix %}fonts/merriweather-400-italic.woff2) format('woff2');
39	39	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
40	40	}
41	41	@font-face {
42	42	font-family: 'Merriweather';
43	43	font-style: normal;
44	44	font-weight: 400;
45	45	src: url({% get_static_prefix %}fonts/merriweather-400-regular.woff2) format('woff2');
46	46	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
47	47	}
48	48	@font-face {
49	49	font-family: 'Merriweather';
50	50	font-style: normal;
51	51	font-weight: 700;
52	52	src: url({% get_static_prefix %}fonts/merriweather-700-regular.woff2) format('woff2');
53	53	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
54	54	}
55	55
56	56	body {
57	57	background-color: #0d1521; /#0d47a1; / Material blue P900 */
58	58	}
59	59	/*
60	60	header {
61	61	background-color: #3e2723;
62	62	}*/
63	63	section.article {
64	64	/background-color: #efebe9;/rgb(210, 188, 157);*/
65	65	font-family: Merriweather, serif;
66	66	/color: var(--light-black);/
67	67
68	68	}
69	69
70	70	/*section.article @media (prefers-color-scheme: dark) {
71	71	background-color: var(--P100);
72	72	background-color: red;
73	73	}*/
74	74	.comment {
75	75	margin-left: 0.2em;
76	76	padding-left: 0.5em;
77	77	padding-bottom: 0.5em;
78	78	border-left-style: solid;
79	79	border-color: var(--primary);
80	80	}
81	81	.recently-posted {
82	82	background-color: var(--P100);
83	83	}
84	84
85	85	span.small-detail {
86	86	font-size: smaller;
87	87	color: grey;
88	88	}
89	89	</style>
90	90	{% endblock stylesheets %}
91	91
92	92	{% block description %}
93	93	Een artikel van Maarten Vangeneugden.
94	94	{#{{ article.text\|safe\|truncatewords_html:10 }}#}
95	95	{% endblock description %}
96	96	{% block title %}📚 {{ navbar_title }}{% endblock title %}
97	97
98	98
99	99	{% block header %}
100	100	<header>
101	101	<label for="nav-drawer-toggle">≡</label>
102	102	<h1>{{ navbar_title }}</h1>
103	103	</header>
104	104	{% endblock header %}
105	105
106	106	{% block nav %}
107	107	<input id="nav-drawer-toggle" type="checkbox">
108	108	<nav>
109	109	<label for="nav-drawer-toggle">🡠</label>
110	110	<h2>{% translate "Table of contents" %}</h2>
111	111	<a class="nav-link" href="{% url "blog-index" %}">{% translate "Blog index" %}</a>
112	112	<a class="nav-link" href="{% url "about-index" %}">{% translate "Main page" %}</a>
113	113	<hr class="half">
114	114	{% for header, slug in article.headings %}
115	115	<a class="nav-link" href="#{{ slug }}">{{ header }}</a>
116	116	{% endfor %}
117	117	</nav>
118	118	{% endblock nav %}
119	119
120	120	{% block main %}
121	121	<section class="article">
122	122	<!--<article style="font-family:serif;">-->
123	123	{#{{ article.text\|safe }}#}
124	124	{#{% include "/tmp/blog-file.djhtml" %}#}
125	125	{% include djhtml_file %}
126	126
127	127	<!--</article>-->
128	128	</section>
129	129
130	130	{% if comment_response %}
131	131	<div class="snackbar">
132	132	{{ comment_response }}
133	133	</div>
134	134	{% endif %}
135	135
136	136	<section class="reagoj">
137	137	<h2>{% translate "Comments" %}</h2>
138	138	<form method="POST" action="#reagoj">
139	139	{% csrf_token %}
140	140	<input type="hidden" name="reaction_to" value="">
141	141	<input type="hidden" name="post" value="{{ article.post.id }}">
142	142	<input type="text" id="name-root" name="name" maxlength="64" required>
143	143	<label for="name-root">{% translate "Your name" %}</label><br>
144	144	<textarea placeholder="{% translate "Your comment" %}" rows="2" cols="30" name="text" id="text-{{ comment.id }}" maxlength="10000" required></textarea><br>
145	145	<input type="submit" value="{% translate "Submit" %}">
146	146	</form>
147	147	<hr>
148	148	{% for root_comment in root_comments %}
149	149	{% include "blog/comment.djhtml" with comment=root_comment %}
150	150	{% endfor %}
151	151	</section>
152	152
153	153	{% comment %}
154	-	<h5 class="white-text">{% trans "This article in other languages" %}</h5>
155	-
156	-	{% get_language_info for 'nl' as LANG %}
157	-	<a {% if dutch_link %} href="{{dutch_link}}" {% endif %}
158	-	class="btn fill
159	-	{% if not dutch_link %}disabled{% endif %}">
160	-	🇧🇪 {{ LANG.name_translated}} 🇳🇱
161	-	</a>
162	-	{% get_current_language as lang %}
163	-	{% get_language_info for 'fr' as LANG %}
164	-	<a {% if french_link %} href="{{french_link}}" {% endif %}
165	-	class="btn fill
166	-	{% if not french_link %}disabled{% endif %}">
167	-	🇧🇪 {{ LANG.name_translated}} 🇫🇷
168	-	</a>
169	-	{% get_language_info for 'en' as LANG %}
170	-	<a {% if english_link %} href="{{english_link}}" {% endif %}
171	-	class="btn fill
172	-	{% if not english_link %}disabled{% endif %}">
173	-	🇬🇧 {{ LANG.name_translated}} 🇺🇸
174	-	</a>
175	-	{% get_language_info for 'de' as LANG %}
176	-	<a {% if german_link %} href="{{german_link}}" {% endif %}
177	-	class="btn fill
178	-	{% if not german_link %}disabled{% endif %}">
179	-	🇧🇪 {{ LANG.name_translated}} 🇩🇪
180	-	</a>
181	-	{% get_language_info for 'es' as LANG %}
182	-	<a {% if spanish_link %} href="{{spanish_link}}" {% endif %}
183	-	class="btn
184	-	{% if not spanish_link %}disabled{% endif %}">
185	-	🇪🇸 {{ LANG.name_translated}} 🇲🇽
186	-	</a>
187	-	{% endcomment %}
188	-
189	-	{% comment %}
190	-	<a href="{% url 'blog-post' post_slug %}" class="btn {{accent_color}} accent-4 black-text tooltipped" data-position="bottom" data-delay="50" data-tooltip="{% trans "Multilingual link. Links to the version in the viewer's preferred language." %}">🏳️‍🌈 {% trans "All available languages" %}</a>
191	-	{# TODO: Change to rainbow flag when possible #}
192	-	{% endcomment %}
193	-	</div>
194	154
195	155	</div>
196	156	{% endblock main %}
197	157