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

css

Browse Source
This commit is contained in:
Kyle
2020-12-25 17:39:40 -08:00
parent 6a2999f0ac
commit bb8fddcb45
6 changed files with 29 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
about/index.php
View File

@@ -7,30 +7,29 @@
<h4>It's me, Kyle Burton &#x1F440;</h4>
</div>
<div class='layer center'></div>
<div class='layer readable-background'>
<h4 class='padding margin-bottom'>
<div class='layer readable-background margin-bottom-large'>
<h4 class='padding'>
I'm the creator of Card Conjurer. I started playing Magic with an M14 deckbuilder's toolkit. I played 60-card casual games with several close friends, and when Khans of Tarkir was released we attended our first prerelease. As the years passed I got more and more into Magic and ultimately discovered Commander, which is the format I currently play.
</h4>
</div>
<div class='layer'>
<h4 class='padding margin-bottom'>
<div class='layer readable-background margin-bottom-large'>
<h4 class='padding'>
During middle school I did some light programming with Processing and Lego's NXT/EV3, and halfway through high school I taught myself Javascript, HTML, and CSS (the languages that compose websites). Then, in the summer of 2018, I combined my love for Magic and curiosity for programming by creating Card Conjurer.
</h4>
</div>
<div class='layer readable-background'>
<h4 class='padding margin-bottom'>
<div class='layer readable-background margin-bottom-large'>
<h4 class='padding'>
I initially wanted to make some Commander Achievement cards that looked like real Magic cards, so I decided to make a small web-based application to fill blank magic card images with text and mana symbols. It worked surprisingly well, and I soon began to expand on the original idea by adding more customization and more frames. By the end of summer break I decided to purchase the domain CardConjurer.com so I could share my program with the world. Since then I've remade the entire website from the ground-up four times, and am very pleased with its current state. While I don't plan on any major revisions, I will continue adding new frames and features.
</h4>
</div>
<div class='layer'>
<h4 class='padding margin-bottom'>
<div class='layer readable-background margin-bottom-large'>
<h4 class='padding'>
I graduated high school in 2020, and because I had such a great time learning to code and discovering how much it could accomplish I decided to pursue programming. As of Fall of 2020, I've been attending CalPoly SLO majoring in Software Engineering.
</h4>
</div>
<div class='layer readable-background'>
<h4 class='padding margin-bottom'>
<div class='layer readable-background margin-bottom-large'>
<h4 class='padding'>
Whether you'd like to see what I'm up to in the Magic world or take a look at some of the cards I've made with Card Conjurer, please consider taking a moment to check out my Twitter <a style='color: #00aced;' href="https://twitter.com/ImKyle4815" target='_blank'>@ImKyle4815</a>!
</h4>
</div>
<div class='layer'></div>
<?php include('../globalHTML/footer.php'); ?>

6
askurza/index.php
View File

@@ -1,6 +1,6 @@
<?php include('../globalHTML/header.php'); ?>
<title>Ask Urza 2.0</title>
<h2 class='readable-background header-extension title center'>Ask Urza 2.0</h2>
<h2 class='readable-background header-extension title center margin-bottom-large'>Ask Urza 2.0</h2>
<style>
.askUrzaGrid {
display: grid;
@@ -62,7 +62,7 @@
}
}
</style>
<div class="askUrzaGrid layer margin-large">
<div class="askUrzaGrid layer margin-bottom-large">
<div class="urzaCard">
<img src="/askurza/urzaBlank.png">
</div>
@@ -77,7 +77,7 @@
</div>
<h3 id="askUrzaResult" class='readable-background'></h3>
</div>
<div class="readable-background layer margin-large">
<div class="readable-background layer margin-bottom-large">
<h5>
Ask Urza 2.0 is a replacement for AskUrza.com that periodically compiles all planeswalker abilities and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun. To use Ask Urza, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate!
</h5>

9
creator/index.php
View File

