hopefully styled correctly!

fernwarwick · web-flow · commit e948ec4949d4 · 2025-05-20T00:09:50.000+01:00
diff --git a/blog_posts/redefining-continuity.html b/blog_posts/redefining-continuity.html
@@ -2,7 +2,7 @@
 <html>
  <head>
    <meta charset="utf-8"/>
-   <main style="width: 80%;max-width: 720px;margin:auto;">
+   <link rel="stylesheet" href="styles.css">
   <title>
    A Better Way to Understand Continuity
   </title>
diff --git a/index.html b/index.html
@@ -1,46 +1,34 @@
 <!DOCTYPE html>
-<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]>      <html class="no-js"> <![endif]-->
+
 <html>
     <head>
-        <main style="width: 40em;margin:auto">
-        <meta charset="utsf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>Fern Warwick's website</title>
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="stylesheet" href="">
+        <link rel="stylesheet" href="styles.css">
     </head>
     <body>
-        <!--[if lt IE 7]>
-            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
-        <![endif]-->
 
 <center> <a href="https://imiqbal.com/">I M Iqbal</a> <- webring -> <a href="https://petitemare.github.io//">Trinity</a> </center>        
 
 <h1>Fern Warwick</h1>
 
 <p>Hey there! My name's Fern (she/her). I'm a mathematics student studying at the University of Birmingham.</p>
-
 <p>I am interested in researching Turing Machines and automata theory, set theory, as well as anything interesting in the world of maths!</p>
 
 <p>I am currently working through the wonderful world of <a href="https://projecteuler.net/">Project Euler problems</a>. I've also started to learn R, and have started to take part in <a href="https://www.kaggle.com/">Kaggle competitions.</a></a> </p>
 
 <p>Outside maths, I'm also a classical and jazz musician. I play trombone, bass trombone and organ, and I am a choral conductor and accompanist.</p>
 
-<p>See the <a href="/notebooks/literature.html">Current literature</a> I am reading.</p>
-
 <h2>Blog posts</h2>
-(24 April 2025) <a href="/blog_posts/redefining-continuity">A Better Way to Understand Continuity</a>
+<p>(24 April 2025) <a href="/blog_posts/redefining-continuity">A Better Way to Understand Continuity</a></p>
 
 <h2>Papers</h2>
-(2025) <a href="/papers/paper.pdf">NP-Completeness and the Satisfiability Problem</a>
+<p>(2025) <a href="/papers/paper.pdf">NP-Completeness and the Satisfiability Problem</a></p>
 
 
 <h2>Fediverse</h2>
-<a href="https://mathstodon.xyz/@fernymcfernface" rel="me">Mastodon</a>
+<p><a href="https://mathstodon.xyz/@fernymcfernface">Mastodon</a></p>
 
         <script src="" async defer></script>
     </body>
diff --git a/notebooks/literature.html b/notebooks/literature.html
@@ -5,14 +5,12 @@
 <!--[if gt IE 8]>      <html class="no-js"> <![endif]-->
 <html>
     <head>
-        <main style="width: 80%;max-width: 720px;margin:auto;">
-        <style>body, h1 {border-bottom:1px solid #eee}</style>
         <meta charset="utsf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>Fern Warwick's website</title>
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="stylesheet" href="">
+        <link rel="stylesheet" href="styles.css">
     </head>
     <body>
         <!--[if lt IE 7]>
diff --git a/styles.css b/styles.css
@@ -1,3 +1,9 @@
-<head>
-    <main style="width: 40em;margin:auto">
-</head>
+* {
+    font-family: Palatino, Georgia, 'Times New Roman', Times, serif;
+    background-color:#3CB371;
+    width: 80%;
+    margin:auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    h1 {border-bottom:1px solid #eee};
+}
