Made the website mobile friendly

Jiminator · Oct 31, 2023 · 8cddb76 · 8cddb76
1 parent 7543ab7
commit 8cddb76
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 53 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/cv.html b/cv.html
@@ -8,7 +8,7 @@
 </head>
 <body>
   <div class="navbar">
-    <a href="index.html">Index</a>
+    <a href="index.html">About</a>
     <a href="publications.html">Publications</a>
     <a href="projects.html">Projects</a>
     <a href="cv.html" class="active">CV</a>
@@ -25,39 +25,37 @@
   <div class="cv"> 
     <div class="card"> 
       <h3 class="card-title">Basics</h3> 
-      <div> 
-        <table class="table"> 
-          <tbody>
-            <tr> 
-              <td class="pr">
-                <b>Name</b>
-              </td> 
-              <td class="pl"> Jimmy Shong </td> 
-            </tr> 
-            <tr> 
-              <td class="pr">
-                <b>Occupation</b>
-              </td> 
-              <td class="pl"> Student </td> 
-            </tr> 
-            <tr> 
-              <td class="pr">
-                <b>Email</b>
-              </td> 
-              <td class="pl"> 
-                <a href="mailto:js11718@nyu.edu" target="_blank">js11718@nyu.edu</a> 
-              </td> 
-            </tr> 
-            <tr> 
-              <td class="pr">
-                <b>Summary</b>
-              </td> 
-              <td class="pl"> 
-                Senior at New York University currently pursuing a B.S. in computer science with interests in ML research, software engineering, and data science.
-            </tr> 
-          </tbody>
-        </table> 
-      </div>
+      <table> 
+        <tbody>
+          <tr> 
+            <td class="pr">
+              <b>Name</b>
+            </td> 
+            <td class="pl"> Jimmy Shong </td> 
+          </tr> 
+          <tr> 
+            <td class="pr">
+              <b>Occupation</b>
+            </td> 
+            <td class="pl"> Student </td> 
+          </tr> 
+          <tr> 
+            <td class="pr">
+              <b>Email</b>
+            </td> 
+            <td class="pl"> 
+              <a href="mailto:js11718@nyu.edu" target="_blank">js11718@nyu.edu</a> 
+            </td> 
+          </tr> 
+          <tr> 
+            <td class="pr">
+              <b>Summary</b>
+            </td> 
+            <td class="pl"> 
+              Senior at New York University currently pursuing a B.S. in computer science with interests in ML research, software engineering, and data science.
+          </tr> 
+        </tbody>
+      </table> 
     </div> 
     <div class="card"> 
       <h3 class="card-title">Work</h3> 

diff --git a/projects.html b/projects.html
@@ -8,7 +8,7 @@
 </head>
 <body>
   <div class="navbar">
-    <a href="index.html">Index</a>
+    <a href="index.html">About</a>
     <a href="publications.html">Publications</a>
     <a href="projects.html" class="active">Projects</a>
     <a href="cv.html">CV</a>

diff --git a/publications.html b/publications.html
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html>
-<head>
+<head>  
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" href="style.css">
   <title>Jimmy Shong</title>
 </head>
 <body>
   <div class="navbar">
-    <a href="index.html">Index</a>
+    <a href="index.html">About</a>
     <a href="publications.html" class="active">Publications</a>
     <a href="projects.html">Projects</a>
     <a href="cv.html">CV</a>

diff --git a/style.css b/style.css
@@ -243,10 +243,6 @@ li {
     display: block;
 }
 
-.table {
-    margin-bottom: 16px;
-    vertical-align: top;
-}
 
 .pr {
     padding-right: 8px;
@@ -370,6 +366,8 @@ table {
     border-spacing: 2px;
     border-color: gray;
     border-collapse: collapse;
+    margin-bottom: 16px;
+    vertical-align: top;
 }
 
 tr {
@@ -435,7 +433,7 @@ b {
     max-width: 100%;
 }
 
-@media only screen and (max-width: 1084px) {
+@media only screen and (max-width: 640px) {
     .name p {
     font-size: 30px;
     }
@@ -517,28 +515,38 @@ b {
     }
 
     .job-description {
-    font-size: 12px;
+        font-size: 12px;
     }
 
     .badge {
-    font-size: 50%;
-    min-width: 50px;
-    padding: 2px 4px;
+        font-size: 50%;
+        min-width: 50px;
+        padding: 2px 4px;
     }
 
     .card-content-table tbody tr td {
     font-size: 12px;
     }
 
     .project p {
-    font-size: 12px;
+        max-width: 45%;
+        font-size: 12px;
     }
     .contact-icons {
-    margin-top: 10px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;  
-    width: 75px;
-    text-align: center;
+        margin-top: 10px;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;  
+        width: 75px;
+        text-align: center;
+    }
+    .right-column-alignment{
+        font-size: 14px;
+        margin-left: 24px;
+    }
+    .table {
+        margin-bottom: 16px;
+        vertical-align: top;
+        max-width: 5px;
     }
 }