miniblog

Miniblog: A command-line static blog system in Common Lisp
Log | Files | Refs | README | LICENSE

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>