Group up existing components into elements

elements/SocialMedia.pixy

@@ -0,0 +1,36 @@
+component SocialMediaLinks
+	a.footer-element(href="https://discord.gg/0kimAmMCeXGXuzNF", target="_blank", rel="noopener")
+		Icon("discord")
+		span Discord
+
+	a.footer-element(href="https://www.facebook.com/animenotifier", target="_blank", rel="noopener")
+		Icon("facebook")
+		span Facebook
+
+	a.footer-element(href="https://twitter.com/animenotifier", target="_blank", rel="noopener")
+		Icon("twitter")
+		span Twitter
+
+	a.footer-element(href="https://patreon.com/eduardurbach", target="_blank", rel="noopener")
+		Icon("patreon")
+		span Patreon
+
+	a.footer-element(href="https://github.com/animenotifier/notify.moe", target="_blank", rel="noopener")
+		Icon("github")
+		span GitHub
+
+component SocialMediaButtons
+	a.social-media-button.circle-1(href="https://discord.gg/0kimAmMCeXGXuzNF", title="Discord", target="_blank", rel="noopener")
+		RawIcon("discord")
+
+	a.social-media-button.circle-2(href="https://www.facebook.com/animenotifier", title="Facebook", target="_blank", rel="noopener")
+		RawIcon("facebook-square")
+
+	a.social-media-button.circle-3(href="https://twitter.com/animenotifier", title="Twitter", target="_blank", rel="noopener")
+		RawIcon("twitter-square")
+
+	a.social-media-button.circle-4(href="https://patreon.com/eduardurbach", title="Patreon", target="_blank", rel="noopener")
+		RawIcon("patreon")
+
+	a.social-media-button.circle-5(href="https://github.com/animenotifier/notify.moe", title="GitHub", target="_blank", rel="noopener")
+		RawIcon("github")