feraranas · feraranas · Aug 24, 2024
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,6 @@
 .DS_Store
-references.txt
+references.txt
+.vscode
+.history
+node_modules
+.env
diff --git a/Days/Day1/Day1.jpg → Days1-30/Day1/Day1.jpg b/Days/Day1/Day1.jpg → Days1-30/Day1/Day1.jpg
diff --git a/Days/Day1/index.html → Days1-30/Day1/index.html b/Days/Day1/index.html → Days1-30/Day1/index.html
diff --git a/Days/Day1/styles.css → Days1-30/Day1/styles.css b/Days/Day1/styles.css → Days1-30/Day1/styles.css
diff --git a/Days/Day10/Day10.jpeg → Days1-30/Day10/Day10.jpeg b/Days/Day10/Day10.jpeg → Days1-30/Day10/Day10.jpeg
diff --git a/Days/Day10/index.html → Days1-30/Day10/index.html b/Days/Day10/index.html → Days1-30/Day10/index.html
diff --git a/Days/Day10/styles.css → Days1-30/Day10/styles.css b/Days/Day10/styles.css → Days1-30/Day10/styles.css
diff --git a/Days/Day11/Day11.png → Days1-30/Day11/Day11.png b/Days/Day11/Day11.png → Days1-30/Day11/Day11.png
diff --git a/Days/Day11/index.html → Days1-30/Day11/index.html b/Days/Day11/index.html → Days1-30/Day11/index.html
diff --git a/Days/Day11/script.js → Days1-30/Day11/script.js b/Days/Day11/script.js → Days1-30/Day11/script.js
diff --git a/Days/Day11/styles.css → Days1-30/Day11/styles.css b/Days/Day11/styles.css → Days1-30/Day11/styles.css
diff --git a/Days/Day12/Day12.png → Days1-30/Day12/Day12.png b/Days/Day12/Day12.png → Days1-30/Day12/Day12.png
diff --git a/Days/Day12/index.html → Days1-30/Day12/index.html b/Days/Day12/index.html → Days1-30/Day12/index.html
diff --git a/Days/Day12/script.js → Days1-30/Day12/script.js b/Days/Day12/script.js → Days1-30/Day12/script.js
diff --git a/Days/Day12/styles.css → Days1-30/Day12/styles.css b/Days/Day12/styles.css → Days1-30/Day12/styles.css
diff --git a/Days/Day13/Day13.png → Days1-30/Day13/Day13.png b/Days/Day13/Day13.png → Days1-30/Day13/Day13.png
diff --git a/Days/Day13/index.html → Days1-30/Day13/index.html b/Days/Day13/index.html → Days1-30/Day13/index.html
diff --git a/Days/Day13/styles.css → Days1-30/Day13/styles.css b/Days/Day13/styles.css → Days1-30/Day13/styles.css
diff --git a/Days/Day14/Day14.png → Days1-30/Day14/Day14.png b/Days/Day14/Day14.png → Days1-30/Day14/Day14.png
diff --git a/Days/Day14/index.html → Days1-30/Day14/index.html b/Days/Day14/index.html → Days1-30/Day14/index.html
diff --git a/Days/Day14/styles.css → Days1-30/Day14/styles.css b/Days/Day14/styles.css → Days1-30/Day14/styles.css
diff --git a/Days/Day15/Day15.png → Days1-30/Day15/Day15.png b/Days/Day15/Day15.png → Days1-30/Day15/Day15.png
diff --git a/Days/Day15/index.html → Days1-30/Day15/index.html b/Days/Day15/index.html → Days1-30/Day15/index.html
diff --git a/Days/Day16/Day16.png → Days1-30/Day16/Day16.png b/Days/Day16/Day16.png → Days1-30/Day16/Day16.png
diff --git a/Days/Day16/index.html → Days1-30/Day16/index.html b/Days/Day16/index.html → Days1-30/Day16/index.html
diff --git a/Days/Day16/styles.css → Days1-30/Day16/styles.css b/Days/Day16/styles.css → Days1-30/Day16/styles.css
diff --git a/Days/Day17/Day17.png → Days1-30/Day17/Day17.png b/Days/Day17/Day17.png → Days1-30/Day17/Day17.png
diff --git a/Days/Day17/index.html → Days1-30/Day17/index.html b/Days/Day17/index.html → Days1-30/Day17/index.html
diff --git a/Days/Day17/styles.css → Days1-30/Day17/styles.css b/Days/Day17/styles.css → Days1-30/Day17/styles.css
diff --git a/Days/Day18/Day18.png → Days1-30/Day18/Day18.png b/Days/Day18/Day18.png → Days1-30/Day18/Day18.png
diff --git a/Days/Day18/index.html → Days1-30/Day18/index.html b/Days/Day18/index.html → Days1-30/Day18/index.html
diff --git a/Days/Day18/styles.css → Days1-30/Day18/styles.css b/Days/Day18/styles.css → Days1-30/Day18/styles.css
diff --git a/Days/Day19/Day19.png → Days1-30/Day19/Day19.png b/Days/Day19/Day19.png → Days1-30/Day19/Day19.png
diff --git a/Days/Day19/index.html → Days1-30/Day19/index.html b/Days/Day19/index.html → Days1-30/Day19/index.html
diff --git a/Days/Day19/styles.css → Days1-30/Day19/styles.css b/Days/Day19/styles.css → Days1-30/Day19/styles.css
diff --git a/Days/Day2/Day2.png → Days1-30/Day2/Day2.png b/Days/Day2/Day2.png → Days1-30/Day2/Day2.png
diff --git a/Days/Day2/index.html → Days1-30/Day2/index.html b/Days/Day2/index.html → Days1-30/Day2/index.html
diff --git a/Days/Day2/styles.css → Days1-30/Day2/styles.css b/Days/Day2/styles.css → Days1-30/Day2/styles.css
diff --git a/Days/Day20/Day20.png → Days1-30/Day20/Day20.png b/Days/Day20/Day20.png → Days1-30/Day20/Day20.png
diff --git a/Days/Day20/index.html → Days1-30/Day20/index.html b/Days/Day20/index.html → Days1-30/Day20/index.html
diff --git a/Days/Day20/styles.css → Days1-30/Day20/styles.css b/Days/Day20/styles.css → Days1-30/Day20/styles.css
diff --git a/Days/Day21/Day21.png → Days1-30/Day21/Day21.png b/Days/Day21/Day21.png → Days1-30/Day21/Day21.png
diff --git a/Days/Day21/index.html → Days1-30/Day21/index.html b/Days/Day21/index.html → Days1-30/Day21/index.html
diff --git a/Days/Day21/styles.css → Days1-30/Day21/styles.css b/Days/Day21/styles.css → Days1-30/Day21/styles.css
diff --git a/Days/Day22/Day22.png → Days1-30/Day22/Day22.png b/Days/Day22/Day22.png → Days1-30/Day22/Day22.png
diff --git a/Days/Day22/index.html → Days1-30/Day22/index.html b/Days/Day22/index.html → Days1-30/Day22/index.html
diff --git a/Days/Day22/styles.css → Days1-30/Day22/styles.css b/Days/Day22/styles.css → Days1-30/Day22/styles.css
diff --git a/Days/Day23/Day23.png → Days1-30/Day23/Day23.png b/Days/Day23/Day23.png → Days1-30/Day23/Day23.png
diff --git a/Days/Day23/index.html → Days1-30/Day23/index.html b/Days/Day23/index.html → Days1-30/Day23/index.html
diff --git a/Days/Day23/styles.css → Days1-30/Day23/styles.css b/Days/Day23/styles.css → Days1-30/Day23/styles.css
diff --git a/Days/Day24/Day24.png → Days1-30/Day24/Day24.png b/Days/Day24/Day24.png → Days1-30/Day24/Day24.png
diff --git a/Days/Day24/index.html → Days1-30/Day24/index.html b/Days/Day24/index.html → Days1-30/Day24/index.html
diff --git a/Days/Day24/styles.css → Days1-30/Day24/styles.css b/Days/Day24/styles.css → Days1-30/Day24/styles.css
diff --git a/Days/Day25/Day25.png → Days1-30/Day25/Day25.png b/Days/Day25/Day25.png → Days1-30/Day25/Day25.png
diff --git a/Days/Day25/index.html → Days1-30/Day25/index.html b/Days/Day25/index.html → Days1-30/Day25/index.html
diff --git a/Days/Day25/styles.css → Days1-30/Day25/styles.css b/Days/Day25/styles.css → Days1-30/Day25/styles.css
diff --git a/Days/Day26/Day26.png → Days1-30/Day26/Day26.png b/Days/Day26/Day26.png → Days1-30/Day26/Day26.png
diff --git a/Days/Day26/index.html → Days1-30/Day26/index.html b/Days/Day26/index.html → Days1-30/Day26/index.html
diff --git a/Days/Day26/styles.css → Days1-30/Day26/styles.css b/Days/Day26/styles.css → Days1-30/Day26/styles.css
diff --git a/Days/Day27/Day27.png → Days1-30/Day27/Day27.png b/Days/Day27/Day27.png → Days1-30/Day27/Day27.png
diff --git a/Days/Day27/index.html → Days1-30/Day27/index.html b/Days/Day27/index.html → Days1-30/Day27/index.html
diff --git a/Days/Day27/styles.css → Days1-30/Day27/styles.css b/Days/Day27/styles.css → Days1-30/Day27/styles.css
diff --git a/Days/Day28/Day28.png → Days1-30/Day28/Day28.png b/Days/Day28/Day28.png → Days1-30/Day28/Day28.png
diff --git a/Days/Day28/index.html → Days1-30/Day28/index.html b/Days/Day28/index.html → Days1-30/Day28/index.html
diff --git a/Days/Day28/styles.css → Days1-30/Day28/styles.css b/Days/Day28/styles.css → Days1-30/Day28/styles.css
diff --git a/Days/Day29/Day29.png → Days1-30/Day29/Day29.png b/Days/Day29/Day29.png → Days1-30/Day29/Day29.png
diff --git a/Days/Day29/images/CDT-ball.png → Days1-30/Day29/images/CDT-ball.png b/Days/Day29/images/CDT-ball.png → Days1-30/Day29/images/CDT-ball.png
diff --git a/Days/Day29/images/CDT-completo.png → Days1-30/Day29/images/CDT-completo.png b/Days/Day29/images/CDT-completo.png → Days1-30/Day29/images/CDT-completo.png
diff --git a/Days/Day29/images/CDT.png → Days1-30/Day29/images/CDT.png b/Days/Day29/images/CDT.png → Days1-30/Day29/images/CDT.png
diff --git a/Days/Day29/images/tennis-court-1.jpg → Days1-30/Day29/images/tennis-court-1.jpg b/Days/Day29/images/tennis-court-1.jpg → Days1-30/Day29/images/tennis-court-1.jpg
diff --git a/Days/Day29/images/tennis-court-2.jpg → Days1-30/Day29/images/tennis-court-2.jpg b/Days/Day29/images/tennis-court-2.jpg → Days1-30/Day29/images/tennis-court-2.jpg
diff --git a/Days/Day29/images/tennis-court-3.jpg → Days1-30/Day29/images/tennis-court-3.jpg b/Days/Day29/images/tennis-court-3.jpg → Days1-30/Day29/images/tennis-court-3.jpg
diff --git a/Days/Day29/images/tennis-court-4.jpg → Days1-30/Day29/images/tennis-court-4.jpg b/Days/Day29/images/tennis-court-4.jpg → Days1-30/Day29/images/tennis-court-4.jpg
diff --git a/Days/Day29/images/tennis-court-5.jpg → Days1-30/Day29/images/tennis-court-5.jpg b/Days/Day29/images/tennis-court-5.jpg → Days1-30/Day29/images/tennis-court-5.jpg
diff --git a/Days/Day29/images/tennis-court-6.jpg → Days1-30/Day29/images/tennis-court-6.jpg b/Days/Day29/images/tennis-court-6.jpg → Days1-30/Day29/images/tennis-court-6.jpg
diff --git a/Days/Day29/images/tennis-court-7.jpg → Days1-30/Day29/images/tennis-court-7.jpg b/Days/Day29/images/tennis-court-7.jpg → Days1-30/Day29/images/tennis-court-7.jpg
diff --git a/Days/Day29/images/tennis.jpg → Days1-30/Day29/images/tennis.jpg b/Days/Day29/images/tennis.jpg → Days1-30/Day29/images/tennis.jpg
diff --git a/Days/Day29/index.html → Days1-30/Day29/index.html b/Days/Day29/index.html → Days1-30/Day29/index.html
diff --git a/Days/Day29/script.js → Days1-30/Day29/script.js b/Days/Day29/script.js → Days1-30/Day29/script.js
diff --git a/Days/Day29/styles.css → Days1-30/Day29/styles.css b/Days/Day29/styles.css → Days1-30/Day29/styles.css
diff --git a/Days/Day3/Day3.png → Days1-30/Day3/Day3.png b/Days/Day3/Day3.png → Days1-30/Day3/Day3.png
diff --git a/Days/Day3/index.html → Days1-30/Day3/index.html b/Days/Day3/index.html → Days1-30/Day3/index.html
diff --git a/Days/Day3/styles.css → Days1-30/Day3/styles.css b/Days/Day3/styles.css → Days1-30/Day3/styles.css
diff --git a/Days/Day30/Day30.png → Days1-30/Day30/Day30.png b/Days/Day30/Day30.png → Days1-30/Day30/Day30.png
diff --git a/Days/Day30/index.html → Days1-30/Day30/index.html b/Days/Day30/index.html → Days1-30/Day30/index.html
diff --git a/Days/Day30/script.js → Days1-30/Day30/script.js b/Days/Day30/script.js → Days1-30/Day30/script.js
diff --git a/Days/Day30/styles.css → Days1-30/Day30/styles.css b/Days/Day30/styles.css → Days1-30/Day30/styles.css
diff --git a/Days/Day31/Day31.png → Days1-30/Day31/Day31.png b/Days/Day31/Day31.png → Days1-30/Day31/Day31.png
diff --git a/Days/Day31/index.html → Days1-30/Day31/index.html b/Days/Day31/index.html → Days1-30/Day31/index.html
diff --git a/Days/Day31/styles.css → Days1-30/Day31/styles.css b/Days/Day31/styles.css → Days1-30/Day31/styles.css
diff --git a/Days/Day4/Day4.png → Days1-30/Day4/Day4.png b/Days/Day4/Day4.png → Days1-30/Day4/Day4.png
diff --git a/Days/Day4/index.html → Days1-30/Day4/index.html b/Days/Day4/index.html → Days1-30/Day4/index.html
diff --git a/Days/Day4/styles.css → Days1-30/Day4/styles.css b/Days/Day4/styles.css → Days1-30/Day4/styles.css
diff --git a/Days/Day5/Day5.png → Days1-30/Day5/Day5.png b/Days/Day5/Day5.png → Days1-30/Day5/Day5.png
diff --git a/Days/Day5/index.html → Days1-30/Day5/index.html b/Days/Day5/index.html → Days1-30/Day5/index.html
diff --git a/Days/Day5/styles.css → Days1-30/Day5/styles.css b/Days/Day5/styles.css → Days1-30/Day5/styles.css
diff --git a/Days/Day6/Day6.jpeg → Days1-30/Day6/Day6.jpeg b/Days/Day6/Day6.jpeg → Days1-30/Day6/Day6.jpeg
diff --git a/Days/Day6/index.html → Days1-30/Day6/index.html b/Days/Day6/index.html → Days1-30/Day6/index.html
diff --git a/Days/Day6/script.js → Days1-30/Day6/script.js b/Days/Day6/script.js → Days1-30/Day6/script.js
diff --git a/Days/Day6/styles.css → Days1-30/Day6/styles.css b/Days/Day6/styles.css → Days1-30/Day6/styles.css
diff --git a/Days/Day7/Day7.png → Days1-30/Day7/Day7.png b/Days/Day7/Day7.png → Days1-30/Day7/Day7.png
diff --git a/Days/Day7/index.html → Days1-30/Day7/index.html b/Days/Day7/index.html → Days1-30/Day7/index.html
diff --git a/Days/Day7/styles.css → Days1-30/Day7/styles.css b/Days/Day7/styles.css → Days1-30/Day7/styles.css
diff --git a/Days/Day8/Day8.png → Days1-30/Day8/Day8.png b/Days/Day8/Day8.png → Days1-30/Day8/Day8.png
diff --git a/Days/Day8/index.html → Days1-30/Day8/index.html b/Days/Day8/index.html → Days1-30/Day8/index.html
diff --git a/Days/Day8/styles.css → Days1-30/Day8/styles.css b/Days/Day8/styles.css → Days1-30/Day8/styles.css
diff --git a/Days/Day9/Day9.png → Days1-30/Day9/Day9.png b/Days/Day9/Day9.png → Days1-30/Day9/Day9.png
diff --git a/Days/Day9/index.html → Days1-30/Day9/index.html b/Days/Day9/index.html → Days1-30/Day9/index.html
diff --git a/Days/Day9/script.js → Days1-30/Day9/script.js b/Days/Day9/script.js → Days1-30/Day9/script.js
diff --git a/Days/Day9/styles.css → Days1-30/Day9/styles.css b/Days/Day9/styles.css → Days1-30/Day9/styles.css
diff --git a/Days30-60/Day1/Day1.png b/Days30-60/Day1/Day1.png
diff --git a/Days30-60/Day1/art.png b/Days30-60/Day1/art.png
diff --git a/Days30-60/Day1/index.html b/Days30-60/Day1/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="output.css">
+    <script src="https://unpkg.com/htmx.org@1.9.3"></script>
+    <title>Day 1</title>
+</head>
+<body class="bg-slate-800">
+    <div class="flex items-center p-6 max-w-sm mx-auto my-6 bg-slate-600 rounded-xl shadow-lg space-x-4">
+        <div class="shrink-0">
+            <img class="size-20" src="./art.png" alt="logo.png">
+        </div>
+        <div>
+            <div class="text-xl font-medium text-stone-300">Green Chat</div>
+            <p class="text-zinc-400">You have a new message!</p>
+        </div>
+    </div>
+
+    <div class="py-8 px-8 max-w-sm mx-auto bg-white rounded-xl shadow-lg space-y-2 sm:py-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-6">
+        <div class="min-w-12" hx-get="https://randomuser.me/api" hx-swap="none" hx-trigger="load">
+            <img class="block mx-auto h-24 w-24 rounded-full sm:mx-0 sm:shrink-0" id="user-image" alt="user-image" src="">
+        </div>
+        <div class="text-center space-y-2 sm:text-left">
+            <div class="space-y-0.5">
+                <p class="text-lg text-black font-semibold">Erin Lindford</p>
+                <p class="text-slate-500 font-medium">Product Engineer</p>
+            </div>
+            <button class="px-4 py-1 text-sm text-purple-600 font-semibold rounded-full border border-purple-400 hover:text-white hover:bg-purple-600 hover:border-transparent focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2">Message</button>
+        </div>
+    </div>
+
+    <script>
+        userImage = document.getElementById('user-image')
+        document.addEventListener('htmx:afterRequest', function(e) {
+            var data = JSON.parse(e.detail.xhr.responseText);
+            var imgSrc = data.results[0].picture.medium;
+            userImage.src = imgSrc
+        })
+    </script>
+</body>
+</html>
diff --git a/Days30-60/Day1/input.css b/Days30-60/Day1/input.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;