Update logo

wcedmisten · May 4, 2024 · a4ac5f3 · a4ac5f3
1 parent daf76c4
commit a4ac5f3
Show file tree

Hide file tree

Showing 18 changed files with 308 additions and 21 deletions.
diff --git a/components/NavbarHeader.tsx b/components/NavbarHeader.tsx
@@ -16,12 +16,10 @@ export default function NavbarHeader() {
                         <div>
                             <img
                                 alt=""
-                                src="/logo.png"
-                                width="50px"
-                                height="50px"
-                                className={style.NavbarImage}
+                                src="/owl-banner.svg"
+                                width="210px"
+                                height="80px"
                             />
-                            <p className={style.NavBarLogoText}>William Edmisten</p>
                         </div>
                     </Navbar.Brand>
                 </Link>
@@ -30,7 +28,7 @@ export default function NavbarHeader() {
                     aria-controls="basic-navbar-nav" />
                 <Navbar.Collapse id="basic-navbar-nav" className="justify-content-end">
                     <div className="d-flex justify-content-end">
-                        <Nav activeKey="/" onSelect={() => setExpanded(false)}>
+                        <Nav onSelect={() => setExpanded(false)}>
                             <Link href="/" passHref>
                                 <Nav.Link>Posts</Nav.Link>
                             </Link>

diff --git a/components/navbar.module.css b/components/navbar.module.css
@@ -3,16 +3,11 @@
     margin-right: 10px;
 }
 
-.NavbarBrand {
-    font-family: 'Roboto', sans-serif;
-    font-size: 1.25rem;
-    padding: 0px 0px 0px 0px;
-}
-
 .Navbar {
     /* padding-bottom: 50px; */
-    font-family: 'Roboto', sans-serif;
-    font-size: 1.5rem
+    font-family: 'Rowdies', sans-serif;
+    font-size: 1.5rem;
+    font-weight: 400;
 }
 
 .NavBarLogoText {

diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/mstile-144x144.png b/public/mstile-144x144.png
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
diff --git a/public/mstile-310x150.png b/public/mstile-310x150.png
diff --git a/public/mstile-310x310.png b/public/mstile-310x310.png
diff --git a/public/mstile-70x70.png b/public/mstile-70x70.png
diff --git a/public/owl-banner.svg b/public/owl-banner.svg
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/styles/styles.css b/styles/styles.css
@@ -226,12 +226,8 @@ th {
     }
 }
 
-/* Don't let long links overflow, because they will break
-the entire UI on mobile by making everything else smaller */
+/* Sometimes a URL won't have a natural place to break,
+this tells the browser it can break mid-word in a URL */
 .footnotes {
-    overflow: hidden;
-}
-
-a {
-    overflow: hidden;
+    overflow-wrap: break-word;
 }