academic tarot cards added

marcelpadilla · Sep 22, 2024 · 8918eae · 8918eae
1 parent 178e62d
commit 8918eae
Show file tree

Hide file tree

Showing 48 changed files with 507 additions and 142 deletions.
diff --git a/Projects/Academic_Tarot_Cards/Academic Tarot Deck Box.pdf b/Projects/Academic_Tarot_Cards/Academic Tarot Deck Box.pdf
diff --git a/Projects/Academic_Tarot_Cards/Academic Tarot Deck.pdf b/Projects/Academic_Tarot_Cards/Academic Tarot Deck.pdf
diff --git a/Projects/Academic_Tarot_Cards/Acceptance.png b/Projects/Academic_Tarot_Cards/Acceptance.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Acceptance.png b/Projects/Academic_Tarot_Cards/cards/Acceptance.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Artificial Intelligence.png b/Projects/Academic_Tarot_Cards/cards/Artificial Intelligence.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Depression.png b/Projects/Academic_Tarot_Cards/cards/Depression.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Extreme Poverty.png b/Projects/Academic_Tarot_Cards/cards/Extreme Poverty.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Gratitude.png b/Projects/Academic_Tarot_Cards/cards/Gratitude.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Resignation.png b/Projects/Academic_Tarot_Cards/cards/Resignation.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Reviewer 1.png b/Projects/Academic_Tarot_Cards/cards/Reviewer 1.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Reviewer 2.png b/Projects/Academic_Tarot_Cards/cards/Reviewer 2.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Reviewer 3.png b/Projects/Academic_Tarot_Cards/cards/Reviewer 3.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Reviewer 4.png b/Projects/Academic_Tarot_Cards/cards/Reviewer 4.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Reviewer 5.png b/Projects/Academic_Tarot_Cards/cards/Reviewer 5.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Strong Rejection.png b/Projects/Academic_Tarot_Cards/cards/Strong Rejection.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Submission.png b/Projects/Academic_Tarot_Cards/cards/Submission.png
diff --git a/Projects/Academic_Tarot_Cards/cards/The Accident.png b/Projects/Academic_Tarot_Cards/cards/The Accident.png
diff --git a/Projects/Academic_Tarot_Cards/cards/The Career Ladder.png b/Projects/Academic_Tarot_Cards/cards/The Career Ladder.png
diff --git a/Projects/Academic_Tarot_Cards/cards/The Imposter.png b/Projects/Academic_Tarot_Cards/cards/The Imposter.png
diff --git a/Projects/Academic_Tarot_Cards/cards/The Major Revision.png b/Projects/Academic_Tarot_Cards/cards/The Major Revision.png
diff --git a/Projects/Academic_Tarot_Cards/cards/The Shitstorm.png b/Projects/Academic_Tarot_Cards/cards/The Shitstorm.png
diff --git a/Projects/Academic_Tarot_Cards/cards/The Trash.png b/Projects/Academic_Tarot_Cards/cards/The Trash.png
diff --git a/Projects/Academic_Tarot_Cards/cards/Unknown Territories.png b/Projects/Academic_Tarot_Cards/cards/Unknown Territories.png
diff --git a/Projects/Academic_Tarot_Cards/index.html b/Projects/Academic_Tarot_Cards/index.html
@@ -1,157 +1,231 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
-    <!-- Charset -->
+    <!-- Required meta tags -->
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="/Source/images/MP_New.png" type="image/x-icon">
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Custom CSS -->
+    <link href="/Source/CSS/style_new.css" rel="stylesheet">
 
     <!-- Google Tag Manager -->
     <script>(function (w, d, s, l, i) {
             w[l] = w[l] || []; w[l].push({
-                'gtm.start':
-                    new Date().getTime(), event: 'gtm.js'
+                'gtm.start': new Date().getTime(), event: 'gtm.js'
             }); var f = d.getElementsByTagName(s)[0],
                 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                     'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
         })(window, document, 'script', 'dataLayer', 'GTM-PHNM37S');</script>
     <!-- End Google Tag Manager -->
 
-    <!-- ICON -->
-    <link rel="shortcut icon" href="/Source/images/MP_New.png" type="image/x-icon">
-
-    <!-- Bootstrap CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHNM37S" height="0" width="0"
+            style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
 
-    <!-- Custom CSS -->
-    <link href="/Source/CSS/custom.css" rel="stylesheet">
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg fixed-top">
+        <div class="container-fluid">
+            <a class="navbar-brand btn" href="/">Dr. Marcel Padilla 🎓</a>
+
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
+                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+                <span class="navbar-toggler-text">Nav</span>
+            </button>
+            <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
+                <ul class="navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="/index.html#publications">Publications 📜</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/index.html#teaching">Teaching 📖</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/index.html#exploration">Exploration 🔮</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/index.html#aboutme">About Me 📌</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
 
