From 1a7531df323e30a3d08cd6262e52b46491263829 Mon Sep 17 00:00:00 2001
From: Eddie Pace <eddie@pace.me.uk>
Date: Sun, 1 Dec 2024 18:42:57 -0800
Subject: [PATCH] clean up formatting on CV

---
 src/App.svelte            |  9 +++++++--
 src/lib/About.svelte      | 15 ++++++---------
 src/lib/Contact.svelte    |  6 +++---
 src/lib/Header.svelte     |  8 ++++----
 src/lib/Portfolio.svelte  |  2 --
 src/lib/References.svelte |  8 ++++----
 6 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 9a0b25c..115ad11 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -38,11 +38,11 @@
             <Projects projects={data.projects}/>
         </section>
         <div class="stretch-bottom">
-            <div class="two-col border-top border-bottom print-margin">
+            <div class="print-margin">
                 <section>
                     <Interests interests={data.interests}/>
                 </section>
-                <div class="v-line"/>
+                <!-- <div class="v-line"/> -->
                 <section>
                     <References references={data.references}/>
                 </section>
@@ -78,6 +78,11 @@
 
     section {
         padding: 1em;
+        padding-bottom: 2em;
+    }
+
+    .two-col section {
+        padding-bottom: 1em;
     }
 
     .media-only {
diff --git a/src/lib/About.svelte b/src/lib/About.svelte
index f9a62a5..b6c8b09 100644
--- a/src/lib/About.svelte
+++ b/src/lib/About.svelte
@@ -4,23 +4,20 @@
 </script>
 
 <div class="about">
-    <div class="profile-img">
+    <!-- <div class="profile-img">
         <ProfileImg/>
-    </div>
+    </div> -->
     <p>{summary}</p>
 </div>
 
 <style>
-    .about {
-        padding: 0.5em 2em 1em;
-    }
-
-    .profile-img {
-      display: none;
-    }
+    /* .profile-img {
+        display: none;
+    } */
 
     @media screen and (max-width: 892px) {
         .about {
+            padding: 0.5em 2em 1em;
             display: flex;
             flex-direction: row;
             justify-content: center;
diff --git a/src/lib/Contact.svelte b/src/lib/Contact.svelte
index 420d756..666b72c 100644
--- a/src/lib/Contact.svelte
+++ b/src/lib/Contact.svelte
@@ -28,9 +28,9 @@
   <div>{profile.city}</div>
 </div>
 <div class="info-line">
-  <CheckmarkFilled size={24} class="icon no-print"/>
-  <CheckmarkFilled size={16} class="print-only"/>
-<div>Eligible to work in CA</div>
+  <!-- <CheckmarkFilled size={24} class="icon no-print"/>
+  <CheckmarkFilled size={16} class="print-only"/> -->
+<!-- <div>Eligible to work in CA</div> -->
 </div>
 
 <style>
diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte
index 08d04c5..77baca3 100644
--- a/src/lib/Header.svelte
+++ b/src/lib/Header.svelte
@@ -6,9 +6,9 @@
 </script>
 
 <header>
-    <div class="profile-img">
+    <!-- <div class="profile-img">
       <ProfileImg/>
-    </div>
+    </div> -->
     <div class="header-info-container">
       <div>
         <div class="header-title">
@@ -24,9 +24,9 @@
 
 <style>
   header {
-    display: grid;
+    /* display: grid;
     grid-template-columns: var(--profile-img-height) 1fr;
-    gap: 1em;
+    gap: 1em; */
     margin-bottom: 1em;
   }
 
diff --git a/src/lib/Portfolio.svelte b/src/lib/Portfolio.svelte
index dc09e17..77fde47 100644
--- a/src/lib/Portfolio.svelte
+++ b/src/lib/Portfolio.svelte
@@ -14,7 +14,5 @@
         display: flex;
         flex-direction: row;
         gap: 1.5em;
-        justify-content: center;
-        align-items: center;
     }
 </style>
\ No newline at end of file
diff --git a/src/lib/References.svelte b/src/lib/References.svelte
index 3928e3d..a45bfa5 100644
--- a/src/lib/References.svelte
+++ b/src/lib/References.svelte
@@ -4,7 +4,7 @@
 
 <h2>References</h2>
 <div class="references-container">
-    {#if import.meta.env.DEV}
+    <!-- {#if import.meta.env.DEV}
         {#each references as reference}
             <div class="reference">
                 <div class="bold">{reference.name}</div>
@@ -12,9 +12,9 @@
                 <div>{reference.email}</div>
             </div>
         {/each}
-    {:else}
-        <div>contact provided upon request</div>
-    {/if}
+    {:else} -->
+    <div>provided upon request</div>
+    <!-- {/if} -->
 </div>
 
 <style>