HTML/Tera templates: allow line breaks in devlog titles, using '~'

Author: Bromeon

website/templates/devlog-page.html

@@ -10,7 +10,7 @@
 {% block content %}
 <div class="flex items-center flex-col mt-10">
   <div class="markdown-content">
-      <h1>{{ page.title }}</h1>
+      <h1>{{ page.title | replace(from="~", to="<br>") | safe }}</h1>
   </div>
 
   <div class="author-date">

website/templates/devlog.html

@@ -34,20 +34,15 @@
 
       {# linked icon (like PR) could come here #}
 
-      <div class="flex-grow border border-2 doc-button rounded-xl p-5 shadow-2xl transform transition duration-300 hover:scale-105
-          {% if page.title == 'master' %}
-            button-background
-          {% else %}
-            button-background-2
-          {% endif %}
-        ">
+      <!-- Article title -->
+      <div class="flex-grow border border-2 doc-button rounded-xl p-5 shadow-2xl transform transition duration-300 hover:scale-105 button-background-2">
         <a href="{{ page.permalink }}" class="pr-link-box" title="API docs for {{ page.title }}"></a>
         <div class="flex flex-col justify-center"><!-- py-2 -->
-          <h3 class="pr-num">{{ page.title }}</h3>
+          <h3 class="pr-num">{{ page.title | replace(from="~", to="<br>") | safe }}</h3>
           <p>{{ page.description }}</p>
         </div>
 
-        <!-- PR title -->
+        <!-- Article subtitle/summary -->
         <div class="flex flex-wrap py-2">
           <div class="flex items-center">
             <div class="pr-content flex space-x-3 text-gray-900 dark:text-gray-400">