GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Kyle
2020-12-22 10:24:40 -08:00
parent e02fef277d
commit 6683a6bcca
3 changed files with 29 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
creator/index.php
View File

@@ -313,6 +313,21 @@
</div> </div>
</div> </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> </div>
<script defer src='/js/creator.js'></script> <script defer src='/js/creator.js'></script>
<?php include('../globalHTML/footer.php'); ?> <?php include('../globalHTML/footer.php'); ?>

7
css/style-1.css
View File

@@ -122,10 +122,15 @@ img {
/*Fonts*/ /*Fonts*/
.title { .title {
font-family: belerenbsc; font-family: belerenbsc;
}
h1.title {
font-size: 4rem;
}
.shadow {
text-shadow: 0.2rem 0.2rem 0.5rem black; text-shadow: 0.2rem 0.2rem 0.5rem black;
} }
h1 { h1 {
font-size: 4rem; font-size: 3rem;
font-family: Montserrat-SemiBold, Helvetica, Tahoma, Verdana, Geneva, sans-serif; font-family: Montserrat-SemiBold, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word; overflow-wrap: break-word;
} }

16
index.php
View File

@@ -3,23 +3,23 @@
<div class='layer center'></div> <div class='layer center'></div>
<div class='layer center'> <div class='layer center'>
<h1>Welcome to Card Conjurer</h1> <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>
<div class='layer center'></div> <div class='layer center'></div>
<div class='layer readable-background center'> <div class='layer readable-background center'>
<div class='sample-grid'> <div class='sample-grid'>
<img src='/img/samples/sample1.png'> <img src='/img/samples/sample1.png'>
<div class='vertical-center'> <div class='vertical-center'>
<h2 class='padding margin-bottom'>Choose from a Variety of Card Frames</h2> <h1 class='padding margin-bottom'>Choose from a Variety of Card Frames</h1>
<h4 class='padding margin-bottom'>Card Conjurer offers Expeditions, Inventions, Showcase Frames, and so much more. <a href='/creator/'>Take a look</a>!</h4> <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>
</div> </div>
<div class='layer center'> <div class='layer center'>
<div class='sample-grid right'> <div class='sample-grid right'>
<div class='vertical-center'> <div class='vertical-center'>
<h2 class='padding margin-bottom'>Customize to Your Heart's Content</h2> <h1 class='padding margin-bottom'>Customize to Your Heart's Content</h1>
<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> <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> </div>
<img src='/img/samples/sample2.png'> <img src='/img/samples/sample2.png'>
</div> </div>
@@ -28,13 +28,13 @@
<div class='sample-grid'> <div class='sample-grid'>
<img src='/img/samples/sample3.png'> <img src='/img/samples/sample3.png'>
<div class='vertical-center'> <div class='vertical-center'>
<h2 class='padding margin-bottom'>Bling Out Existing Favorites</h2> <h1 class='padding margin-bottom'>Bling Out Existing Favorites</h1>
<h4 class='padding margin-bottom'>Easily import vital information from existing cards, then redesign them. <a href='/creator/'>Go on, do it</a>!</h4> <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>
</div> </div>
<div class='layer center'> <div class='layer center'>
<h2 class='margin-bottom'>Ready?</h2> <h1 class='margin-bottom'>Ready?</h1>
<a href='/creator/'><h1>Get Started</h1></a> <a href='/creator/'><h1>Get Started</h1></a>
</div> </div>
<?php include('globalHTML/footer.php'); ?> <?php include('globalHTML/footer.php'); ?>