update styles

robguthrie · Oct 5, 2023 · 84f95c4 · 84f95c4
1 parent c5711b5
commit 84f95c4
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 41 deletions.
diff --git a/dist/styles.css b/dist/styles.css
@@ -613,19 +613,9 @@ video {
   text-decoration-line: underline;
 }
 
-body {
-  background-color: #a8f0fe;
-  font-family: 'Roboto', 'sans-serif';
-  color: #15141A;
-  font-size: 18px;
-}
-
-p {
-  margin: 24px 0;
-}
-
 @media (min-width: 768px) {
   .md\:p-12 {
     padding: 3rem;
   }
-}
+}
+
diff --git a/index.html b/index.html
@@ -1,38 +1,49 @@
 <html>
 <head>
-	<title>Robert Guthrie</title>
+  <title>Robert Guthrie</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel=stylesheet href="dist/styles.css">
+  <link rel=stylesheet href="dist/styles.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap" rel="stylesheet">
   <script defer data-domain="rob.guthrie.nz" src="https://measure.loomio.com/js/script.outbound-links.js"></script>
+  <style>
+    body { 
+      background-color: #a8f0fe;
+      font-family: 'Roboto', 'sans-serif';
+      color: #15141A;
+      font-size: 18px;
+    }
+    p {
+      margin: 24px 0;
+    }
+  </style>
 </head>
 <body class="md:p-12 p-4">
-	<div class="container mx-auto max-w-xl my-12 font-base">
-		<h1 class="text-6xl/8 my-10 font-light">Hi, I'm Rob</h1>
+  <div class="container mx-auto max-w-xl my-12 font-base">
+    <h1 class="text-6xl/8 my-10 font-light">Hi, I'm Rob</h1>
 
-		<p>I co-founded, designed and built <a class="underline" href="https://www.loomio.com">Loomio<a>, a collaborative decision-making app enjoyed by thousands of organizations around the world.</p>
+    <p>I co-founded, designed and developed <a class="underline" href="https://www.loomio.com">Loomio<a>, a collaborative decision-making app enjoyed by thousands of organizations around the world.</p>
 
-		<p>I'm now looking for my next role, please get in touch if you'd like to discuss working together.</p>
+    <p>I'm now looking for my next role, please get in touch if you'd like to discuss working together.</p>
 
-		<img class="rounded-lg mx-auto my-10" src="photos/3.jpg">
+    <img class="rounded-lg mx-auto my-10" src="photos/3.jpg">
 
-		<p>I have a passion for radical businesses, open source technologies and collaborative practices. I'm an <a class="underline" href="https://www.enspiral.com">Enspiral</a> member, and have served as a director of the Enspiral foundation.</p>
+    <p>I have a passion for radical businesses, open source technologies and collaborative practices. I'm an <a class="underline" href="https://www.enspiral.com">Enspiral</a> member, and have served as a director of the Enspiral foundation.</p>
 
-		<p>I'm based in Wellington, Aotearoa New Zealand. My wife and I have a <span id="homers-age">?</span> month old son, and I'd like to learn how to sail boats one day. <span style="">⛵</span> </p>
+    <p>I'm based in Wellington, Aotearoa New Zealand. My wife and I have a <span id="homers-age">?</span> month old son, and I'd like to learn how to sail boats one day. <span style="">⛵</span> </p>
 
-		<h2 class="font-light text-3xl my-10">I'd love to hear from you: <a href="mailto:[email protected]">[email protected]</a></h2>
+    <h2 class="font-light text-3xl my-10">I'd love to hear from you: <a href="mailto:[email protected]">[email protected]</a></h2>
 
-	</div>
-	<script>
-	function monthDiff(d1, d2) {
-	    var months;
-	    months = (d2.getFullYear() - d1.getFullYear()) * 12;
-	    months -= d1.getMonth();
-	    months += d2.getMonth();
-	    return months <= 0 ? 0 : months;
-	}
+  </div>
+  <script>
+  function monthDiff(d1, d2) {
+      var months;
+      months = (d2.getFullYear() - d1.getFullYear()) * 12;
+      months -= d1.getMonth();
+      months += d2.getMonth();
+      return months <= 0 ? 0 : months;
+  }
   document.getElementById('homers-age').innerHTML = monthDiff(new Date("2022-12-11"), new Date());
   </script>
 </body>

diff --git a/src/styles.css b/src/styles.css
@@ -2,12 +2,3 @@
 @tailwind components;
 @tailwind utilities;
 
-body { 
-  background-color: #a8f0fe;
-  font-family: 'Roboto', 'sans-serif';
-  color: #15141A;
-  font-size: 18px;
-}
-p {
-  margin: 24px 0;
-}