miniblog

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

template.dtl (3090B)

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