style refresh updates

joseph-c100 · Nov 18, 2023 · 5eda146 · 5eda146
1 parent a16abb4
commit 5eda146
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 85 deletions.
diff --git a/docs/css/style.css b/docs/css/style.css
@@ -1,6 +1,5 @@
 /* LAYOUT */
 
-
 /* typefaces */
 @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap');
 
@@ -113,7 +112,7 @@ section {
 }
 
 a {
-  color: inherit;
+  color: blue;
   text-underline-offset: 4px;
   text-decoration-color: blue;
 }
@@ -160,9 +159,9 @@ a {
   font-family: Space Grotesk, sans-serif;
 }
 
-.work-item {
+/* .work-item {
   margin-left: 20px;
-}
+} */
 
 /* .work-item:hover{ */
   /* border-bottom: solid 1px #30de00; */
@@ -174,15 +173,6 @@ a {
   margin-top: 20px;
 }
 
-/* contact section links */
-.contact-section a {
-  font-size: 1.2rem;
-  outline: 1px solid;
-  outline-offset: 3px;
-  text-decoration: none;
-  margin-right: 15px;
-  margin-left: 3px;
-}
 
 .footer-section {
     margin-top: 40px;
@@ -244,14 +234,6 @@ twitter-tweet {
     margin-left: 20px;
   }
 
-  .contact-section a {
-    font-size: 1rem;
-    outline: 1px solid;
-    outline-offset: 3px;
-    text-decoration: none;
-    margin-right: 8px;
-  }
-
   img {
     display: block;
     margin-left: auto;

diff --git a/docs/index.html b/docs/index.html
@@ -93,9 +93,7 @@
 </div>
 
 <section>
-
   <div class="display-image">
-
     <script>
       const images = [
       'url("images/fantome.jpg")',
@@ -124,14 +122,14 @@
 </section>
 
 
-
-
-
 <section>
-  <h2>Data Visualisation</h2>
+  <h2>Data</h2>
   <div class="work-item">
     <a href="https://drive.google.com/file/d/1Gsjer--Z-yH288PHMu_I9yUVONWHNk2S/view?usp=sharing">Full Portfolio</a>
   </div>
+  <div class="work-item">
+    <a href="https://www.economist.com/interactive/israel-gaza-building-damage-map">Structural damage in Gaza</a>
+  </div>
   <div class='work-item'>
     <a href = "/work/pop_density">Population Density Maps</a>
   </div>
@@ -193,8 +191,9 @@ <h2>Artwork & Curation</h2>
       <h2>Contact</h2>
       <a href="https://www.are.na/joseph-c">Are.na</a>
       <a href="https://twitter.com/calm_computer">Twitter</a>
-
+      <a href="https://github.com/joseph-c100">Github</a>
     </div>
+    <p>[email protected]</p>
   </section>
 
 </body>

diff --git a/themes/hugo-starter-theme/layouts/index.html b/themes/hugo-starter-theme/layouts/index.html
@@ -40,9 +40,7 @@
 </div>
 
 <section>
-  <!-- randomly displays image of work on desktop -->
   <div class="display-image">
-    <!-- javascript code inserts image here -->
     <script>
       const images = [
       'url("images/fantome.jpg")',
@@ -71,44 +69,14 @@
 </section>
 
 
-
-<!-- 
-
-  <div class="row">
-    <div class="column">
-      <h4>Specialisms</h4>
-      <p>Digital design, web development, type and graphics, visual curation.</p>
-    </div>
-    <div class="column">
-      <h4>Interests</h4>
-      <p>Spatial interfaces, science-fiction, calm computing, digital proximity.</p>
-    </div>
-    <div class="column">
-      <h4>Values</h4>
-      <p>Transparency, flat structure, purpose, intention, good vibes, tolerance.</p>
-    </div>
-    <div class="column">
-      <h4>Skills</h4>
-      <p>HTML/CSS, Figma, Photoshop, InDesign, Affinity, Webflow, Typography, layout, wireframing, project management, research, info architecture, client communication, collaboration</p>
-    </div>
-  </div>
-
-  <section>
-    <h2>Services</h2>
-    <div class="services">
-      <p>Digital design, type and graphics</p>
-      <p>Web development</p>
-      <p>Interface design and pattern libraries</p>
-      <p>Pitch Decks and Brand Guidelines</p>
-      <p>Visual operations and aesthetic development<p>
-    </div>
-  </section> -->
-
 <section>
-  <h2>Data Visualisation</h2>
+  <h2>Data</h2>
   <div class="work-item">
     <a href="https://drive.google.com/file/d/1Gsjer--Z-yH288PHMu_I9yUVONWHNk2S/view?usp=sharing">Full Portfolio</a>
   </div>
+  <div class="work-item">
+    <a href="https://www.economist.com/interactive/israel-gaza-building-damage-map">Structural damage in Gaza</a>
+  </div>
   <div class='work-item'>
     <a href = "/work/pop_density">Population Density Maps</a>
   </div>
@@ -174,8 +142,9 @@ <h2>Artwork & Curation</h2>
       <h2>Contact</h2>
       <a href="https://www.are.na/joseph-c">Are.na</a>
       <a href="https://twitter.com/calm_computer">Twitter</a>
-      <!-- <a href="https://github.com/joseph-c100">Github</a> -->
+      <a href="https://github.com/joseph-c100">Github</a>
     </div>
+    <p>[email protected]</p>
   </section>
 
 </body>

diff --git a/themes/hugo-starter-theme/static/css/style.css b/themes/hugo-starter-theme/static/css/style.css
@@ -112,7 +112,7 @@ section {
 }
 
 a {
-  color: inherit;
+  color: blue;
   text-underline-offset: 4px;
   text-decoration-color: blue;
 }
@@ -159,9 +159,9 @@ a {
   font-family: Space Grotesk, sans-serif;
 }
 
-.work-item {
+/* .work-item {
   margin-left: 20px;
-}
+} */
 
 /* .work-item:hover{ */
   /* border-bottom: solid 1px #30de00; */
@@ -173,15 +173,6 @@ a {
   margin-top: 20px;
 }
 
-/* contact section links */
-.contact-section a {
-  font-size: 1.2rem;
-  outline: 1px solid;
-  outline-offset: 3px;
-  text-decoration: none;
-  margin-right: 15px;
-  margin-left: 3px;
-}
 
 .footer-section {
     margin-top: 40px;
@@ -243,14 +234,6 @@ twitter-tweet {
     margin-left: 20px;
   }
 
-  .contact-section a {
-    font-size: 1rem;
-    outline: 1px solid;
-    outline-offset: 3px;
-    text-decoration: none;
-    margin-right: 8px;
-  }
-
   img {
     display: block;
     margin-left: auto;