-    <!-- Existing CSS files (if needed for the header/navigation bar) -->
-    <link href='/Source/style_old.css' rel='stylesheet'>
-    <link href='/Source/CSS/style.css' rel='stylesheet'>
+    <title>🃏 Academic Tarot Cards</title>
 
-    <title>Project Title</title>
 </head>
 
 <body>
 
-    <!-- Google Tag Manager (noscript) -->
-    <noscript>
-        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHNM37S" height="0" width="0"
-            style="display:none;visibility:hidden"></iframe>
-    </noscript>
-    <!-- End Google Tag Manager (noscript) -->
-
-    <!-- Header and Navigation -->
-    <a class="anchor" id="top"></a>
-    <div class="header">
-        <div class="navigation">
-            <a href="/">Marcel Padilla 🎓</a>
-            <a href="#publications">Publications 📜</a>
-            <a href="#teaching">Teaching 📖</a>
-            <a href="#exploration">Exploration 🔮</a>
-            <a href="#aboutme">About Me 📌</a>
-        </div>
-    </div>
-    <div class="headerSpacer"></div>
-
-    <!-- Main content -->
-    <main id="project-page" class="container">
+    <!-- Main Content -->
+    <main class="container mt-5 pt-5 page-field">
 
         <!-- Project Title -->
-        <h1 class="mt-5">Project Title</h1>
-
-        <!-- Authors -->
-        <div class="authors mb-4">
-            <p>
-                <strong>Author Name<sup>1</sup></strong>,
-                <strong>Author Name<sup>2</sup></strong>,
-                <strong>Author Name<sup>3</sup></strong>
-            </p>
-            <p>
-                <sup>1</sup>Affiliation One<br>
-                <sup>2</sup>Affiliation Two<br>
-                <sup>3</sup>Affiliation Three
-            </p>
-        </div>
+        <h1 class="text-center mb-4 page-title">Academic Tarot Cards</h1>
+        <p class="text-center page-subtitle">A private side project by Marcel Padilla - Summer 2024</p>
 
-        <!-- Abstract -->
-        <section class="abstract mb-5">
+        <!-- Abstract Section -->
+        <section class="mb-5">
             <h2>Abstract</h2>
             <p>
-                This is the abstract of the paper. It provides a brief summary of the project.
+                78 unique super serious & legit academic tarot cards designed for truth seekers and scammers.
             </p>
         </section>
 
-        <!-- Content Sections -->
-        <section class="content-section mb-5">
-            <h2>Introduction</h2>
-            <p>
-                This is the introduction section. It provides background and context for the project.
-            </p>
-        </section>
 
-        <section class="content-section mb-5">
-            <h2>Methods</h2>
-            <p>
-                This is the methods section. It describes the methodology used in the project.
-            </p>
+        <!-- Buttons Section -->
+        <section class="text-center mb-5">
+            <a class="project-button m-2" href="/Projects/Academic_Tarot_Cards/Academic Tarot Deck.pdf" target="_blank">
+                🃏 Download Printable Deck
+            </a>
+            <a class="project-button m-2" href="/Projects/Academic_Tarot_Cards/Academic Tarot Deck Box.pdf"
+                target="_blank">
+                📦 Download Printable Box
+            </a>
         </section>
 
-        <section class="content-section mb-5">
-            <h2>Results</h2>
+        <!-- Conclusion Section -->
+        <section class="mb-5">
+            <h2>Instructions</h2>
+
+            <ul>
+                <li>Pick any topic</li>
+                <li>Draw 3 cards in any way</li>
+                <li>Make up any story as you go (a.k.a. divine intuition)</li>
+                <li>???</li>
+                <li>Manifest destiny & profit</li>
+            </ul>
+
             <p>
-                This is the results section. It presents the findings of the project.
+                The deck was designed as an improvised story telling game. The publisher of this deck is not liable for
+                the actions wisdom consumers take upon receiving their reading.
             </p>
-            <!-- Example Image -->
-            <div class="image mb-4">
-                <img src="path/to/image.jpg" alt="Description of image" class="img-fluid">
-                <p class="text-muted">Figure 1: Caption for the image.</p>
-            </div>
 
-            <!-- Example Video -->
-            <div class="video mb-4">
-                <video controls class="w-100">
-                    <source src="path/to/video.mp4" type="video/mp4">
-                    Your browser does not support the video tag.
-                </video>
-                <p class="text-muted">Video 1: Caption for the video.</p>
-            </div>
         </section>
 
