forked from Investigamer/cardconjurer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (93 loc) · 4.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="mtg, magic, card, creator, custom, maker">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style-9.css">
<link rel="shortcut icon" href="core/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="core/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="core/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="core/favicon-16x16.png">
<link rel="manifest" href="core/site.webmanifest">
<script src='js/themes.js'></script>
<script src='js/htmx.min.js'></script>
<script defer src='js/main-1.js'></script>
</head>
<body>
<div class='background'></div>
<header class='readable-background'>
<h1 class='title center'>CARD CONJURER</h1>
</header>
<div>
<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve" xmlns:serif="http://www.serif.com/"
class='hamburger' onclick='toggleMenu()'>
<path class='line1' d="M10,18L90,18L10,82" />
<path class='line3' d="M10,82L90,82L10,18" />
<path class='line2' d="M10,50L90,50" />
</svg>
<div class='circle'></div>
<div class='menu menu-hidden'>
<div class='main-menu'>
<h2>Navigation</h2>
<h3><a href="#" hx-get="index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Home</a></h3>
<h3><a href="#" hx-get="creator/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Card Creator</a></h3>
<h3><a href="#" hx-get="print/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Printing Tool</a></h3>
<h3><a href="#" hx-get="askurza/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Ask Urza 2.0</a></h3>
<h3><a href="#" hx-get="phyrexian/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Phyrexian Generator</a></h3>
<h3><a href='#' hx-get="about/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>About Me</a></h3>
<h3><a href='#' hx-get="gallery/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Gallery</a></h3>
<h3><a href='#' hx-get="theme/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Theme Editor</a></h3>
<h3><a href='#' hx-get="legal/index.html" hx-target="#content" hx-trigger="click" onclick='toggleMenu()'>Legal</a></h3>
</div>
</div>
<div class='notification-container'></div>
</div>
<div id="content">
<div class='layer center'></div>
<div class='layer center'>
<h1>Welcome to Card Conjurer</h1>
<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'>
<div class='animated-scene'><img src='img/samples/sample1.png' class='animated-card-1'></div>
<div class='vertical-center'>
<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="#" hx-get="creator" hx-target="#content" hx-trigger="click">Take a look</a>!</h3>
</div>
</div>
</div>
<div class='layer center'>
<div class='sample-grid right'>
<div class='vertical-center'>
<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="#" hx-get="creator" hx-target="#content" hx-trigger="click">Try it out</a>!</h3>
</div>
<div class='animated-scene'><img src='img/samples/sample2.png' class='animated-card-1 animation-delay-2'></div>
</div>
</div>
<div class='layer readable-background center'>
<div class='sample-grid'>
<div class='animated-scene'><img src='img/samples/sample3.png' class='animated-card-1 animation-delay-4'></div>
<div class='vertical-center'>
<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="#" hx-get="creator" hx-target="#content" hx-trigger="click">Go on, do it</a>!</h3>
</div>
</div>
</div>
<div class='layer center'>
<h1 class='margin-bottom'>Ready?</h1>
<a href="#" hx-get="creator" hx-target="#content" hx-trigger="click"><h1>Get Started</h1></a>
</div>
</div>
</body>
</html>