font tweaking on main index

master
ugrnm 7 years ago
parent f6cfe3ee41
commit 335cea768f

@ -4,6 +4,7 @@
<meta charset="utf-8">
<title>XPUB Special Issues</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/osp-din" type="text/css"/>
</head>
<body>
@ -13,63 +14,63 @@
<iframe src="01" scrolling="no"></iframe>
<div class="info">
<h2><a href="01">Issue 01</a></h2>
<h3>20161210 OP=OP</h3>
<h2>OP=OP<br />20161210</h2>
</div>
</div>
<div class="element">
<iframe src="02" scrolling="no"></iframe>
<div class="info">
<h2><a href="02">Issue 02</a></h2>
<h3>20170324 TGC #3</h3>
<h2>TGC #3<br />20170324</h2>
</div>
</div>
<div class="element">
<iframe src="03" scrolling="no"></iframe>
<div class="info">
<h2><a href="03">Issue 03</a></h2>
<h3>XXXXXXXX Interfacing the Law</h3>
<h2>Interfacing the Law<br />TBA</h2>
</div>
</div>
<div class="element">
<iframe src="04" scrolling="no"></iframe>
<div class="info">
<h2><a href="04">Issue 04</a></h2>
<h3>???</h3>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="05" scrolling="no"></iframe>
<div class="info">
<h2><a href="05">Issue 05</a></h2>
<h3>???</h3>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="06" scrolling="no"></iframe>
<div class="info">
<h2><a href="06">Issue 06</a></h2>
<h3>???</h3>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="07" scrolling="no"></iframe>
<div class="info">
<h2><a href="07">Issue 07</a></h2>
<h3>???</h3>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="08" scrolling="no"></iframe>
<div class="info">
<h2><a href="08">Issue 08</a></h2>
<h3>???</h3>
<h2>???</h2>
</div>
</div>
<div class="element">
<iframe src="09" scrolling="no"></iframe>
<div class="info">
<h2><a href="09">Issue 09</a></h2>
<h3>???</h3>
<h2>???</h2>
</div>
</div>
</div>

@ -1,15 +1,25 @@
body {
/*background: linear-gradient( 45deg, blue, red );*/
color: #FFF;
font-family: 'OSPDINDIN';
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
h1 {
font-size: calc(3vW + 3vH);
font-size: calc(4vW + 4vH);
line-height: calc(0.5vW + 0.5vH);
text-align: center;
font-weight: normal;
}
h2 {
font-size: calc(1.5vW + 1.5vH);
line-height: calc(1.25vW + 1.25vH);
font-weight: normal;
text-align: center;
}
#container {
@ -23,4 +33,6 @@ iframe {
}
a, a:visited {color: black;}
a, a:visited {
color: #FFF;
}

Loading…
Cancel
Save