socials

thepixelmonk · Aug 18, 2024 · 97e82ba · 97e82ba
1 parent d443950
commit 97e82ba
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 0 deletions.
diff --git a/public/assets/images/discord.png b/public/assets/images/discord.png
diff --git a/public/assets/images/twitch.png b/public/assets/images/twitch.png
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -15,6 +15,18 @@ const permalink = Astro.site.href;
                 <div class="hero-caption"><!-- Main Tagline -->
                     <h1>Bytecraft <span class="colored">Games</span></h1>
                 </div>
+                <div class="socials">
+                    <div class="social">
+                        <a href="https://twitch.tv/pixelmonk" target="_blank">
+                            <div style="background-image:url(assets/images/twitch.png)"></div>
+                        </a>
+                    </div>
+                    <div class="social">
+                        <a href="https://dub.sh/bytecraft" target="_blank">
+                            <div style="background-image:url(assets/images/discord.png)"></div>
+                        </a>
+                    </div>
+                </div>
             </div>
         </div>
     </div><!-- Hero Section End -->

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -0,0 +1,18 @@
+.socials {
+    text-align: center;
+}
+
+.socials .social {
+    position: relative;
+    margin: auto;
+    padding: 0 20px;
+    display: inline-block;
+    width: 100px;
+}
+
+.socials .social div {
+    margin: auto;
+    background-size: contain;
+    width: 50px;
+    height: 50px;
+}