diff --git a/handouts/js-tutorial.html b/handouts/js-tutorial.html
index af93712..eb7e760 100644
--- a/handouts/js-tutorial.html
+++ b/handouts/js-tutorial.html
@@ -11,7 +11,7 @@
             
         body, td, th  {
             font-size: 120%;
-            font-family: "Times New Roman",Times,serif;
+            font-family: "Comic Sans",Times,serif;
             margin-left: 15px;
         }
 
@@ -689,4 +689,4 @@ <h3 style = "margin-bottom: 10px">Decrypt some fun messages in Gravity Falls!</h
 
 
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/images/Pope.webp b/images/Pope.webp
new file mode 100644
index 0000000..65b0923
Binary files /dev/null and b/images/Pope.webp differ
diff --git a/index.html b/index.html
index e8aabca..7928011 100644
--- a/index.html
+++ b/index.html
@@ -3,10 +3,10 @@
  
 <head>
     <title>CS106S: Coding for Social Good</title>
-    <meta charset=utf-8>
-    <meta http-equiv=x-ua-compatible content="IE=edge">
-    <meta name=viewport content="width=device-width,initial-scale=1">
-    <meta name=description
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="description"
         content="CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, government, education, and environment).">
     <meta property="og:description"
         content="CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, government, education, and environment).">
@@ -19,14 +19,13 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link
         href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"
-        
         rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/a17t@latest/dist/a17t.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/a17t@latest/dist/tailwind.css">
     <link rel="stylesheet" href="style.css">
 </head>
 
-<body class=bg-neutral-000>
+<body class="bg-neutral-000">
     <section class="max-w-6xl mx-auto p-4 relative min-h-screen">
         <div class="md:flex md:justify-center md:mt-12 relative">
             <aside class="md:sticky md:top-0 self-start md:pt-8">
@@ -65,7 +64,7 @@
                 </nav>
             </aside>
             <div class="md:min-w-xl md:max-w-xl md:mx-16 md:pt-6">
-                <section id = "main-page">
+                <section id="main-page">
                     <div>
                         <h3 class="inline heading font-bold md:text-4xl">
                             CS 106S
@@ -75,7 +74,7 @@ <h3 class="inline heading font-bold md:text-4xl opacity-50">
                         </h3>
                     </div>
                     <div class=mt-4>
-                        <span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">
+                        <span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style ="background-color: lavender">
                             🌸 Spring 3025
                         </span>
                         <span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🏫 Lathrop 180</span>
@@ -135,7 +134,11 @@ <h2 id="staff">Course Staff</h2>
                             <p class="font-semibold">poohbear</p>
                             <p style = "color: gray; margin-top: 0px">who this</p>
                         </div>
-
+                        <div class="text-center">
+                            <img src="images/Pope.webp" alt="pope" class="rounded h-20 w-20 mx-auto">
+                            <p class="font-semibold">Pope</p>
+                            <p style = "color: gray; margin-top: 0px">the pope</p>
+                        </div>
 
                     </div>
 
diff --git a/style.css b/style.css
index 69a5239..8c0c44c 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 :root {
-    --family-secondary: "Source Sans Pro", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    --family-secondary: "Comic Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     --family-primary: var(--family-secondary);
 
     --code-color: var(--color-neutral-800);
@@ -76,4 +76,4 @@
     --color-urge-700: #5b21b6;
     --color-urge-800: #4c1d95;
     --color-urge-900: #240e44;
-}
\ No newline at end of file
+}
