From f4d142b79d87362dd25f089a35cf20e83fe02590 Mon Sep 17 00:00:00 2001
From: Nathan Chapman <nathanchapman@protonmail.com>
Date: Tue, 11 Jun 2019 17:07:44 -0700
Subject: [PATCH] Add social links

---
 index.html       |  6 ++++++
 styles/index.css | 10 +++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ab2dce0..64dfed8 100644
--- a/index.html
+++ b/index.html
@@ -72,6 +72,12 @@
 			<section>
 				<p>Get in touch with me at <a href="email:contact@jjayberthumemusic.com">contact@jjayberthumemusic.com</a>. I can compose a free 30-second musical demo to your specifications so you can see if I’m the right fit for your project.</p>
 				<p><img src="images/berthume_banner.jpg"></p>
+				<div class="social">
+					<a href="https://soundcloud.com/jjayberthume">SoundCloud</a>
+					<a href="https://www.youtube.com/user/JJBerthume/">YouTube</a>
+					<a href="https://www.patreon.com/jjayberthume">Patreon</a>
+					<a href="https://www.facebook.com/JJayBerthumeMusic/">Facebook</a>
+				</div>
 			</section>
 		</article>
 		<article id="bio">
diff --git a/styles/index.css b/styles/index.css
index 73c3f31..9962a5c 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -171,6 +171,14 @@ img {
 	justify-content: space-between;
 }
 
+.social {
+	font-style: italic;
+	display: flex;
+	justify-content: space-between;
+	font-size: 1.25em;
+	text-align: center;
+}
+
 iframe {
 	width: calc(50% - 10.6665px);
 	margin-bottom: 1em;
@@ -272,7 +280,7 @@ iframe {
 	.logo {
 		max-width: 200px;
 	}
-	nav, .portfolio {
+	nav, .portfolio, .social {
 		flex-direction: column;
 	}
 }