SE Update

components/Head.tsx

@@ -4,10 +4,10 @@ const Head = ({ redirect }: { redirect?: { url: string, site: string } }) => {
 
     return (
         <NextHead>
-            <link rel="icon" type="image/png" href="/assets/favicon.png" sizes="32x32" />
-            <link rel="icon" type="image/png" href="/assets/favicon.png" sizes="96x96" />
-            <link rel="icon" type="image/png" href="/assets/favicon.png" sizes="16x16" />
-            <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon.png" />
+            <link rel="icon" type="image/png" href="/assets/Avatar.png" sizes="32x32" />
+            <link rel="icon" type="image/png" href="/assets/Avatar.png" sizes="96x96" />
+            <link rel="icon" type="image/png" href="/assets/Avatar.png" sizes="16x16" />
+            <link rel="apple-touch-icon" sizes="180x180" href="/assets/Avatar.png" />
             <title>heika.dog</title>
             <meta name="theme-color" content="#FABD02 " />
             {!redirect && (
@@ -30,7 +30,7 @@ const Head = ({ redirect }: { redirect?: { url: string, site: string } }) => {
             <meta name="keywords" content="heikadog, heika, music, producer, furry" />
 
             <meta name="twitter:card" content="summary" />
-            <meta name="twitter:image" content="https://heika.dog/assets/favicon.png" />
+            <meta name="twitter:image" content="https://heika.dog/assets/Avatar.png" />
             <meta name="twitter:creator" content="@hkadogs" />
 
             {redirect && (

lib/constants.js

@@ -10,7 +10,7 @@ const consts = {
         teespring: "https://club-siberian.creator-spring.com/"
     },
     music: {
-        special: "https://heikadog.bandcamp.com/album/specialty-endeavors",
+        special: "https://se.heika.dog/",
         sleepydogs: "https://distrokid.com/hyperfollow/heikadog/songs-for-dogs-to-sleep-to-ambient-2"
     }
 }

pages/index.tsx

@@ -26,8 +26,8 @@ const Index = ({ credits }) => {
           i'm heika, a dog person who creates for the internet.
         </p>
         <p className={styles.info}>
-          check out my ambient album  <Link className={styles.link} href={constants.music.sleepydogs}>
-            <a className={styles.link}>Songs For Dogs To Sleep To</a>
+        buy or stream my album  <Link className={styles.link} href={constants.music.sleepydogs}>
+            <a className={styles.link}>SPECIALTY ENDEAVORS (REMASTERED)</a>
           </Link>{" "}
           on all major streaming platforms
         </p>

styles/Icons.module.sass

@@ -1,5 +1,5 @@
 @mixin hovercolor($color)
-    color: black
+    color: white
     &:hover
         color: $color
 

styles/shared.sass

@@ -3,16 +3,19 @@
 body
     height: 100%
     background-color: #111111
+    color: white
     background-size: cover
     background-position: center
     background-repeat: no-repeat
-    background-image: url("/assets/website_background.png")
     height: 100vh
     width: 100%
     overflow: hidden
     font-family: "Helvetica Regular"
     padding: 0
     margin: 0
+    background-image: url("/assets/backgrounds/SE_Desktop.png")
+    @media (max-width: 750px)
+        background-image: url("/assets/backgrounds/SE_Mobile.png")
 
 a
     text-decoration: unset
@@ -22,4 +25,4 @@ a
     // &
     &:not(#icons > )
         &:hover
-            border-bottom: solid 1px black
+            border-bottom: solid 1px white