font tweaking on main index

master
ugrnm 8 years ago
parent f6cfe3ee41
commit 335cea768f

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

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

Loading…
Cancel
Save