work arounds for small-caps and funky page breaks

workspace
Brendan Howell 5 years ago
parent 667a9bfba9
commit 355a705be0

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

Loading…
Cancel
Save