From 6683a6bcca4d9687c8980e99e8c7b6e03bc17588 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Tue, 22 Dec 2020 10:24:40 -0800
Subject: [PATCH] styling

---
 creator/index.php | 15 +++++++++++++++
 css/style-1.css   |  7 ++++++-
 index.php         | 16 ++++++++--------
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/creator/index.php b/creator/index.php
index f892ce78..f6a3ffd4 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -313,6 +313,21 @@
 				</div>
 			</div>
 		</div>
+		<div class='padding'></div>
+		<div class='layer readable-background margin-bottom'>
+			<h1 class='center margin-bottom'>Share your cards</h1>
+			<h4>
+				I'd love to see the cards you're making, and I'm sure that others would too! Post a picture on Twitter with the hashtag <a style='color: #00aced;' href="https://twitter.com/search?q=%23CardConjurer&src=typed_query&f=live" target='_blank'>#CardConjurer</a>, or just check out what others have made!
+			</h4>
+		</div>
+		<div class='margin-bottom padding'></div>
+		<div class='layer readable-background margin-bottom'>
+			<h1 class='center margin-bottom'>How you can help</h1>
+			<h4>
+				Between hosting fees and paying for the domain, running Card Conjurer can take its toll. Plus, as a student on a tight budget, it can be hard to afford Magic. If you've enjoyed using Card Conjurer and would like to help me out, please consider joining my <a style='color: #f96854;' href="https://www.patreon.com/KyleBurton" target='_blank'>Patreon</a>. And if you'd like to make a one-time donation instead, I have a <a style='color: #3b7bbf;' href="https://www.paypal.me/kyleburtondonate" target='_blank'>PayPal</a> as well. Any assistance is greatly appreciated, even if it's simply checking out my <a style='color: #00aced;' href="https://twitter.com/ImKyle4815" target='_blank'>Twitter</a>!
+			</h4>
+		</div>
+		<div class='margin-bottom padding'></div>
 	</div>
 	<script defer src='/js/creator.js'></script>
 <?php include('../globalHTML/footer.php'); ?>
\ No newline at end of file
diff --git a/css/style-1.css b/css/style-1.css
index 4dcee077..eae2498d 100644
--- a/css/style-1.css
+++ b/css/style-1.css
@@ -122,10 +122,15 @@ img {
 /*Fonts*/
 .title {
 	font-family: belerenbsc;
+}
+h1.title {
+	font-size: 4rem;
+}
+.shadow {
 	text-shadow: 0.2rem 0.2rem 0.5rem black;
 }
 h1 {
-	font-size: 4rem;
+	font-size: 3rem;
 	font-family: Montserrat-SemiBold, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
 	overflow-wrap: break-word;
 }
diff --git a/index.php b/index.php
index 4d908cba..d829a1f5 100644
--- a/index.php
+++ b/index.php
@@ -3,23 +3,23 @@
 	<div class='layer center'></div>
 	<div class='layer center'>
 		<h1>Welcome to Card Conjurer</h1>
-		<h4>The custom Magic: The Gathering card creator</h4>
+		<h3>The custom Magic: The Gathering card creator</h3>
 	</div>
 	<div class='layer center'></div>
 	<div class='layer readable-background center'>
 		<div class='sample-grid'>
 			<img src='/img/samples/sample1.png'>
 			<div class='vertical-center'>
-				<h2 class='padding margin-bottom'>Choose from a Variety of Card Frames</h2>
-				<h4 class='padding margin-bottom'>Card Conjurer offers Expeditions, Inventions, Showcase Frames, and so much more. <a href='/creator/'>Take a look</a>!</h4>
+				<h1 class='padding margin-bottom'>Choose from a Variety of Card Frames</h1>
+				<h3 class='padding margin-bottom'>Card Conjurer offers Expeditions, Inventions, Showcase Frames, and so much more. <a href='/creator/'>Take a look</a>!</h3>
 			</div>
 		</div>
 	</div>
 	<div class='layer center'>
 		<div class='sample-grid right'>
 			<div class='vertical-center'>
-				<h2 class='padding margin-bottom'>Customize to Your Heart's Content</h2>
-				<h4 class='padding margin-bottom'>With Card Conjurer's level of customization, you'll have endless options when designing your dream cards. <a href='/creator/'>Try it out</a>!</h4>
+				<h1 class='padding margin-bottom'>Customize to Your Heart's Content</h1>
+				<h3 class='padding margin-bottom'>With Card Conjurer's level of customization, you'll have endless options when designing your dream cards. <a href='/creator/'>Try it out</a>!</h3>
 			</div>
 			<img src='/img/samples/sample2.png'>
 		</div>
@@ -28,13 +28,13 @@
 		<div class='sample-grid'>
 			<img src='/img/samples/sample3.png'>
 			<div class='vertical-center'>
-				<h2 class='padding margin-bottom'>Bling Out Existing Favorites</h2>
-				<h4 class='padding margin-bottom'>Easily import vital information from existing cards, then redesign them. <a href='/creator/'>Go on, do it</a>!</h4>
+				<h1 class='padding margin-bottom'>Bling Out Existing Favorites</h1>
+				<h3 class='padding margin-bottom'>Easily import vital information from existing cards, then redesign them. <a href='/creator/'>Go on, do it</a>!</h3>
 			</div>
 		</div>
 	</div>
 	<div class='layer center'>
-		<h2 class='margin-bottom'>Ready?</h2>
+		<h1 class='margin-bottom'>Ready?</h1>
 		<a href='/creator/'><h1>Get Started</h1></a>
 	</div>
 <?php include('globalHTML/footer.php'); ?>
\ No newline at end of file