@@ -39,7 +39,7 @@
</div>
</div>
<!-- Regular stuff -->
<div class='creator-grid'>
<div class='creator-grid margin-bottom-large'>
<canvas class='creator-canvas box-shadow' id='previewCanvas' width='750' height='1050'></canvas>
<div class='creator-menu box-shadow'>
<div id='creator-menu-tabs' class='creator-menu-tabs'>
@@ -313,21 +313,18 @@
</div>
</div>
</div>
<div class='padding'></div>
<div class='layer readable-background margin-bottom'>
<div class='layer readable-background margin-bottom-large'>
<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'>
<div class='layer readable-background margin-bottom-large'>
<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'); ?>

4
css/style-2.css
View File

@@ -188,8 +188,8 @@ a:hover {
.margin-bottom {
margin-bottom: 0.5rem;
}
.margin-large {
margin: 4rem 0;
.margin-bottom-large {
margin-bottom: 2rem;
}
.margin-top {
margin-top: 0.5rem;

20
legal/index.php
View File

@@ -1,8 +1,8 @@
<?php include('../globalHTML/header.php'); ?>
<title>Card Conjurer - Legal</title>
<h2 class='readable-background header-extension title center'>Terms and Conditions</h2>
<div class='main-content margin-large'>
<div class='readable-background layer'>
<h2 class='readable-background header-extension title center margin-bottom-large'>Terms and Conditions</h2>
<div class='main-content'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Introduction</h2>
<h5 class='padding'>
Welcome, and thank you for using Card Conjurer!
@@ -10,7 +10,7 @@
<br><br>By using our website ("Services"), you confirm that you have read, understand, and agree to be bound by these Terms.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Disclaimer</h2>
<h5 class='padding'>
We are neither affiliated with, sponsored by, nor endorsed by Wizards of the Coast. Fonts, Mana symbols, card images, and other related images are trademarks and copyrights of Wizards of the Coast, LLC, a subsidiary of Hasbro, Inc.
@@ -20,38 +20,38 @@
<br><br>All other content Copyright © 2020 Card Conjurer.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Terms of Use</h2>
<h5 class='padding'>
Our services are intended for personal use only, not commercial.
<br><br>You will not upload artwork that you do not have permission to use, or that is in any way illegal.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Cookies/LocalStorage</h2>
<h5 class='padding'>
By using our services, you are consenting to the use and storage of localStorage and cookies on your device. The data only serves to store settings you have previously input to improve your experience, as well as store the cards you may choose to save.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Advertising</h2>
<h5 class='padding'>
We may present advertisements for or links to third party websites, products, and/or services ("Third Party Ads"). We are not responsible for the availability of these Third Party Ads, the materials they contain, nor any damages or losses they ensue.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Liability</h2>
<h5 class='padding'>
We are not responsible for any damage to your device related to the use of our Services.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Changes</h2>
<h5 class='padding'>
We may revise these Terms at any time. We are not responsible for notifying users of any changes to these Terms, and by continuing to use our Services you are agreeing to be bound by the most recent revision.
</h5>
</div>
<div class='readable-background layer'>
<div class='readable-background layer margin-bottom-large'>
<h2 class='center margin-bottom'>Contact</h2>
<h5 class='padding'>
If you have any questions regarding this Agreement, you may contact us at CardConjurerMTG@gmail.com.

3
theme/index.php
View File

@@ -7,7 +7,7 @@
<h5>This feature is a bit of a work-in-progress</h5>
</div>
<div class='layer'></div>
<div class='layer readable-background'>
<div class='layer readable-background margin-bottom-large'>
<h3>Background</h3>
<h4>Choose a background</h4>
<select class='input' onchange='changeThemeVar(this.value, "background");'>
@@ -25,6 +25,5 @@
<input id='readable-brightness' class='input' type='range' min='0' max='1' step='0.01' oninput='changeThemeVar(this.value, "readablebrightness");'>
<button class='input margin-top' onclick='resetTheme();'>Reset Theme to Default</button>
</div>
<div class='layer'></div>
<script defer src='/js/themeEditor.js'></script>
<?php include('../globalHTML/footer.php'); ?>