Add the full SoCal Python logo SVG to main page

Hippocrates · Hippocrates · commit 8c295c1035b1 · 2026-03-07T17:06:52.000-08:00
diff --git a/input/assets/img/socalpython_logo.svg b/input/assets/img/socalpython_logo.svg
diff --git a/input/assets/style/_main.scss b/input/assets/style/_main.scss
@@ -27,8 +27,40 @@ blockquote {
 
 }
 
+.title-container {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 1px;
+  max-width: 800px;
+  margin: auto;
+  flex-wrap: wrap; /* Enables wrapping for small screens */
+  &:link,
+  &:visited,
+  &:hover,
+  &:active {
+    background: none;
+    color: #555555;
+    text-decoration: none;
+  }
+}
+
+.title-image {
+  display: block;
+  margin: auto;
+  width: 350px;
+  height: auto;
+  flex-shrink: 0;
+  align-content: center;
+}
+
+.title-text {
+  flex: 1;
+  min-width: 200px;
+}
+
 // currently only used on In Memoriam: Michael
-img {
+img.inmemoriam {
   display: block;
   width: 350px;
   max-width: 100%;
@@ -60,26 +92,9 @@ a:active {
 }
 
 header {
-  margin: 50px 0;
+  margin: 5px 0;
   border-bottom: 1px solid #dddddd;
 
-  h1 {
-
-    a {
-
-      &:link,
-      &:visited,
-      &:hover,
-      &:active {
-        background: none;
-        color: #555555;
-        text-decoration: none;
-      }
-
-    }
-
-  }
-
   nav {
 
     ul {
@@ -102,7 +117,7 @@ header {
 
 
 footer {
-  margin: 50px 0;
+  margin: 30px 0;
   padding: 15px 0;
   border-top: 1px solid #dddddd;
   font-size: 75%;
diff --git a/input/in-memoriam-michael/index.md b/input/in-memoriam-michael/index.md
@@ -5,7 +5,7 @@ path: "in-memoriam-michael/"
 
 In early May of 2025, the long-standing SoCal Python organizer Michael Ryabushkin—known to many as goodwill—passed away.
 
-<img src="/assets/img/goodwill.jpg" />
+<img class="inmemoriam" src="/assets/img/goodwill.jpg" />
 
 As possibly the person most responsible for years of thriving of the group and its surrounding community, he had an impact on many of us, both professionally and personally. In light of that, this page is a collection of _in memoriam_ messages submitted through [this form](https://docs.google.com/forms/d/e/1FAIpQLSeoRvyBp5SR4QVY-LK2WwW2qXahf6CfRUmkNhOKUS3NtdLAIQ/viewform?usp=header "In Memoriam: Michael Ryabushkin - Google Forms"). If you would like to share your memories of Michael, please do the same.
 
diff --git a/templates/default.html b/templates/default.html
@@ -37,7 +37,9 @@
   <body>
     <div class="wrapper">
       <header>
-        <h1><a href="/">SoCal Python</a></h1>
+        <a href="/" class="title-container" style="text-decoration: none">
+          <image class="title-image" src="/assets/img/socalpython_logo.svg" alt="A python riding a surfboard pushed by a wave, and a stylized rendering of the words SoCal Python" />
+        </a>
         <nav>
           <ul>
             <li><a href="/">Home</a></li>
