johnggli · psyfercom · May 16, 2024 · May 16, 2024 · May 16, 2024 · May 16, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/.github/workflows/html-static.yml b/.github/workflows/html-static.yml
@@ -0,0 +1,43 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: '.'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
@@ -0,0 +1,43 @@
+ # Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["lily"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: '.'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/091A6ACD-1EEA-4C1F-95CC-E0F5405100E7.jpeg b/091A6ACD-1EEA-4C1F-95CC-E0F5405100E7.jpeg
diff --git a/0F7D39F5-FC32-4AED-9507-F8B1EB697930.jpeg b/0F7D39F5-FC32-4AED-9507-F8B1EB697930.jpeg
diff --git a/16FBBD4E-042C-45FD-991F-053B490A5AE8.jpeg b/16FBBD4E-042C-45FD-991F-053B490A5AE8.jpeg
diff --git a/457108F8-BE63-4D9B-ABE2-AD17DDFBF8C5.jpeg b/457108F8-BE63-4D9B-ABE2-AD17DDFBF8C5.jpeg
diff --git a/49EF1423-5C82-470C-A699-A026A99212A0.jpeg b/49EF1423-5C82-470C-A699-A026A99212A0.jpeg
diff --git a/4F878FBE-AB96-46B9-B07C-6610C35AE680.jpeg b/4F878FBE-AB96-46B9-B07C-6610C35AE680.jpeg
diff --git a/528B6999-F97B-4592-A1DB-BC4FDDB4CF0B.jpeg b/528B6999-F97B-4592-A1DB-BC4FDDB4CF0B.jpeg
diff --git a/531B336E-D6A4-4979-B943-420DD739EC47.jpeg b/531B336E-D6A4-4979-B943-420DD739EC47.jpeg
diff --git a/565C7759-C51E-4427-A918-BCA02F15A4C4.jpeg b/565C7759-C51E-4427-A918-BCA02F15A4C4.jpeg
diff --git a/62AB25CE-2F80-4EF8-8AFA-BF60304BB02D.jpeg b/62AB25CE-2F80-4EF8-8AFA-BF60304BB02D.jpeg
diff --git a/89CE41A5-FE0F-40CF-8A8A-F88289E0D399.jpeg b/89CE41A5-FE0F-40CF-8A8A-F88289E0D399.jpeg
diff --git a/A2F8857A-618E-4F85-A721-E604205CFE93.jpeg b/A2F8857A-618E-4F85-A721-E604205CFE93.jpeg
diff --git a/A51EC8C6-6BB0-4B22-9E24-9900EEC35C52.jpeg b/A51EC8C6-6BB0-4B22-9E24-9900EEC35C52.jpeg
diff --git a/B98445E2-103D-46F9-950C-0D86E47CF308.jpeg b/B98445E2-103D-46F9-950C-0D86E47CF308.jpeg
diff --git a/DF9EDAD0-E8F3-421B-8A96-B406B817CA81.jpeg b/DF9EDAD0-E8F3-421B-8A96-B406B817CA81.jpeg
diff --git a/DFA41D6D-D7AA-40A8-85E2-A4844BB31FE8.jpeg b/DFA41D6D-D7AA-40A8-85E2-A4844BB31FE8.jpeg
diff --git a/E3B8D2E7-A78D-4E63-B706-C095DFFE3C50.jpeg b/E3B8D2E7-A78D-4E63-B706-C095DFFE3C50.jpeg
diff --git a/E4A5718F-14D0-4F55-9C27-B828AE6DA763.jpeg b/E4A5718F-14D0-4F55-9C27-B828AE6DA763.jpeg
diff --git a/F39FDB8A-AE69-42D2-BE58-3D334713179C.jpeg b/F39FDB8A-AE69-42D2-BE58-3D334713179C.jpeg
diff --git a/F51708B9-D13B-4E99-9CAA-F796A77B772A.jpeg b/F51708B9-D13B-4E99-9CAA-F796A77B772A.jpeg
diff --git a/FA7D98BA-931E-4111-B2C9-103F725D84DF.jpeg b/FA7D98BA-931E-4111-B2C9-103F725D84DF.jpeg
diff --git a/LICENSE.md b/LICENSE.md
diff --git a/README.md b/README.md
diff --git a/art.html b/art.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Photo Grid</title>
+    <link rel="stylesheet" href="style.css">
+    <style>
+        .grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+            gap: 10px;
+            padding: 10px;
+            width: 100%;
+            max-width: 1200px;
+            margin: 20px auto;
+        }
+
+        .grid img {
+            width: 100%;
+            height: auto;
+            cursor: pointer;
+            transition: transform 0.3s ease;
+        }
+
+        .grid img.enlarged {
+            transform: scale(2);
+            z-index: 1;
+        }
+    </style>
+</head>
+<body>
+    <center>
+        <div style="background: #fff; border-radius: 20px; padding: 40px; max-width: 700px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); text-align: center; line-height: 1.8; margin: 20px;">
+            <h2 style="margin-top: 0; color: #2d5f73; font-size: 2.5em; letter-spacing: 1px;">Art</h2>
+            <p style="margin: 15px 0; color: #555; font-size: 1.1em;"><strong>Abstract Painter, Mixed Media Artist</strong></p>
+            <p style="margin: 15px 0; color: #555; font-size: 1.1em;"><strong>Art Vendor & Live Painting since 2019</strong></p>
+            <p style="margin: 15px 0; color: #555; font-size: 1.1em;">Art has been shown in Sacramento and Los Angeles</p>
+            <p style="margin: 15px 0; color: #555; font-size: 1.1em;">Influences:</p>
+            <ul style="list-style-type: none; padding-left: 0; margin: 0; font-style: italic;">
+                <li style="margin-bottom: 14px;">Pop Art</li>
+                <li style="margin-bottom: 14px;">Op Art</li>
+                <li style="margin-bottom: 14px;">Impressionism</li>
+                <li style="margin-bottom: 14px;">Nature and patterns</li>
+            </ul>
+        </div>
+        <div class="grid">
+            <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/091A6ACD-1EEA-4C1F-95CC-E0F5405100E7.jpeg" alt="Photo 1">
+            <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/457108F8-BE63-4D9B-ABE2-AD17DDFBF8C5.jpeg" alt="Photo 2">
+            <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/DFA41D6D-D7AA-40A8-85E2-A4844BB31FE8.jpeg" alt="Photo 3">
+            <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/565C7759-C51E-4427-A918-BCA02F15A4C4.jpeg" alt="Photo 4">
+            <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/B98445E2-103D-46F9-950C-0D86E47CF308.jpeg" alt="Photo 5">
+            <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/F51708B9-D13B-4E99-9CAA-F796A77B772A.jpeg" alt="Photo 6">
+            <!-- Add more photos as needed -->
+        </div>
+    </center>
+
+    <script>
+        document.querySelectorAll('.grid img').forEach(img => {
+            img.addEventListener('click', () => {
+                img.classList.toggle('enlarged');
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/astrologytarot.html b/astrologytarot.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lily Heltzer-Stiles | Linktree</title>
+    <!-- Favicon -->
+    <link rel="icon" href="https://raw.githubusercontent.com/psyferlab/lilytree/master/image.png" type="image/x-icon" />
+    <!-- Font Awesome icons -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
+    <!-- Core theme CSS -->
+    <link rel="stylesheet" href="style.css">
+  </head>
+
+  <body>
+    <!-- Parallax Pixel Background Animation -->
+    <section class="animated-background">
+      <div id="stars1"></div>
+      <div id="stars2"></div>
+      <div id="stars3"></div>
+    </section>
+    <!-- End of Parallax Pixel Background Animation -->
+
+    <a id="profilePicture" href="#popup">
+      <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/image.png" alt="Profile Picture">
+    </a>
+
+    <div id="userName">
+      Lily Heltzer-Stiles
+    </div>
+<br>
+<br>
+<div style="background: #fff; border-radius: 20px; padding: 40px; max-width: 700px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); text-align: center; line-height: 1.8; margin: 0 auto;">
+        <h2 style="margin-top: 0; color: #333; font-size: 2.5em; letter-spacing: 1px;">Astrology & Tarot</h2>
+        <p style="margin: 15px 0; color: rgb(9, 87, 135); font-size: 1.1em;">Offering Astrology, Tarot, and Oracle readings virtually, in person, or for events, since 2021</p>
+        <p style="margin: 15px 0; color: rgb(0, 0, 0); font-size: 1.1em; font-style: bold;">So that you may find:</p>
+        <ul style="list-style-type: none; padding-left: 0; margin: 0; color: rgb(9, 87, 135)">
+            <li style="margin-bottom: 10px;">Insights for your questions</li>
+            <li style="margin-bottom: 10px;">Wisdom from the universe</li>
+            <li style="margin-bottom: 10px;">A deeper connection to yourself</li>
+            <li style="margin-bottom: 10px;">Your intuition</li>
+            <li style="margin-bottom: 10px;">Your gifts</li>
+            <li style="margin-bottom: 10px;">Your light</li>
+            <li style="margin-bottom: 10px;">Ignite your passion and your potential</li>
+            <li style="margin-bottom: 10px;">Connect with your inner truth</li>
+        </ul>
+        <div style="margin: 20px 0; color: #ccc; font-size: 1.2em;">~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~</div>
+        <div style="margin: 20px 0; font-weight: bold; color: #444; font-size: 1.2em;">
+            <p>Rates are:</p>
+            <p>Tarot: $10 1 card Question, $20 3 Card Spread, $35 5 Card Spread, $50+ Celtic Cross / Wheel of the Year / Specialized readings</p>
+            <p>Astrology: $15 Sun / Moon / Rising - $25 Sun / Moon / Rising / Mars / Venus</p>
+            <p>$30 Love / Career / Family Reading - $50+ Deluxe Reading</p>
+            <p>Deluxe Readings can include: a complete list of placements in your chart, with notable aspects. Synastry (Comparing your chart & another person’s).</p>
+        </div>
+        <div style="margin: 20px 0; color: #ccc; font-size: 1.2em;">~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~</div>
+        <p style="margin: 15px 0; color: rgb(9, 87, 135); font-size: 1.1em;">I happily share knowledge and resources I find in my learning process, and can try to answer any questions you have about where to find information or inspiration. Learning more about who you are and opening up to insight from the universe takes vulnerability and courage, so my goal is to facilitate straightforward, honest, and compassionate readings. Thank you for trusting me with your experience.</p>
+    </div>
+
+    <div id="hashtag">
+      <br>
+      <br>
+      ❤ ❤ ❤ ❤ ❤ ❤
+    </div>
+  </body>
+</html>
diff --git a/image.png b/image.png
diff --git a/index.html b/index.html
@@ -3,9 +3,9 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>John Emerson | Linktree</title>
+    <title>Lily Heltzer-Stiles | Linktree</title>
     <!-- Favicon -->
-    <link rel="icon" href="https://avatars0.githubusercontent.com/u/43749971" type="image/x-icon" />
+    <link rel="icon" href="https://raw.githubusercontent.com/psyferlab/lilytree/master/image.png" type="image/x-icon" />
     <!-- Font Awesome icons -->
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
     <!-- Core theme CSS -->
@@ -22,45 +22,31 @@
     <!-- End of Parallax Pixel Background Animation -->
 
     <a id="profilePicture" href="#popup">
-      <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
+      <img src="https://raw.githubusercontent.com/psyferlab/lilytree/master/image.png" alt="Profile Picture">
     </a>
 
-    <div class="overlay" id="popup">
-      <div class="popup">
-        <div class="popup-photo">
-          <a href="https://avatars0.githubusercontent.com/u/43749971" target="_blank">
-            <img src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
-          </a>
-        </div>
-        <div class="popup-quote">
-          But... the sensation that I've lost something lingers for a longtime after I wake up.
-        </div>
-        <a class="popup-close" onclick="history.back()">&times;</a>
-      </div>
-    </div>
-
     <div id="userName">
-      @johnggli
+      Lily Heltzer-Stiles
     </div>
 
     <div id="links">
-      <a class="link" href="https://github.com/johnggli" target="_blank">
-        <i class="fab fa-github">&nbsp;</i>Github
+      <a class="link" href="./resume.pdf" target="_blank">
+        <i class="fas fa-file-pdf icon">&nbsp;</i>Resume
       </a>
-      <a class="link" href="https://www.linkedin.com/in/johnggli" target="_blank">
+      <a class="link" href="https://www.linkedin.com/in/lilyheltzerstiles" target="_blank">
         <i class="fab fa-linkedin">&nbsp;</i>Linkedin
       </a>
-      <a class="link" href="https://www.facebook.com/johnggli" target="_blank">
-        <i class="fab fa-facebook">&nbsp;</i>Facebook
+      <a class="link" href="https:/enteractivesolutions.com" target="_blank">
+        <i class="fas fa-globe icon">&nbsp;</i>Enteractive Solutions
       </a>
-      <a class="link" href="https://www.instagram.com/johnggli" target="_blank">
-        <i class="fab fa-instagram">&nbsp;</i>Instagram
+      <a class="link" href="./art.html" target="_blank">
+        <i class="fas fa-palette icon">&nbsp;</i>Artwork
       </a>
-      <a class="link" href="https://twitter.com/johnggli" target="_blank">
-        <i class="fab fa-twitter">&nbsp;</i>Twitter
+      <a class="link" href="./astrologytarot.html" target="_blank">
+        <i class="fas fa-moon icon">&nbsp;</i> Astrology & Tarot
       </a>
-      <a class="link" href="https://myanimelist.net/profile/johnggli" target="_blank">
-        <i class="fa fa-play-circle">&nbsp;</i>MyAnimeList
+      <a class="link" href="./dj.html" target="_blank">
+        <i class="fas fa-headphones icon">&nbsp;</i>DJ Services
       </a>
     </div>
 

diff --git a/screenshot.png b/screenshot.png
diff --git a/style.css b/style.css
@@ -58,7 +58,7 @@ body {
     color: var(--accentColor);
     border: solid var(--accentColor) 2px;
     border-radius: 10px;
-    font-size: 1rem;
+    font-size: 1.5rem;
     text-align: center;
     display: block;
     margin-left: 10px;
@@ -103,6 +103,9 @@ body {
     -webkit-text-fill-color: rgba(255, 255, 255, 0);
 }
 
+.text-block {
+    font-size: 16;
+}
 
 /*-------------------------animations-----------------------*/
 @keyframes transitionAnimation {