Merge branch 'master' of git.xpub.nl:/var/www/git.xpub.nl/repos/issue.xpub.nl
AlexRoidl
7 years ago
|
Before Width: | Height: | Size: 265 KiB After Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 290 KiB After Width: | Height: | Size: 216 KiB |
|
Before Width: | Height: | Size: 279 KiB After Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 378 KiB After Width: | Height: | Size: 296 KiB |
|
Before Width: | Height: | Size: 451 KiB After Width: | Height: | Size: 366 KiB |
|
Before Width: | Height: | Size: 480 KiB After Width: | Height: | Size: 393 KiB |
|
Before Width: | Height: | Size: 361 KiB After Width: | Height: | Size: 265 KiB |
|
Before Width: | Height: | Size: 266 KiB After Width: | Height: | Size: 180 KiB |
|
Before Width: | Height: | Size: 264 KiB After Width: | Height: | Size: 172 KiB |
|
After Width: | Height: | Size: 368 KiB |
|
After Width: | Height: | Size: 303 B |
|
After Width: | Height: | Size: 233 KiB |
|
After Width: | Height: | Size: 680 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 7.3 MiB |
|
After Width: | Height: | Size: 426 KiB |
@ -0,0 +1,67 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="170mm"
|
||||||
|
height="170mm"
|
||||||
|
viewBox="0 0 170 170"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
inkscape:version="0.92.1 r15371"
|
||||||
|
sodipodi:docname="unknown.svg">
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="1.4"
|
||||||
|
inkscape:cx="20.82179"
|
||||||
|
inkscape:cy="630.12817"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1280"
|
||||||
|
inkscape:window-height="736"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="27"
|
||||||
|
inkscape:window-maximized="1" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-127)">
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
|
||||||
|
d="m 2.8655718,130.1158 h 4.7289546 v 2.47176 h 2.6043506 v 1.95932 l -0.6510878,0.63301 -0.6168196,-1.1153 -0.2398752,0.33157 -0.5825514,-0.84401 -0.7538921,0.96459 -0.4454809,-0.75358 -1.0965691,-0.0302 -1.062301,1.38659 -1.1308371,-1.26602 H 2.8998395 Z"
|
||||||
|
id="path21"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
|
||||||
|
d="m 10.16461,136.0842 v 1.89903 H 2.8313041 v -1.74832 l 0.5482843,-0.72344 1.4049792,1.35645 1.130837,-1.44689 0.4797489,0.57273 0.2741423,-0.24114 0.6853551,1.02487 0.6168204,-0.99473 0.7538908,0.9043 0.5482852,-0.78373 z"
|
||||||
|
id="path23"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,105 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<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>
|
||||||
|
<div id="header"><h1>XPUB Special Issues</h1></div>
|
||||||
|
<div id="container">
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="01" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="01">Issue 01</a></h2>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
<h2>Interfacing the Law<br />20170615</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="04" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="04">Issue 04</a></h2>
|
||||||
|
<h2>20171207</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="05" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="05">Issue 05</a></h2>
|
||||||
|
<h2>???</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="06" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="06">Issue 06</a></h2>
|
||||||
|
<h2>???</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="07" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="07">Issue 07</a></h2>
|
||||||
|
<h2>???</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="08" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="08">Issue 08</a></h2>
|
||||||
|
<h2>???</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="element">
|
||||||
|
<iframe src="09" scrolling="no"></iframe>
|
||||||
|
<div class="info">
|
||||||
|
<h2><a href="09">Issue 09</a></h2>
|
||||||
|
<h2>???</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
function rand_deg(){
|
||||||
|
var deg = Math.round(Math.random()*180)+'deg';
|
||||||
|
return deg
|
||||||
|
}
|
||||||
|
function rand_rgb(){
|
||||||
|
function rand(){v = Math.round(Math.random()*255);
|
||||||
|
return v}
|
||||||
|
var color = 'rgb('+rand()+','+ rand() +','+ rand() + ')'
|
||||||
|
return color
|
||||||
|
}
|
||||||
|
|
||||||
|
var gradient = 'background:linear-gradient(' +
|
||||||
|
rand_deg() + ',' +
|
||||||
|
rand_rgb() +
|
||||||
|
',' +
|
||||||
|
rand_rgb() +
|
||||||
|
')';
|
||||||
|
|
||||||
|
var body = document.getElementsByTagName("body")[0];
|
||||||
|
body.setAttribute("style", gradient);
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,224 @@
|
|||||||
|
body{
|
||||||
|
min-width: 1024px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 22px;
|
||||||
|
background-color: rgb(254,247,220);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* header, intro (on the left), future (for future issues) */
|
||||||
|
.intro, .issue.future{
|
||||||
|
font-family: 'default';
|
||||||
|
}
|
||||||
|
header{
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 10px;
|
||||||
|
top:0;
|
||||||
|
padding:0;
|
||||||
|
z-index: 1;
|
||||||
|
background-image: url('img/header.png');
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.intro{
|
||||||
|
position: absolute;
|
||||||
|
width: 160px;
|
||||||
|
height:100vh;
|
||||||
|
top:20px;
|
||||||
|
padding:10px;
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 14pt;
|
||||||
|
color:rgb(15,15,93);
|
||||||
|
}
|
||||||
|
.intro p{
|
||||||
|
margin:0 0 10px;
|
||||||
|
}
|
||||||
|
.intro b{
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
.intro a{
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
.issue.future{
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
.issue.future div.issue-img{
|
||||||
|
width: 100%;
|
||||||
|
border:1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* custom rules per issue */
|
||||||
|
/* the font size is adjusted here in % to balance the differences in size between fonts out. */
|
||||||
|
.issue#special-issue-1{
|
||||||
|
font-family: 'special-issue-1';
|
||||||
|
letter-spacing: 0.2px;
|
||||||
|
}
|
||||||
|
.issue#special-issue-2{
|
||||||
|
font-family: 'special-issue-2';
|
||||||
|
font-size: 170%;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
.issue#special-issue-3{
|
||||||
|
font-family: 'special-issue-3';
|
||||||
|
font-size: 120%;
|
||||||
|
letter-spacing: 2.5px;
|
||||||
|
}
|
||||||
|
.issue#special-issue-4{
|
||||||
|
font-family: 'special-issue-4';
|
||||||
|
font-size: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rules for the general structural elements */
|
||||||
|
section{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: columns;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin:0 14px;
|
||||||
|
padding-top:80px;
|
||||||
|
padding-left:170px;
|
||||||
|
}
|
||||||
|
.issue{
|
||||||
|
flex:3 3 auto;
|
||||||
|
display: inline-block;
|
||||||
|
width: calc(33.3% - 42px);
|
||||||
|
vertical-align: top;
|
||||||
|
margin:0 0 80px;
|
||||||
|
padding:0 15px;
|
||||||
|
color:rgb(40,40,40);
|
||||||
|
}
|
||||||
|
.issue-title, .issue-nr{
|
||||||
|
font-size: 275%;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
.issue-title, .issue-nr, .issue-date{
|
||||||
|
margin:15px 0 15px 20px;
|
||||||
|
}
|
||||||
|
.issue-nr{
|
||||||
|
margin-top:0;
|
||||||
|
}
|
||||||
|
.issue-date{
|
||||||
|
height: 22px;
|
||||||
|
}
|
||||||
|
.issue-img{
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
.issue-img img{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.issue-text{
|
||||||
|
margin:15px 10px 0 20px;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
.issue-text p{
|
||||||
|
margin:13px 0;
|
||||||
|
}
|
||||||
|
/* prevent hyphens in the list of names */
|
||||||
|
.issue-text p:last-of-type{
|
||||||
|
-webkit-hyphens: none;
|
||||||
|
-ms-hyphens: none;
|
||||||
|
hyphens: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* links */
|
||||||
|
a, a:active, a:visited{
|
||||||
|
color:inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a img{
|
||||||
|
-webkit-filter:grayscale(100%);
|
||||||
|
}
|
||||||
|
a img:hover{
|
||||||
|
-webkit-filter:grayscale(0%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* responsive rules for mobile */
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
body{
|
||||||
|
min-width: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
div.intro{
|
||||||
|
position: relative;
|
||||||
|
width: calc(100% - 40px);
|
||||||
|
height: auto;
|
||||||
|
margin:10px 20px 80px 20px;
|
||||||
|
padding:0;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
div.background img{
|
||||||
|
position: fixed;
|
||||||
|
width: 90%;
|
||||||
|
margin:50px 5%;
|
||||||
|
left:0;
|
||||||
|
}
|
||||||
|
section{
|
||||||
|
width: 100%;
|
||||||
|
left:0;
|
||||||
|
top:0;
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.issue{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 0 80px 0;
|
||||||
|
}
|
||||||
|
.issue-title, .issue-nr, .issue-abstract, .issue-date, .issue-text{
|
||||||
|
margin:20px;
|
||||||
|
padding:0;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.issue-title, .issue-nr{
|
||||||
|
line-height: 50px;
|
||||||
|
margin-left: 60px
|
||||||
|
}
|
||||||
|
.issue-nr{
|
||||||
|
max-width: 75%;
|
||||||
|
}
|
||||||
|
.issue-abstract{
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
.issue-date{
|
||||||
|
margin-top:0;
|
||||||
|
margin-left: 60px
|
||||||
|
}
|
||||||
|
.issue.future div.issue-img{
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fonts */
|
||||||
|
@font-face{
|
||||||
|
font-family:'special-issue-1';
|
||||||
|
src:url('fonts/GT-Cinetype-Bold.otf');
|
||||||
|
}
|
||||||
|
@font-face{
|
||||||
|
font-family:'special-issue-2';
|
||||||
|
src:url('fonts/Gidugu.ttf');
|
||||||
|
}
|
||||||
|
@font-face{
|
||||||
|
font-family:'special-issue-3';
|
||||||
|
src:url('fonts/dashness.ttf');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'special-issue-4';
|
||||||
|
src: url('fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/LibreBaskerville-Regular.woff') format('woff'), url('fonts/LibreBaskerville-Regular.ttf') format('truetype'), url('fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
|
||||||
|
}
|
||||||
|
@font-face{
|
||||||
|
font-family:'default';
|
||||||
|
src:url('fonts/cmunvt.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face{
|
||||||
|
font-family:'default';
|
||||||
|
src:url('fonts/cmunvi.ttf') format('truetype');
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||