-        <section class="content-section mb-5">
-            <h2>Discussion</h2>
-            <p>
-                This is the discussion section. It interprets the results and their implications.
-            </p>
+        <!-- Single row of images that wraps -->
+        <section class="text-center mb-5">
+            <p>Below are 20/78 super serious & legit academic tarot cards.</p>
+            <div class="tarot-cards-row">
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Reviewer%201.png" alt="Reviewer 1"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Reviewer%202.png" alt="Reviewer 2"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Reviewer%203.png" alt="Reviewer 3"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Reviewer%204.png" alt="Reviewer 4"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Reviewer%205.png" alt="Reviewer 5"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Acceptance.png" alt="Acceptance"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Depression.png" alt="Depression"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Extreme%20Poverty.png" alt="Extreme Poverty"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Gratitude.png" alt="Gratitude"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Resignation.png" alt="Resignation"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Strong%20Rejection.png" alt="Strong Rejection"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/The%20Accident.png" alt="The Accident"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/The%20Career%20Ladder.png" alt="The Career Ladder"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/The%20Imposter.png" alt="The Imposter"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/The%20Major%20Revision.png" alt="The Major Revision"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/The%20Shitstorm.png" alt="The Shitstorm"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/The%20Trash.png" alt="The Trash"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Unknown%20Territories.png" alt="Unknown Territories"
+                        class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Artificial%20Intelligence.png"
+                        alt="Artificial Intelligence" class="img-fluid tarot-card">
+                </div>
+                <div class="tarot-card-wrapper">
+                    <img src="/Projects/Academic_Tarot_Cards/cards/Submission.png" alt="Submission"
+                        class="img-fluid tarot-card">
+                </div>
+            </div>
         </section>
 
-        <section class="content-section mb-5">
-            <h2>Conclusion</h2>
+
+
+        <section class="mb-5">
+            <h2>License</h2>
             <p>
-                This is the conclusion section. It summarizes the project and its findings.
+                The University of the absolute and real truth ®©™ makes no license claim on this project. However, be
+                aware that all images were made using various AI image generator models that were trained on who knows
+                what. Feedback regarding insensitivities and biases will be appreciated.
             </p>
+            <p>Do whatever you want with them.</p>
         </section>
 
-        <!-- Downloadable Files -->
-        <section class="downloads mb-5">
-            <h2>Downloadable Files</h2>
-            <a href="path/to/file.pdf" class="btn btn-primary mb-2" download>Download PDF</a>
-            <a href="path/to/dataset.zip" class="btn btn-secondary mb-2" download>Download Dataset</a>
-        </section>
-
-        <!-- References -->
-        <section class="references mb-5">
-            <h2>References</h2>
-            <ol>
-                <li>Reference 1</li>
-                <li>Reference 2</li>
-                <li>Reference 3</li>
-            </ol>
+        <!-- Bibtex Section -->
+        <section class="mb-5" id="Cite">
+            <h2>BibTeX</h2>
+            <div class="page-cite">
+                <pre class="project-box-bibtex">
+@article{padilla2024academicTarot,
+   author = {Marcel Padilla},
+   title = {Academic Tarot Cards},
+   year = {2024},
+   url = {https://marcelpadilla.com/Projects/Academic_Tarot_Cards/},
+}
+                </pre>
+            </div>
         </section>
 
     </main>
 
-    <!-- Bootstrap JS (optional, for interactive components) -->
+    <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 
 </body>

diff --git a/Projects/Academic_Tarot_Cards/thumbnail.jpg b/Projects/Academic_Tarot_Cards/thumbnail.jpg
diff --git a/Projects/Academic_Tarot_Cards/thumbnail.png b/Projects/Academic_Tarot_Cards/thumbnail.png
diff --git a/Projects/Komplexe_Funktionen_Darstellen/JuWi_94_2012.pdf b/Projects/Komplexe_Funktionen_Darstellen/JuWi_94_2012.pdf
diff --git a/Projects/Rotating_Snakes_Study - Copy/PXL_20240830_200032736_edited.jpg b/Projects/Rotating_Snakes_Study - Copy/PXL_20240830_200032736_edited.jpg
diff --git a/Projects/Rotating_Snakes_Study - Copy/basic snake elements.png b/Projects/Rotating_Snakes_Study - Copy/basic snake elements.png
diff --git a/Projects/Rotating_Snakes_Study - Copy/better color version.png b/Projects/Rotating_Snakes_Study - Copy/better color version.png
diff --git a/Projects/Rotating_Snakes_Study - Copy/color_study_video.mp4 b/Projects/Rotating_Snakes_Study - Copy/color_study_video.mp4
diff --git a/Projects/Rotating_Snakes_Study - Copy/final mid quality.jpg b/Projects/Rotating_Snakes_Study - Copy/final mid quality.jpg