template.dtl (3000B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 {% block html-head %} 5 <title> 6 {{ title }} 7 {% if year %} 8 - {{ year }}/{{ month }} 9 {% endif %} 10 </title> 11 <style> 12 header#miniblog-header { width: 100%; } 13 section#miniblog-left { float: left; width: 15%; } 14 section#miniblog-main { float: left; width: 63%; padding-left: 1%; padding-right: 1%; } 15 nav#miniblog-nav { float: left; width: 20%; } 16 div#miniblog-rss { clear: both; } 17 table.calendar { padding: 10px; float: left; } 18 table.calendar td { width: 25%; } 19 ul.page-list { list-style: none; margin: 0; padding: 0 0 0 10px; } 20 @media screen and (max-aspect-ratio: 1/1) { 21 section#miniblog-left { float: none; width: 100%; } 22 section#miniblog-main { float: none; width: 100%; } 23 nav#miniblog-nav { float: none; width: 100%; } 24 } 25 26 /* Youtube embed stuff */ 27 .yt-container { 28 position: relative; 29 width: 96%; 30 height: 0; 31 padding-bottom: 56.25%; 32 } 33 .yt-video { 34 position: absolute; 35 top: 0; 36 left: 0; 37 width: 100%; 38 height: 100%; 39 } 40 </style> 41 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 42 {% if stylesheet %} 43 <link rel="stylesheet" type="text/css" href="{{ stylesheet }}"> 44 {% endif %} 45 {% if enable-rss %} 46 <link rel="alternate" type="application/rss+xml" 47 title="RSS feed for {{ title }}" 48 href="{{ root-uri }}rss.xml"> 49 {% endif %} 50 {% endblock %} 51 </head> 52 <body> 53 <header id="miniblog-header"> 54 {% block header %} 55 {% if header %} 56 {% include header %} 57 {% endif %} 58 {% endblock %} 59 </header> 60 <section id="miniblog-left" role="menu"> 61 {% block left %} 62 <a href="/">Home</a><br> 63 {% if pages %} 64 {% page-tree path pages root-uri %} 65 {% endif %} 66 <br> 67 {% if links %} 68 {% for link in links %} 69 {% if link.link %} 70 <a href="{{ link.link }}">{{ link.text }}</a><br> 71 {% else %} 72 {% if link.text %} 73 {{ link.text }}<br> 74 {% else %} 75 <br> 76 {% endif %} 77 {% endif %} 78 {% endfor %} 79 {% endif %} 80 {% endblock %} 81 </section> 82 <section id="miniblog-main"> 83 {% block main %} 84 {% endblock %} 85 </section> 86 <nav id="miniblog-nav"> 87 {% block nav %} 88 {% if archive-date-list %} 89 {% nav-calendar archive-date-list root-uri %} 90 {% endif %} 91 {% if enable-rss %} 92 <div id="miniblog-rss" role="note"> 93 <a href="{{ root-uri }}rss.xml" target="_blank"> 94 Subscribe to {{ title }} 95 </a> 96 </div> 97 {% endif %} 98 {% endblock %} 99 </nav> 100 </body> 101 </html>