diff --git a/eigengrau/index.html b/eigengrau/index.html
index 642e765..666797f 100755
--- a/eigengrau/index.html
+++ b/eigengrau/index.html
@@ -62,8 +62,6 @@ He graduated from Design Academy Eindhoven and currently studies Media Design ma
 <li><a href='https://git.xpub.nl/ZalanSzakacs/EigengrauScripts' target="_blank" class='ext'>Project Website</a></li>
 </ul>
 <img src="img/EIGENGRAU_1.jpg" class='workimg'/>
-
-
 </div>
 <div id='publication'>
 <h3 class='gal-title'>Publication</h3>
diff --git a/ilinx/index.html b/ilinx/index.html
new file mode 100644
index 0000000..942e300
--- /dev/null
+++ b/ilinx/index.html
@@ -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>
\ No newline at end of file
diff --git a/ilinx/pdf/OHE.pdf b/ilinx/pdf/OHE.pdf
new file mode 100644
index 0000000..8f866cc
Binary files /dev/null and b/ilinx/pdf/OHE.pdf differ
diff --git a/index.html b/index.html
index 854bafa..27d2d23 100644
--- a/index.html
+++ b/index.html
@@ -249,8 +249,8 @@
  </div>
  <div class='subrow'>
  <p class='subcl1'>Tancredi Di Giovanni</p>
- <p class='subcl2'><a href='empty.html' target="_blank" class='ext'>Project Name</p>
- <p class='subcl3'><a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2020-att2' class='int'>IMG</a></p>
+ <p class='subcl2'><a href='ilinx/' target="_blank" class='ext'>ilinx</p>
+ <p class='subcl3'><a href='ilinx/pdf/OHE.pdf' target="_blank" class='ext'>Out of Hardware Experience: Consciousness and Software</a> // <a href='#2020-att2' class='int'>IMG</a></p>
  </div>
  <div class='subrow'>
  <p class='subcl1'>Bohye Woo</p>
