ilinx
parent
ddb38721d1
commit
c7c279e7fb
@ -0,0 +1,143 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>ilinx</title>
|
||||
<meta name="description" content="XPUB">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../css/pages.css">
|
||||
<style type="text/css">
|
||||
body { font-family: "Lucida Console", Monaco, monospace !important;
|
||||
color: white;
|
||||
background-color: black !important;
|
||||
background: radial-gradient(15px 5px at 25% 0, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(15px 5px at 75% 100%, transparent 0%, transparent 80%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.06) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(10px 3px at 25% 0, transparent 0%, transparent 70%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.05) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(10px 3px at 75% 100%, transparent 0%, transparent 70%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.05) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(30px 8px at 25% 0, transparent 0%, transparent 55%, rgba(255, 255, 255, 0.02) 55%, rgba(255, 255, 255, 0.02) 99%, transparent 99%, transparent 100%),
|
||||
radial-gradient(30px 8px at 75% 100%, transparent 0%, transparent 55%, rgba(255, 255, 255, 0.02) 55%, rgba(255, 255, 255, 0.02) 99%, transparent 99%, transparent 100%), #c4cbc3;
|
||||
background-size: 60px 40px, 60px 40px, 40px 24px, 40px 24px, 120px 64px, 120px 64px;
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
-webkit-animation: wave 5s linear infinite;
|
||||
animation: wave 5s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes wave {
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
20% {
|
||||
background-position: 51% 48%, 51% 48%, 53% 52%, 53% 52%, 48% 47%, 48% 47%;
|
||||
}
|
||||
40% {
|
||||
background-position: 49% 51%, 49% 51%, 48% 51%, 48% 51%, 54% 50%, 54% 50%;
|
||||
}
|
||||
60% {
|
||||
background-position: 53% 54%, 53% 54%, 46% 54%, 46% 54%, 53% 46%, 53% 46%;
|
||||
}
|
||||
80% {
|
||||
background-position: 51% 52%, 51% 52%, 49% 49%, 49% 49%, 49% 48%, 49% 48%;
|
||||
}
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes wave {
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
20% {
|
||||
background-position: 51% 48%, 51% 48%, 53% 52%, 53% 52%, 48% 47%, 48% 47%;
|
||||
}
|
||||
40% {
|
||||
background-position: 49% 51%, 49% 51%, 48% 51%, 48% 51%, 54% 50%, 54% 50%;
|
||||
}
|
||||
60% {
|
||||
background-position: 53% 54%, 53% 54%, 46% 54%, 46% 54%, 53% 46%, 53% 46%;
|
||||
}
|
||||
80% {
|
||||
background-position: 51% 52%, 51% 52%, 49% 49%, 49% 49%, 49% 48%, 49% 48%;
|
||||
}
|
||||
0% {
|
||||
background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
|
||||
}
|
||||
}
|
||||
h1 { font-family: "Lucida Console", Monaco, monospace !important; }
|
||||
#wrapper {background-color: #0000 !important}
|
||||
#ihtp {color: white !important}
|
||||
a{color: white !important;}
|
||||
a#student-page{color: white !important;}
|
||||
|
||||
.ext2 {
|
||||
border-bottom-color: #00fc33;
|
||||
background:linear-gradient(to bottom, #00fc33 0, #00fc33 100%);
|
||||
background-position:0 100%;
|
||||
background-repeat:repeat-x;
|
||||
background-size: 0 0;
|
||||
transition:background .2s ease-in-out;
|
||||
}
|
||||
|
||||
#about-student {
|
||||
color: #00fc33;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='wrapper'>
|
||||
<a href='../' id='homebttn' class='ext'> << home</a>
|
||||
|
||||
<header>
|
||||
<h1 id='project-title'>ilinx <a href='#hleft-text' class='show'> ⓘ</a></h1>
|
||||
<h2 id='student-name'><a href='http://hub.xpub.nl/ilinx/dls/' target='_blank' class='ext2' id='student-page'>Tancredi Di Giovanni</a></h2>
|
||||
<div id='hleft-text'>
|
||||
<a href=# id='back'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
<object>
|
||||
<div id='about-project'>
|
||||
<p>BlaBlaBlAbLAblAlbLaaiaufiaeufjiajdoaidja</p>
|
||||
</div>
|
||||
<hr align='left'>
|
||||
<div id='about-student'>
|
||||
<p>BlaBlaBlAbLAblAlbLaaiaufiaeufjiajdoaidja</p>
|
||||
</div>
|
||||
<a id='getback' class='int'> go back </a>
|
||||
</object>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='work'>
|
||||
<h3 class='gal-title'>Work</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='http://hub.xpub.nl/ilinx' target="_blank" class='ext2'>Project Website</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id='galleries'>
|
||||
<img src="img/1.jpg" class='workimg'/>
|
||||
<img src="img/2.jpg" class='workimg'/>
|
||||
<img src="img/3.jpg" class='workimg'/>
|
||||
<img src="img/4.jpg" class='workimg'/>
|
||||
<img src="img/5.jpg" class='workimg'/>
|
||||
</div>
|
||||
<div id='publication'>
|
||||
<h3 class='gal-title'>Thesis</h3>
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/OHE.pdf' target="_blank" class='ext2'>Out-of-Hardware Experience: Consciousness and Software [PDF]</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Binary file not shown.
Loading…
Reference in New Issue