dates on the same line

main
Avraham Sakal 1 year ago
parent f97dc58e30
commit f011adcefc

@ -7,18 +7,11 @@
<h2 class="lg bold">Brian Sakal</h2> <h2 class="lg bold">Brian Sakal</h2>
</section> </section>
<section class="contact-info"> <section class="contact-info">
<section class="address"> <ul class="inline">
<label class="bold">Address</label> <li>Passaic, NJ</li>
<div> <li>305-930-0248</li>
225 Van Houten Ave.<br /> <li><a href="https://git.sakal.us/">Git</a></li>
Passaic, NJ 07055<br /> </ul>
(305) 930-0248<br />
</div>
</section>
<section class="email">
<label class="bold">Email</label>
<div>brian@sakal.us</div>
</section>
</section> </section>
<section class="sections"> <section class="sections">
<section class="employment"> <section class="employment">
@ -31,11 +24,13 @@
<div> <div>
<ul class="no-bullet"> <ul class="no-bullet">
<li> <li>
<div> <div class="space-between">
<span class="bold">Senior Full-Stack Developer,</span> <div>
<span>TorahAnytime.com, Flushing, NY</span> <span class="bold">Senior Full-Stack Developer,</span>
<span>TorahAnytime.com, Flushing, NY</span>
</div>
<div class="italic right">June 2022Present</div>
</div> </div>
<div class="italic right">June 2022Present</div>
<div> <div>
<ul> <ul>
<li> <li>
@ -84,13 +79,15 @@
</div> </div>
</li> </li>
<li> <li>
<div> <div class="space-between">
<span class="bold">Assistant Manager,</span> <div>
<span <span class="bold">Assistant Manager,</span>
>Sureknit Inc. Property Management, East Flatbush, NY</span <span
> >Sureknit Inc. Property Management, East Flatbush, NY</span
>
</div>
<div class="italic right">February 2020June 2022</div>
</div> </div>
<div class="italic right">February 2020June 2022</div>
<div> <div>
<ul> <ul>
<li>Kept accurate records of tenant rent payments.</li> <li>Kept accurate records of tenant rent payments.</li>
@ -122,11 +119,13 @@
</div> </div>
</li> --> </li> -->
<li> <li>
<div> <div class="space-between">
<span class="bold">Operations Manager,</span> <div>
<span>Tax Opportunities America, Flushing, NY</span> <span class="bold">Operations Manager,</span>
<span>Tax Opportunities America, Flushing, NY</span>
</div>
<div class="italic right">April 2014May 2015</div>
</div> </div>
<div class="italic right">April 2014May 2015</div>
<div> <div>
<ul> <ul>
<li> <li>
@ -142,14 +141,16 @@
</div> </div>
</li> </li>
<li> <li>
<div> <div class="space-between">
<span class="bold">Representative,</span> <div>
<span <span class="bold">Representative,</span>
>Computer-Aided Engineering Network (CAEN) Hotline, U. of <span
Michigan</span >Computer-Aided Engineering Network (CAEN) Hotline, U. of
> Michigan</span
>
</div>
<div class="italic right">20072009, 20102011</div>
</div> </div>
<div class="italic right">20072009, 20102011</div>
<div> <div>
<ul> <ul>
<li> <li>
@ -207,9 +208,9 @@
<div> <div>
<span class="bold">Calendar Optimizer project</span> <span class="bold">Calendar Optimizer project</span>
<span <span
>The beginnings of a stock options research platform. Frontend >Stock options research platform. Frontend uses Preact,
uses Preact, backend application layer uses trpc, database is backend application layer uses trpc, database is Clickhouse.
Clickhouse. Available at Available at
<a href="https://calendar-optimizer-frontend.sakal.us" <a href="https://calendar-optimizer-frontend.sakal.us"
>https://calendar-optimizer-frontend.sakal.us</a >https://calendar-optimizer-frontend.sakal.us</a
>.</span >.</span
@ -221,7 +222,8 @@
<span class="bold">Custom Full-Stack eCommerce website</span> <span class="bold">Custom Full-Stack eCommerce website</span>
<span <span
>Created custom e-commerce website, both front-end and >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" <a href="https://git.sakal.us/avraham/piazzaoptical.com"
>https://git.sakal.us/avraham/piazzaoptical.com</a >https://git.sakal.us/avraham/piazzaoptical.com</a
>). Frontend was implemented in >). Frontend was implemented in
@ -275,16 +277,17 @@
<div> <div>
<ul class="no-bullet"> <ul class="no-bullet">
<li> <li>
<div> <div class="space-between">
<span class="bold">B.S. in Aerospace Engineering,</span> <div>
<span>University of Michigan, Ann Arbor, MI</span> <span class="bold">B.S. in Aerospace Engineering,</span>
</div> <span>University of Michigan, Ann Arbor, MI</span>
<div class="italic right"> </div>
Sept. 2006April 2009, Sept. 2010April 2011 <div class="italic right">
Sept. 2006April 2009, Sept. 2010April 2011, GPA 3.185
</div>
</div> </div>
<div class="italic right">GPA 3.185</div>
</li> </li>
<li> <!-- <li>
<div> <div>
<span class="bold">Ph.D. in Rabbinics,</span> <span class="bold">Ph.D. in Rabbinics,</span>
<span>Rabbinical Seminary of America, Flushing, NY</span> <span>Rabbinical Seminary of America, Flushing, NY</span>
@ -292,7 +295,7 @@
<div class="italic right"> <div class="italic right">
April 2009April 2010, April 2011January 2020 April 2009April 2010, April 2011January 2020
</div> </div>
</li> </li> -->
</ul> </ul>
</div> </div>
</section> </section>

@ -1,5 +1,5 @@
@import url("./common.css"); @import url("./common.css");
@page { @page {
size: letter; size: letter;
margin: 1in; margin: 0.5in;
} }

@ -28,6 +28,11 @@ body {
text-align: right; text-align: right;
} }
.space-between {
display: flex;
justify-content: space-between;
}
.no-bullet { .no-bullet {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -44,31 +49,36 @@ section.header {
section.contact-info { section.contact-info {
display: flex; display: flex;
justify-content: space-between; justify-content: center;
} }
section.sections { section.sections {
margin-top: 3em; margin-top: 1.6em;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
gap: 2em; gap: 1.6em;
} }
section.sections > section { /* section.sections > section {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
} } */
section.sections > section > label { 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%; width: 75%;
} } */
ul.inline { ul.inline {
padding-inline-start: 0px; padding-inline-start: 0px;

Loading…
Cancel
Save