-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
81 lines (70 loc) · 3.83 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
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8GL89CTJ7J"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8GL89CTJ7J');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tensorithm - AI Tarot Card Selector</title>
<link rel="stylesheet" type="text/css" href="output.css">
<link rel="icon" href="images/favicon2.png" type="image/x-icon">
</head>
<body>
<div class="container">
<div class="left-column">
+ + + + + + + + + + + + + + + + +
<br><br>
+ + + THE TENSORITHM TAROT + + +
<br><br>
+ + + + + + + + + + + + + + + + +
<br><br>
<p>
ASK YOUR QUESTION. BE SPECIFIC.
</p>
<div class="container2">
<div class="text-center my-20">
<label for="num-cards">HOW MANY CARDS?:</label>
<select id="num-cards">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<button id="draw-cards-button" class="px-4 py-2 bg-blue-500 text-white rounded">DRAW CARDS</button>
<br>
</div>
</div>
<br><br><br>
<div id="card-container" class="flex flex-wrap justify-center"></div>
<br><br><br>
</div>
<div class="right-column">
<div class="welcome-column">
<p>
WELCOME! THIS IS A TOOL FOR DRAWING 1 TO 5 RANDOM CARDS FROM <b><font color = "red">THE TENSORITHM TAROT DECK</font></b>, AN AI-GENERATED TAROT SYSTEM BROUGHT TO YOU BY CHATGPT AND MIDJOURNEY. SEE THE FULL DECK AND READ MORE ABOUT THE PROJECT <a href="https://justinckirkwood.net/tensorithm" target="_blank">HERE</a>, OR GO TO THE GITHUB REPO <a href="https://github.com/krkwd/tensorithm-tarot" target="_blank">HERE</a> IF YOU'RE INTERESTED IN CONTRIBUTING TO THIS PROJECT.
</p>
<p></p>
<p>
THE TOOL WAS DEVELOPED BY A NON-CODER (THAT'D BE <a href="https://justinckirkwood.net" target="_blank">ME</a>), HELPED ALONG BY CHATGPT AND <a href="https://code.chat/" target="_blank">CODE.CHAT</a>. AS A RESULT, IT'S SOMEWHAT PRIMITIVE. WE HAVEN'T (YET) FIGURED OUT HOW TO CREATE VISUAL SPREADS, BUT YOU CAN USE THE LINEAR LAYOUT IN MANY DIFFERENT WAYS. SOME EXAMPLES:
</p>
<p>
<div class="dashed-square"></div>
<br> SINGLE CARD: INSIGHT INTO YOUR CURRENT SITUATION OR QUESTION</p>
<p>
<div class="dashed-square"></div><div class="dashed-square"></div><br>TWO CARDS: PRESENT AND FUTURE OR TWO POTENTIAL PATHS FROM WHICH TO CHOOSE</p>
<p>
<div class="dashed-square"></div><div class="dashed-square"></div><div class="dashed-square"></div><br> THREE CARDS: PAST, PRESENT, AND FUTURE. INSIGHT INTO WHAT LED TO THE PRESENT SITUATION, AND POSSIBLE NEXT STEPS</p>
<p>
<div class="dashed-square"></div><div class="dashed-square"></div><div class="dashed-square"></div><div class="dashed-square"></div>
<br> FOUR CARDS: PAST, PRESENT, AND TWO POTENTIAL FUTURES. CHOOSE YOUR OWN ADVENTURE</p>
<p><div class="dashed-square"></div><div class="dashed-square"></div><div class="dashed-square"></div><div class="dashed-square"></div><div class="dashed-square"></div><br> MODIFIED CELTIC CROSS: PRESENT INFLUENCES, CHALLENGES, GUIDANCE, AND POTENTIAL OUTCOMES</p>
<p></p><p>THERE ARE NO WRONG APPROACHES TO THE TAROT AS LONG AS YOUR QUESTION IS CLEAR, AND YOU ARE OPEN TO ACCEPTING THE ANSWERS PRESENTED</a>
<script src="tensorscript.js"></script>
</body>
</html>