From f011adcefc14b628a045c0137565a49faa781add Mon Sep 17 00:00:00 2001
From: Avraham Sakal <avraham@torahanytime.com>
Date: Sun, 17 Mar 2024 09:50:20 -0400
Subject: [PATCH] dates on the same line

---
 index.html | 95 ++++++++++++++++++++++++++++--------------------------
 letter.css |  2 +-
 styles.css | 26 ++++++++++-----
 3 files changed, 68 insertions(+), 55 deletions(-)

diff --git a/index.html b/index.html
index e46a6b9..2b2324f 100644
--- a/index.html
+++ b/index.html
@@ -7,18 +7,11 @@
       <h2 class="lg bold">Brian Sakal</h2>
     </section>
     <section class="contact-info">
-      <section class="address">
-        <label class="bold">Address</label>
-        <div>
-          225 Van Houten Ave.<br />
-          Passaic, NJ 07055<br />
-          (305) 930-0248<br />
-        </div>
-      </section>
-      <section class="email">
-        <label class="bold">Email</label>
-        <div>brian@sakal.us</div>
-      </section>
+      <ul class="inline">
+        <li>Passaic, NJ</li>
+        <li>305-930-0248</li>
+        <li><a href="https://git.sakal.us/">Git</a></li>
+      </ul>
     </section>
     <section class="sections">
       <section class="employment">
@@ -31,11 +24,13 @@
         <div>
           <ul class="no-bullet">
             <li>
-              <div>
-                <span class="bold">Senior Full-Stack Developer,</span>
-                <span>TorahAnytime.com, Flushing, NY</span>
+              <div class="space-between">
+                <div>
+                  <span class="bold">Senior Full-Stack Developer,</span>
+                  <span>TorahAnytime.com, Flushing, NY</span>
+                </div>
+                <div class="italic right">June 2022–Present</div>
               </div>
-              <div class="italic right">June 2022–Present</div>
               <div>
                 <ul>
                   <li>
@@ -84,13 +79,15 @@
               </div>
             </li>
             <li>
-              <div>
-                <span class="bold">Assistant Manager,</span>
-                <span
-                  >Sureknit Inc. Property Management, East Flatbush, NY</span
-                >
+              <div class="space-between">
+                <div>
+                  <span class="bold">Assistant Manager,</span>
+                  <span
+                    >Sureknit Inc. Property Management, East Flatbush, NY</span
+                  >
+                </div>
+                <div class="italic right">February 2020–June 2022</div>
               </div>
-              <div class="italic right">February 2020–June 2022</div>
               <div>
                 <ul>
                   <li>Kept accurate records of tenant rent payments.</li>
@@ -122,11 +119,13 @@
               </div>
             </li> -->
             <li>
-              <div>
-                <span class="bold">Operations Manager,</span>
-                <span>Tax Opportunities America, Flushing, NY</span>
+              <div class="space-between">
+                <div>
+                  <span class="bold">Operations Manager,</span>
+                  <span>Tax Opportunities America, Flushing, NY</span>
+                </div>
+                <div class="italic right">April 2014–May 2015</div>
               </div>
-              <div class="italic right">April 2014–May 2015</div>
               <div>
                 <ul>
                   <li>
@@ -142,14 +141,16 @@
               </div>
             </li>
             <li>
-              <div>
-                <span class="bold">Representative,</span>
-                <span
-                  >Computer-Aided Engineering Network (CAEN) Hotline, U. of
-                  Michigan</span
-                >
+              <div class="space-between">
+                <div>
+                  <span class="bold">Representative,</span>
+                  <span
+                    >Computer-Aided Engineering Network (CAEN) Hotline, U. of
+                    Michigan</span
+                  >
+                </div>
+                <div class="italic right">2007–2009, 2010–2011</div>
               </div>
-              <div class="italic right">2007–2009, 2010–2011</div>
               <div>
                 <ul>
                   <li>
@@ -207,9 +208,9 @@
               <div>
                 <span class="bold">Calendar Optimizer project</span>
                 <span
-                  >The beginnings of a stock options research platform. Frontend
-                  uses Preact, backend application layer uses trpc, database is
-                  Clickhouse. Available at
+                  >Stock options research platform. Frontend uses Preact,
+                  backend application layer uses trpc, database is Clickhouse.
+                  Available at
                   <a href="https://calendar-optimizer-frontend.sakal.us"
                     >https://calendar-optimizer-frontend.sakal.us</a
                   >.</span
@@ -221,7 +222,8 @@
                 <span class="bold">Custom Full-Stack eCommerce website</span>
                 <span
                   >Created custom e-commerce website, both front-end and
-                  back-end, from scratch; was at piazzaoptical.com (code at
+                  back-end, from scratch; previously at piazzaoptical.com (code
+                  at
                   <a href="https://git.sakal.us/avraham/piazzaoptical.com"
                     >https://git.sakal.us/avraham/piazzaoptical.com</a
                   >). Frontend was implemented in
@@ -275,16 +277,17 @@
         <div>
           <ul class="no-bullet">
             <li>
-              <div>
-                <span class="bold">B.S. in Aerospace Engineering,</span>
-                <span>University of Michigan, Ann Arbor, MI</span>
-              </div>
-              <div class="italic right">
-                Sept. 2006–April 2009, Sept. 2010–April 2011
+              <div class="space-between">
+                <div>
+                  <span class="bold">B.S. in Aerospace Engineering,</span>
+                  <span>University of Michigan, Ann Arbor, MI</span>
+                </div>
+                <div class="italic right">
+                  Sept. 2006–April 2009, Sept. 2010–April 2011, GPA 3.185
+                </div>
               </div>
-              <div class="italic right">GPA 3.185</div>
             </li>
-            <li>
+            <!-- <li>
               <div>
                 <span class="bold">Ph.D. in Rabbinics,</span>
                 <span>Rabbinical Seminary of America, Flushing, NY</span>
@@ -292,7 +295,7 @@
               <div class="italic right">
                 April 2009–April 2010, April 2011–January 2020
               </div>
-            </li>
+            </li> -->
           </ul>
         </div>
       </section>
diff --git a/letter.css b/letter.css
index 3a1759e..bff95bf 100644
--- a/letter.css
+++ b/letter.css
@@ -1,5 +1,5 @@
 @import url("./common.css");
 @page {
   size: letter;
-  margin: 1in;
+  margin: 0.5in;
 }
diff --git a/styles.css b/styles.css
index 42ae3c1..d562625 100644
--- a/styles.css
+++ b/styles.css
@@ -28,6 +28,11 @@ body {
   text-align: right;
 }
 
+.space-between {
+  display: flex;
+  justify-content: space-between;
+}
+
 .no-bullet {
   list-style-type: none;
   margin: 0;
@@ -44,31 +49,36 @@ section.header {
 
 section.contact-info {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
 }
 
 section.sections {
-  margin-top: 3em;
+  margin-top: 1.6em;
 
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 
-  gap: 2em;
+  gap: 1.6em;
 }
 
-section.sections > section {
+/* section.sections > section {
   display: flex;
   justify-content: flex-start;
-}
+} */
 
 section.sections > section > label {
-  width: 25%;
+  float: left;
+  width: 8em;
+  height: 2em;
+  margin-right: 0.7em;
+  /* border: 1px solid black; */
+  /* padding-bottom: 0.5em; */
 }
 
-section.sections > section > div {
+/* section.sections > section > div {
   width: 75%;
-}
+} */
 
 ul.inline {
   padding-inline-start: 0px;