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

parallel-colonialism

Browse Source
master
bootje 4 years ago
parent dc0de8105e
commit f7cebebbb9
2 changed files with 28 additions and 78 deletions
Show Stats Download Patch File Download Diff File

22
parallel-colonialism/index.html
Unescape Escape View File

@ -14,11 +14,8 @@
<body> <body>
<div id="bg-left"></div>
<div id="bg-right"></div>
<!-- XPUB SYNTAX --> <!-- XPUB SYNTAX -->
<a href='../' id='homebttn' class='ext mytypestyle' > << home</a> <a href='../' id='homebttn' class='ext mytypestyle' >home</a>
<header> <header>
<h1 id='project-title'>Parallel Colonialism</h1> <h1 id='project-title'>Parallel Colonialism</h1>
@ -58,6 +55,15 @@
<section id='main'> <section id='main'>
<div id="galleries"> <div id="galleries">
<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 id='work'> <div id='work'>
<h3 class='gal-title mytypestyle'>Work</h3> <h3 class='gal-title mytypestyle'>Work</h3>
@ -73,15 +79,7 @@
<img src="img/parallel-colonialism-13.png" class='workimg'/> <img src="img/parallel-colonialism-13.png" class='workimg'/>
</div> </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> </div>
</section> </section>

82
parallel-colonialism/style.css
Unescape Escape View File

@ -26,7 +26,7 @@
body{ body{
background: none; background: black;
} }
a{ a{
@ -37,6 +37,11 @@ a{
background: none; background: none;
} }
#main {
background-color: white;
}
.ext{ .ext{
background: none; background: none;
} }
@ -51,41 +56,6 @@ a:visited{
text-decoration: none; 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{ .homebutton{
background-color: inherit; background-color: inherit;
text-align:right; text-align:right;
@ -100,7 +70,11 @@ aside{
z-index:999; z-index:999;
} }
/* TYPE STYLE */ #homebttn {
background-color: white !important;
}
#project-title{ #project-title{
font-family: "Belgika", Arial, Helvetica, sans-serif; font-family: "Belgika", Arial, Helvetica, sans-serif;
@ -108,7 +82,6 @@ aside{
font-style: normal; font-style: normal;
color: white; color: white;
font-size: calc(1.2em); font-size: calc(1.2em);
} }
#about-student{ #about-student{
@ -126,10 +99,6 @@ aside{
color: white; color: white;
} }
#inner-hleft-text {
color: white;
}
.mytypestyle{ .mytypestyle{
font-family: "Belgika", Arial, Helvetica, sans-serif; font-family: "Belgika", Arial, Helvetica, sans-serif;
@ -147,6 +116,12 @@ aside{
} }
#publication {
float: right !important;
margin-right: calc(5%) !important;
}
li{ li{
list-style: none; list-style: none;
transform-origin: 0 0; transform-origin: 0 0;
@ -158,30 +133,7 @@ li{
} }
.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 { p {
line-height: 1.5em; line-height: 1.5em;

Write Preview
Loading…
Cancel
Save