Merge branch 'master' of https://git.xpub.nl/XPUB/project.xpub.nl
commit
7ddba6b8fc
Binary file not shown.
|
After Width: | Height: | Size: 782 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 704 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 503 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 740 KiB |
@ -0,0 +1,82 @@
|
|||||||
|
<!doctype html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<style type="text/css">
|
||||||
|
/*a {
|
||||||
|
color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inner-hleft-text{
|
||||||
|
height:auto !important;*/
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<title>Cartographies of Counter-Speculation</title>
|
||||||
|
<meta name="description" content="XPUB">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="../css/pages.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id='wrapper'></div>
|
||||||
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
||||||
|
<header>
|
||||||
|
<h1 id='project-title'>Cartorgaphies of Counter-Speculation <a href='#hleft-text' class='show'> ⓘ</a></h1>
|
||||||
|
<h2 id='student-name'><a href='http://palomagarciagarcia.com' target='_blank' class='ext' id='student-page'>Paloma García García</a></h2>
|
||||||
|
<div id='hleft-text'>
|
||||||
|
<a href=# id='back'>
|
||||||
|
<div id='inner-hleft-text'>
|
||||||
|
<div id='ihtp'>
|
||||||
|
<object>
|
||||||
|
<div id='about-project'>
|
||||||
|
<p>'Cartographies of Counter-Speculation' is a collection of maps and diagrams that envisions alternative housing models that are almost never represented on maps. The project is based on the practice of three communities in Rotterdam: Stad in de Maak, Poortgebow and Stichting NAC, which are exposing property speculation, each of them in their own specific way. Maps and diagrams are not only elements of contemplation but they are also open spaces to start conversations. Dig deep into them and leave your footprint!
|
||||||
|
</div>
|
||||||
|
<hr align='left'>
|
||||||
|
<div id='about-student'>
|
||||||
|
<p>Paloma García García (1992, ES) is an architect and researcher currently based in Rotterdam. Her work explores digital communication mediums that can be used as socio political communication tools. Her life is based on drawing diagrams and mapping everyhthing that is in front of her.<br>
|
||||||
|
</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='https://hub.xpub.nl/cartographies/' target="_blank" class='ext'>Project Website</a></li>
|
||||||
|
<img src="img/COI_1.png" class='workimg'/>
|
||||||
|
<img src="img/COI_2.png" class='workimg'/>
|
||||||
|
<img src="img/COI_3.png" class='workimg'/>
|
||||||
|
<img src="img/COI_4.png" class='workimg'/>
|
||||||
|
<img src="img/COI_5.png" class='workimg'/>
|
||||||
|
<img src="img/COI_6.png" class='workimg'/>
|
||||||
|
|
||||||
|
<li><a href="http://artlibre.org/licence/lal/en/" target="_blank" class='ext'>License</a></li>
|
||||||
|
<p>[Paloma García García, Cartographies of Counter-Speculation, 2020. Rotterdam].<br>
|
||||||
|
Copyleft: This is a free work, you can copy, distribute, and modify it under the terms of the Free Art License<br>
|
||||||
|
http://artlibre.org/licence/lal/en/</p>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id='publication'>
|
||||||
|
<h3 class='gal-title'>Thesis</h3>
|
||||||
|
<ul id='publist'>
|
||||||
|
<li><a href='pdf/garcia-paloma-cartographies-of-invisibility.pdf' target="_blank" class='ext'>Thesis PDF</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</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>
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 486 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 687 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 705 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 600 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 492 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 628 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 717 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 828 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 306 KiB |
@ -0,0 +1,89 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="date" content="JULY 2020">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
<link rel="stylesheet" href="../css/pages.css">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<meta name="description" content="XPUB">
|
||||||
|
<title>PARALLEL COLONIALISM</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="bg-left"></div>
|
||||||
|
<div id="bg-right"></div>
|
||||||
|
|
||||||
|
<!-- XPUB SYNTAX -->
|
||||||
|
<a href='../' id='homebttn' class='ext mytypestyle' > << home</a>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<h1 id='project-title'>Parallel Colonialism</h1>
|
||||||
|
<h2 id='student-name' class="mytypestyle" ><a href="https://www.bohyewoo.com">Bohye Woo</a></h2>
|
||||||
|
|
||||||
|
<div id='hleft-text'>
|
||||||
|
<div id='inner-hleft-text'>
|
||||||
|
<div id='ihtp'>
|
||||||
|
|
||||||
|
<object>
|
||||||
|
<div id='about-project'>
|
||||||
|
|
||||||
|
<p><i>Parallel Colonialism</i> is a digital text archiving tool that offers a comparative reading application between historical and contemporary documents. It allows users to experience how regulatory terms play in colonialism by offering two types of legal documents: Terms of Services and historical colonial treaties.</p>
|
||||||
|
|
||||||
|
<p>By selecting one of each document, a parallel reading platform is enabled, in which you can comparatively label, highlight and analyze a range of specific terms. This helps you to analyze on how these documents operate similar ways in colonialism, and it opens up discussions in finding a colonial resemblance by mapping out the whole contractual landscape of terms used in each document. </p>
|
||||||
|
|
||||||
|
----------------
|
||||||
|
<p>Parallel Colonialism (2020) has been produced in the context of the graduation research of Bohye Woo from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.</p>
|
||||||
|
|
||||||
|
<p>Licence: This is a free work. You can copy, distribute, and modify it under the terms of the Free Art License (http://artlibre.org/licence/lal/en/)</p>
|
||||||
|
----------------
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id='about-student'>
|
||||||
|
<p> Bio will be added soon. </p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</object>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<section id='main'>
|
||||||
|
<div id="galleries">
|
||||||
|
<div id='work'>
|
||||||
|
<h3 class='gal-title mytypestyle'>Work</h3>
|
||||||
|
|
||||||
|
<ul id='publist'>
|
||||||
|
<li><a href='https://hub.xpub.nl/termsofservice/' target="_blank" class='ext mytypestyle'>↝ Project Website</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<img src="img/parallel-colonialism-01.png" class='workimg'/>
|
||||||
|
<img src="img/parallel-colonialism-02.png" class='workimg'/>
|
||||||
|
<img src="img/parallel-colonialism-06.png" class='workimg'/>
|
||||||
|
<img src="img/parallel-colonialism-10.png" class='workimg'/>
|
||||||
|
<img src="img/parallel-colonialism-12.png" class='workimg'/>
|
||||||
|
<img src="img/parallel-colonialism-13.png" class='workimg'/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id='publication'>
|
||||||
|
|
||||||
|
<h3 class="gal-title mytypestyle">Publication</h3>
|
||||||
|
|
||||||
|
<ul id='publist'>
|
||||||
|
<li><a href='pdf/bohye-woo-thesis-2020.pdf' target="_blank" class='ext mytypestyle'>↝ Thesis (PDF)</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,187 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "Belgika";
|
||||||
|
src: url("fonts/belgika-5th-webfont.ttf");
|
||||||
|
font-weight: 5;
|
||||||
|
font-style: normal;}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Belgika";
|
||||||
|
src: url("fonts/belgika-8th-webfont.ttf");
|
||||||
|
font-weight: 8;
|
||||||
|
font-style: normal;}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Belgika";
|
||||||
|
src: url("fonts/belgika-16th-webfont.ttf");
|
||||||
|
font-weight: 16;
|
||||||
|
font-style: italic;}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Belgika";
|
||||||
|
src: url("fonts/belgika-40th-webfont.ttf");
|
||||||
|
font-weight: 40;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
body{
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline;
|
||||||
|
border-bottom: 0px;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ext{
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover{
|
||||||
|
color: grey;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HEADER */
|
||||||
|
|
||||||
|
aside{
|
||||||
|
position: fixed;
|
||||||
|
top: 5px;
|
||||||
|
width: calc(100vw - 15px);
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: "Belgika", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 5;
|
||||||
|
font-style: normal;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marquee {
|
||||||
|
position: relative;
|
||||||
|
width: calc(100vw - 15px);
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.track {
|
||||||
|
position: absolute;
|
||||||
|
white-space: nowrap;
|
||||||
|
will-change: transform;
|
||||||
|
animation: marquee 20s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes marquee {
|
||||||
|
from { transform: translateX(0); }
|
||||||
|
to { transform: translateX(-50%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HOME BUTTON */
|
||||||
|
|
||||||
|
.homebutton{
|
||||||
|
background-color: inherit;
|
||||||
|
text-align:right;
|
||||||
|
color:black;
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
right:0;
|
||||||
|
margin-right:2%;
|
||||||
|
margin-top:25px;
|
||||||
|
padding:0.3% 0 0 0.3%;
|
||||||
|
font-size:0.6em;
|
||||||
|
z-index:999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TYPE STYLE */
|
||||||
|
|
||||||
|
#project-title{
|
||||||
|
font-family: "Belgika", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 5;
|
||||||
|
font-style: normal;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#about-student{
|
||||||
|
font-family: helvetica;
|
||||||
|
font-style: italic;
|
||||||
|
color: #3c3c3c;
|
||||||
|
font-weight: 16;
|
||||||
|
font-size: calc(8px + 0.3vw);
|
||||||
|
padding-top: 10px;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#about-project {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inner-hleft-text {
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.mytypestyle{
|
||||||
|
font-family: "Belgika", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 4;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inner-hleft-text{
|
||||||
|
overflow-y: scroll;
|
||||||
|
font-family: helvetica;
|
||||||
|
font-weight: 16;
|
||||||
|
font-size: calc(11px + 0.3vw);
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
li{
|
||||||
|
list-style: none;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inner-hleft-text::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.workimg{
|
||||||
|
padding: 0 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#bg-left{
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
display: inline-block;
|
||||||
|
width: 25vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bg-right{
|
||||||
|
position: fixed;
|
||||||
|
left: 25vw;
|
||||||
|
top: 0;
|
||||||
|
display: inline-block;
|
||||||
|
height: 100vh;
|
||||||
|
width: 75vw;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 235 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 566 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 815 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 470 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 633 KiB |
Binary file not shown.
@ -0,0 +1,177 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "Lyon";
|
||||||
|
src: url("fonts/LyonJeanTrue.ttf");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Favorit";
|
||||||
|
src: url("fonts/Favorit_Regular.ttf");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Favorit";
|
||||||
|
src: url("fonts/Favorit_Regular-Italic.ttf");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: italic;}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Favorit";
|
||||||
|
src: url("fonts/Favorit_Medium.ttf");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Favorit";
|
||||||
|
src: url("fonts/Favorit_Medium-Italic.ttf");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;}
|
||||||
|
|
||||||
|
body{
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline;
|
||||||
|
border-bottom: 0px;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ext{
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover{
|
||||||
|
color: #c3c3c3;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HEADER */
|
||||||
|
|
||||||
|
aside{
|
||||||
|
position: fixed;
|
||||||
|
top: 5px;
|
||||||
|
width: calc(100vw - 15px);
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: "Lyon", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marquee {
|
||||||
|
position: relative;
|
||||||
|
width: calc(100vw - 15px);
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.track {
|
||||||
|
position: absolute;
|
||||||
|
white-space: nowrap;
|
||||||
|
will-change: transform;
|
||||||
|
animation: marquee 20s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes marquee {
|
||||||
|
from { transform: translateX(0); }
|
||||||
|
to { transform: translateX(-50%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HOME BUTTON */
|
||||||
|
|
||||||
|
.homebutton{
|
||||||
|
background-color: inherit;
|
||||||
|
text-align:right;
|
||||||
|
color:black;
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
right:0;
|
||||||
|
margin-right:2%;
|
||||||
|
margin-top:25px;
|
||||||
|
padding:0.3% 0 0 0.3%;
|
||||||
|
font-size:0.6em;
|
||||||
|
z-index:999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TYPE STYLE */
|
||||||
|
|
||||||
|
#project-title{
|
||||||
|
font-family: "Lyon", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
#about-student{
|
||||||
|
font-family: "Favorit", Arial, Helvetica, sans-serif;
|
||||||
|
font-style: italic;
|
||||||
|
color: #3c3c3c;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: calc(8px + 0.3vw);
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mytypestyle{
|
||||||
|
font-family: "Favorit", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
transform: scaleX(0.75);
|
||||||
|
transform-origin: 0 0;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inner-hleft-text{
|
||||||
|
overflow-y: scroll;
|
||||||
|
font-family: "Favorit", Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: calc(12px + 0.3vw);
|
||||||
|
}
|
||||||
|
|
||||||
|
li{
|
||||||
|
list-style: none;
|
||||||
|
transform: scaleX(0.75);
|
||||||
|
transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inner-hleft-text::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TWO BACKGROUND COLORS */
|
||||||
|
|
||||||
|
#indexyellowleft{
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
display: inline-block;
|
||||||
|
width: 25vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#indexyellowright{
|
||||||
|
position: fixed;
|
||||||
|
left: 25vw;
|
||||||
|
top: 0;
|
||||||
|
display: inline-block;
|
||||||
|
height: 100vh;
|
||||||
|
width: 75vw;
|
||||||
|
background-color: #cfff00;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
|
||||||
|
}
|
||||||
|
|
||||||
|
.workimg{
|
||||||
|
padding: 0 0 0 0;
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 819 KiB |
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue