work arounds for small-caps and funky page breaks

5 years ago · 355a705be0
parent 667a9bfba9
commit 355a705be0
1 changed files with 10 additions and 10 deletions
--- a/screenless/bureau/publications/news.html
+++ b/screenless/bureau/publications/news.html
@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
  <title>NEWS</title>
  <meta charset="utf-8">
-  <base href=".">
  <style type="text/css">
    @media print {
      @page {
@ -10,10 +10,6 @@
        margin: 1cm;
      }
    }
-    /* @font-face {
-      font-family: Fold;
-      src: url("fonts/Fold.otf") format("opentype");
-    } */
    html {
      font-size: 100%;
    }
@ -32,11 +28,13 @@
      text-decoration: none;
      color: inherit;
    }
+    #columnspacer {
+      width: 100%;
+      height: 1em;
+    }
    #columns {
      column-count: 4;
-      text-align: justify;
      clear: both;
-      margin-top: 1em;
    }
    #masthead {
      font-family: "Fold";
@ -73,7 +71,7 @@
    .entry .title{
      font-weight: bold;
      font-variant: small-caps;
-      text-align: justify;
+      /* text-align: justify; */
    }
    .entry .source{
      font-style: italic;
@ -131,13 +129,15 @@
      clear: both;
    }
  </style>
+  </head>
 <body>
  <h1 id="masthead">Yesterday's Tomorrows</h1>
-  <div id="edition">
+  <!--div id="edition">
    <div id="motto">Semper Contemporarius</div>
    <div id="date">${date}</div>
    <div class="clearfloats"></div>
-  </div>
+  </div-->
+  <div id="columnspacer"> </div>
  <div id="columns">
    % for entry in news:
  <div class="entry">