feat: Use smaller logo for faster initial page rendering (#43)

Author: timonback

README.md

@@ -1,4 +1,4 @@
-# <img src="static/img/logo.png" alt="Logo" width="100"/> Springwolf Website 
+# <img src="static/img/logo_s.png" alt="Logo" width="100"/> Springwolf Website 
 [![Build](https://github.com/springwolf/springwolf.github.io/actions/workflows/build.yml/badge.svg)](https://github.com/springwolf/springwolf.github.io/actions/workflows/build.yml)
 [![Netlify Status](https://api.netlify.com/api/v1/badges/8dc370e2-1578-4a72-a729-747929a94400/deploy-status)](https://app.netlify.com/sites/springwolf/deploys)
 

docusaurus.config.js

@@ -39,7 +39,9 @@ const config = {
       navbar: {
         title: 'Springwolf',
         logo: {
-          src: 'img/logo.png'
+          src: 'img/logo_s.png',
+          height: '32px',
+          width: '32px'
         },
         items: [
           {

src/pages/index.js

@@ -11,7 +11,7 @@ function HomepageHeader() {
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
-        <img src={"img/logo.png"} alt={"logo"} width={"200"} />
+        <img src={"img/logo_s.png"} alt={"logo"} width={"200px"} height={"200px"} />
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>