parallel-colonialism

5 years ago · f7cebebbb9
parent dc0de8105e
commit f7cebebbb9
2 changed files with 28 additions and 78 deletions
--- a/parallel-colonialism/index.html
+++ b/parallel-colonialism/index.html
@ -14,11 +14,8 @@

 <body>

-<div id="bg-left"></div>
-<div id="bg-right"></div>
-
 <!-- XPUB SYNTAX -->
-<a href='../' id='homebttn' class='ext mytypestyle' > << home</a>
+<a href='../' id='homebttn' class='ext mytypestyle' >home</a>

 <header>
  <h1 id='project-title'>Parallel Colonialism</h1>
@ -58,6 +55,15 @@

 <section id='main'>
  <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'>
      <h3 class='gal-title mytypestyle'>Work</h3>

@ -73,15 +79,7 @@
      <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>

--- a/parallel-colonialism/style.css
+++ b/parallel-colonialism/style.css
@ -26,7 +26,7 @@


 body{
-  background: none;
+  background: black;
 }

 a{
@ -37,6 +37,11 @@ a{
  background: none;
 }

+#main {
+    background-color: white;
+
+}
+
 .ext{
  background: none;
 }
@ -51,41 +56,6 @@ 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;
@ -100,7 +70,11 @@ aside{
  z-index:999;
 }

-/* TYPE STYLE */
+#homebttn {
+
+  background-color: white !important;
+}
+

 #project-title{
  font-family: "Belgika", Arial, Helvetica, sans-serif;
@ -108,7 +82,6 @@ aside{
  font-style: normal;
  color: white;
  font-size: calc(1.2em);
-
 }

 #about-student{
@ -126,10 +99,6 @@ aside{
  color: white;
 }

-#inner-hleft-text {
-  color: white;
-  
-}

 .mytypestyle{
  font-family: "Belgika", Arial, Helvetica, sans-serif;
@ -147,6 +116,12 @@ aside{

 }

+#publication { 
+  float: right !important; 
+  margin-right: calc(5%) !important; 
+}
+
+
 li{
  list-style: none;
  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 {
  line-height: 1.5em;