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> </head>
<body> <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> </body>
</html> </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> <title>XPUB Grad</title>
<meta name="description" content="XPUB"> <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"> <link rel="stylesheet" href="main.css">
</head> </head>
@ -43,17 +43,17 @@
<div class='wrap'> <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='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
<div class='twowrap-trailer'> <div class='twowrap-trailer'>
<div class='iframe-container'> <div class='iframe-container'>
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id='2020-att1'> <div id='2020-att1'>
<div class='wrap'> <div class='wrap'>
<!--to avoid jumps, href for class='close' on top divs (corresponding to the most recent graduation year) should be left at '#'--> <!--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> <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/ex2.jpg'/>
<img src='img/ex3.jpg'/></div> <img src='img/ex3.jpg'/></div>
</div> </div>
</div> </div>
<div id='2020-att2'> <div id='2020-att2'>
<div class='wrap'> <div class='wrap'>
@ -142,15 +142,15 @@
<div class='wrap'> <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='upbar'><a href="#"><p><span class='uptitle'>trailer.mp4</span><span class='upclose'>X</span></p></a></div>
<div class='twowrap-trailer'> <div class='twowrap-trailer'>
<div class='iframe-container'> <div class='iframe-container'>
<iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <iframe src="https://player.vimeo.com/video/159634567" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id='2019-att1'> <div id='2019-att1'>
<div class='wrap'> <div class='wrap'>
<div class='upbar'><a href="#"><p><span class='uptitle'>publication name</span><span class='upclose'>X</span></p></a></div> <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> <img src='img/ex3.jpg'/></div>
</div> </div>
</div> </div>
</div> </div>
<div id='2018'> <div id='2018'>
<div id='2018-att-video'> <div id='2018-att-video'>
<div class='wrap'> <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='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='twowrap-trailer'>
<div class='video-container'> <div class='video-container'>
<video controls="" width="100%"> <video controls="" width="100%">
<source src="https://media.xpub.nl/gradshow-2018-web.mp4" poster="" type="video/mp4"> <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! Try a recent version of Firefox or Chromium!
</video> </video>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -258,11 +258,11 @@
<img src='img/ex2.jpg'/> <img src='img/ex2.jpg'/>
<img src='img/ex3.jpg'/></div> <img src='img/ex3.jpg'/></div>
</div> </div>
</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='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> <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> </div>
<div id='year2019' class='row'> <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> <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>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Angeliki Diakrousi</p> <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> <p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att2' class='int'>IMG</a--></p>
</div> </div>
<div class='subrow'> <div class='subrow'>
@ -353,7 +353,7 @@
</div> </div>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Alexander Roidl</p> <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> <p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att4' class='int'>IMG</a--></p>
</div> </div>
<div class='subrow'> <div class='subrow'>
@ -363,14 +363,14 @@
</div> </div>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Zalán Szakács</p> <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> <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>
</div> </div>
<div id='year2018' class='row'> <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'> <div class='col2'>
<p><a href='#2018-att-video' class='int'>Video trailer</a></p> <p><a href='#2018-att-video' class='int'>Video trailer</a></p>
</div> </div>
@ -412,4 +412,4 @@
<footer></footer> <footer></footer>
</body> </body>
</html> </html>

31
main.css
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save