XPUB
/
project.xpub.nl
65
1
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Merge branch 'master' of https://git.xpub.nl/XPUB/project.xpub.nl

Browse Source
master
alicestrt 6 years ago
parent b66dfb93c0 4834cb2922
commit 53dc46ddcc
8 changed files with 44 additions and 37 deletions
Show Stats Download Patch File Download Diff File

5
2019/Alexander_Roidl/index.html
Unescape Escape View File

@ -0,0 +1,5 @@
<html>
Alexander Roidl
<html>

3
2019/Angeliki_Diakrousi/empty.html → 2019/Angeliki_Diakrousi/index.html
Unescape Escape View File

@ -11,6 +11,7 @@
</head>
<body>
<img src='reasonable.jpg' width='50%'/>
<iframe src="https://hub.xpub.nl/screaming/" scrolling="no" allowtransparency="true" width="100%" height="1600px" frameborder="0"></iframe>
</body>
</html>

2
2019/Zalan_Szakacs/index.html
Unescape Escape View File

@ -0,0 +1,2 @@
test tesT

BIN
fonts/tenor.ttf
View File

Binary file not shown.

BIN
img/2018_grad_logo_inverted.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
img/xpub-logo-2019.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

40
index.html
Unescape Escape View File

@ -6,7 +6,7 @@
<title>XPUB Grad</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
</head>
@ -43,17 +43,17 @@
<div class='wrap'>
<div class='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
<div class='twowrap-trailer'>
<div class='iframe-container'>
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div id='2020-att1'>
<div class='wrap'>
<!--to avoid jumps, href for class='close' on top divs (corresponding to the most recent graduation year) should be left at '#'-->
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div>
@ -62,7 +62,7 @@
<img src='img/ex2.jpg'/>
<img src='img/ex3.jpg'/></div>
</div>
</div>
<div id='2020-att2'>
<div class='wrap'>
@ -142,15 +142,15 @@
<div class='wrap'>
<div class='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
<div class='twowrap-trailer'>
<div class='iframe-container'>
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div id='2019-att1'>
<div class='wrap'>
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div>
@ -160,13 +160,13 @@
<img src='img/ex3.jpg'/></div>
</div>
</div>
</div>
</div>
<div id='2018'>
<div id='2018-att-video'>
<div class='wrap'>
<div class='upbar'><a href="#"><p><span class='uptitle'>XPUB Gradshow 2018</span><span class='upclose'>X</span></p></a></div>
<div class='twowrap-trailer'>
<div class='video-container'>
<video controls="" width="100%">
<source src="https://media.xpub.nl/gradshow-2018-web.mp4" poster="" type="video/mp4">
@ -174,7 +174,7 @@
Try a recent version of Firefox or Chromium!
</video>
</div>
</div>
</div>
</div>
@ -258,11 +258,11 @@
<img src='img/ex2.jpg'/>
<img src='img/ex3.jpg'/></div>
</div>
</div>
</div>
</div>
</div>
@ -326,7 +326,7 @@
<p class='subcl2'><a href='empty.html' target="_blank" class='ext'>Project Name</a></p>
<p class='subcl3'><a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2020-att9' class='int'>IMG</a></p>
</div>
</div>
</div>
</div>
<div id='year2019' class='row'>
<div class='col1'><img src='img/logo.jpg' class='logo'/><p class='gradShow'>Grad Show Title</p><p>2019</p></div>
@ -343,7 +343,7 @@
</div>
<div class='subrow'>
<p class='subcl1'>Angeliki Diakrousi</p>
<p class='subcl2'><a href='2019/Angeliki_Diakrousi/empty.html' target="_blank" class='ext'>Project Name</p>
<p class='subcl2'><a href='2019/Angeliki_Diakrousi/index.html' target="_blank" class='ext'>Podcast Utterances</a></p>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att2' class='int'>IMG</a--></p>
</div>
<div class='subrow'>
@ -353,7 +353,7 @@
</div>
<div class='subrow'>
<p class='subcl1'>Alexander Roidl</p>
<p class='subcl2'><a href='2019/Alexander_Roidl/empty.html' target="_blank" class='ext'>Project Name</a></p>
<p class='subcl2'><a href='2019/Alexander_Roidl/index.html' target="_blank" class='ext'>Poetic Software</a></p>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att4' class='int'>IMG</a--></p>
</div>
<div class='subrow'>
@ -363,14 +363,14 @@
</div>
<div class='subrow'>
<p class='subcl1'>Zalán Szakács</p>
<p class='subcl2'><a href='2019/Zalan_Szakacs/empty.html' target="_blank" class='ext'>Project Name</a></p>
<p class='subcl2'><a href='2019/Zalan_Szakacs/index.html' target="_blank" class='ext'>Project Name</a></p>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att6' class='int'>IMG</a--></p>
</div>
</div>
</div>
<div id='year2018' class='row'>
<div class='col1'><img src='img/2018_grad_logo.png' class='logo'/><p class='gradShow'>Ex, XPUB</p><p>2018</p></div>
<div class='col1'><img src='img/2018_grad_logo_inverted.png' class='logo'/><p class='gradShow'>Ex, XPUB</p><p>2018</p></div>
<div class='col2'>
<p><a href='#2018-att-video' class='int'>Video trailer</a></p>
</div>
@ -412,4 +412,4 @@
<footer></footer>
</body>
</html>
</html>

31
main.css
Unescape Escape View File

@ -13,6 +13,11 @@
src: url(fonts/courierprime.ttf);
}
@font-face {
font-family: tenor;
src: url(fonts/tenor.ttf);
}
* {
box-sizing: border-box;
}
@ -30,7 +35,7 @@ body{
bottom: 0;
right: 0;
z-index: -1;
background-color: #1a1a1a;
background-color: #2f2f2f;
}
/*header*/
@ -46,7 +51,7 @@ header{
}
header h1{
font-family:courierprime;
font-family:tenor;
font-size:9vw;
float:left;
width:60%;
@ -130,13 +135,13 @@ header h1{
#getback{
text-decoration:underline;
text-decoration-color:#99ff99;
text-decoration-color:#0f0;
z-index:100;
}
#getback:hover{
text-decoration: overline;
font-family:inconsolatabold;
text-decoration-color:magenta;
}
@ -181,7 +186,7 @@ header h1{
.upbar {
height:5%;
width:100%;
background-color:#99ff99;
background-color:#0f0;
position:relative;
}
@ -370,25 +375,19 @@ p.subcl3{
a{
color:white;
text-decoration-color:#99ff99;
text-decoration-color:#0f0;
}
.ext:hover {
text-decoration: overline;
font-family:inconsolatabold;
text-decoration-color:yellow;
}
.int:hover {
text-decoration: overline;
font-family:inconsolatabold;
text-decoration-color:magenta;
}
#show:hover{
font-family:courierprime;
}
.gradShow {
font-weight:bold;
@ -733,7 +732,7 @@ header{
}
header h1{
font-size:7vw;
font-size:6vw;
margin-bottom:13%;
width:77%;
float:none;
@ -785,14 +784,14 @@ header h1{
}
#ihtp{
width:80%;
width:70%;
position:relative;
top:0;
left:0;
-webkit-transform:none;
-ms-transform:none;
transform:none;
font-size:calc(9px + 0.6vw);
font-size:calc(9px + 0.5vw);
line-height:125%;
}
@ -877,7 +876,7 @@ p.subcl3{
}
.row{
border-bottom-width:7px;
border-bottom-width:5px;
}

Write Preview
Loading…
Cancel
Save