add some more flair including my headshot, nice buttons for contact, better descriptions under work exp, and hrs to make it look better

2 files changed, 34 insertions, 1 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index e7c5c52..576bc83 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -24,6 +24,34 @@ body {
   max-width: 80% !important; /* sorry water.css */
 }
 
+
+h1.hero-text {
+  margin-top: 0;
+}
+
+img.profile {
+  max-width: 180px;
+  height: auto;
+  border-radius: 50%;
+}
+
+div.intro-text {
+  flex: 1;
+}
+
+span.exp-role-detail {
+  font-size: 14px;
+  color: #64748b;
+}
+
+section#intro {
+  display: flex;
+  align-items: flex-start;
+  gap: 24px;
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+
 .topnav {
     background-color: #333;
     overflow: hidden;
@@ -74,7 +102,7 @@ div.exp-title-company-top {
   margin-top: 10px;
 }
 
-div.exp-title-company, div.exp-skills-dates {
+div.exp-title-company, div.exp-skills-dates, div.exp-detail {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
@@ -154,4 +182,9 @@ li.left-item {
 ul.nows {
   list-style: none;
   padding-left: 0;
+}
+
+summary, details {
+  font-size: 14px;
+  text-decoration: none;
 }
\ No newline at end of file
diff --git a/assets/img/profile.jpeg b/assets/img/profile.jpeg
new file mode 100644
index 0000000..05fcd27
--- /dev/null
+++ b/assets/img/profile.jpeg