Update.

emina · Jul 4, 2023 · 76bdd82 · 76bdd82
1 parent ca487f3
commit 76bdd82
Show file tree

Hide file tree

Showing 3 changed files with 128 additions and 24 deletions.
diff --git a/css/cv.css b/css/cv.css
@@ -1,7 +1,7 @@
-@import "base.css";
+@import "light.min.css";
 
 body { 
-  font-size: small; 
+  font-size: .75rem; 
   line-height: 1.25; 
   max-width: 80ch; 
   counter-reset: pub;
@@ -88,7 +88,38 @@ td:last-child {
   padding-right: 0;
   width: auto;
   white-space:nowrap;
-  font-size: small;
+}
+
+footer { 
+  margin-top: 2rem; 
+  margin-bottom: 2rem; 
+  font-size: .65rem; 
+}
+
+@media screen and (max-width: 480px) {
+  body {
+    font-size: .65rem; 
+  }  
+
+  header div {
+    float: none;
+    margin-top: .5rem;
+    margin-bottom: .5rem;
+  }
+
+  footer { 
+    font-size: .55rem; 
+  }
+}
+
+@media screen and (max-width: 375px) {
+  body {
+    font-size: .55rem; 
+  }  
+
+  footer { 
+    font-size: .4rem; 
+  }
 }
 
 @media print {
@@ -100,6 +131,7 @@ td:last-child {
     margin: 1in;
   }
   h1, h2, h3 {
-    page-break-after: avoid; }
+    page-break-after: avoid; 
+  }
 }
 
diff --git a/css/index.css b/css/index.css
@@ -0,0 +1,80 @@
+@import "light.min.css";
+
+
+header img { 
+  width: 7rem; 
+  float: right; 
+}
+
+header + p { 
+  clear: both; 
+  margin-top: 2rem; 
+}
+
+nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0; 
+  text-align: left;
+}
+
+nav ul li {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+
+nav ul li::before {
+  content: "·";
+  margin-right: .5rem;
+  margin-left: .25rem;
+}
+
+nav ul li:first-child::before {
+  content: "";
+  margin: 0;
+  padding: 0;
+}
+
+footer { 
+  margin-top: 2rem; 
+  margin-bottom: 2rem; 
+  font-size: .65rem; 
+}
+
+
+@media screen and (max-width: 480px) {
+  body {
+    font-size: .9rem; 
+  }  
+
+  header img { 
+    width: 3.5rem; 
+    float: right; 
+  }
+
+  footer { 
+    font-size: .6rem; 
+  }
+}
+
+@media screen and (max-width: 375px) {
+  body {
+    font-size: .65rem; 
+  }  
+
+  header img { 
+    width: 3rem; 
+    float: right; 
+  }
+
+  nav ul li::before {
+    content: "·";
+    margin-right: .3rem;
+    margin-left: .15rem;
+  }
+
+  footer { 
+    font-size: .45rem; 
+  }
+}
diff --git a/index.html b/index.html
@@ -8,35 +8,27 @@
   <meta name="description" content="Emina Torlak's homepage">
   <meta name="keywords" content="Rosette, Kodkod, Cedar">
   <title>Emina Torlak</title>
-  <link rel="stylesheet" href="css/base.css">
-  <style>
-    header img   { width: 7rem; float: right; }
-    header + p   { clear: both; margin-top: 2rem; }
-  </style>
+  <link rel="stylesheet" href="css/index.css">
 </head>
 
 <body>
 
 <header>
-
   <img src="img/emina.jpg" alt="Photo of Emina by Dennis Wise">
-
+  <h1>Emina Torlak</h1>
   <div>
-    <h1>Emina Torlak</h1>
-
     Senior Principal Scientist at <a href="https://aws.amazon.com">Amazon Web Services</a><br>
     Associate Professor at the <a href="https://www.cs.washington.edu">University of Washington</a><br>
-    <nav>
-    <ul>
-      <li><a href="cv.html">CV</a></li>
-      <li><a href="https://github.com/emina">GitHub</a></li>
-      <li><a href="https://www.linkedin.com/in/emina-torlak-00451013/">LinkedIn</a></li>
-      <li><a href="https://dblp.uni-trier.de/pid/55/1457.html">DBLP</a></li>
-      <li><a href="https://scholar.google.com/citations?user=rFpexEAAAAAJ&hl=en">Google Scholar</a></li>
-    </ul>
-    </nav>
   </div>
-
+  <nav>
+  <ul>
+    <li><a href="cv.html">CV</a></li>
+    <li><a href="https://github.com/emina">GitHub</a></li>
+    <li><a href="https://www.linkedin.com/in/emina-torlak-00451013/">LinkedIn</a></li>
+    <li><a href="https://dblp.uni-trier.de/pid/55/1457.html">DBLP</a></li>
+    <li><a href="https://scholar.google.com/citations?user=rFpexEAAAAAJ&hl=en">Google Scholar</a></li>
+  </ul>
+  </nav>
 </header>
 
 <p>
@@ -60,7 +52,7 @@ <h1>Emina Torlak</h1>
 </ul>
 </nav>
 
-<footer>&copy; Emina Torlak. All rights reserved. Built with <a href="https://docs.racket-lang.org/pollen/">Pollen</a>. Last updated 3 Jul 2023.</footer>
+<footer>&copy; Emina Torlak. All rights reserved. Built with <a href="https://docs.racket-lang.org/pollen/">Pollen</a>. Last updated 4 Jul 2023.</footer>
 
 </body>
 </html>