commit b150d6f233a33d4419de9721c32f191d5498d8a0
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 06:33:23 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..817b6d9
--- /dev/null
+++ b/body.html
@@ -0,0 +1,109 @@
+<header>
+ <h1>Law & Order: SVU Highlights</h1>
+ <nav>
+ <ul>
+ <li><a href="#best-seasons">Best Seasons</a></li>
+ <li><a href="#best-cast">Best Cast</a></li>
+ <li><a href="#most-loved-episodes">Most Loved Episodes</a></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+ <section id="best-seasons">
+ <h2>Best Seasons</h2>
+ <div class="grid">
+ <div class="card">
+ <img src="season1.jpg" alt="Season 1">
+ <h3>Season 1</h3>
+ <p>The season that started it all, introducing us to the gritty world of SVU.</p>
+ </div>
+ <div class="card">
+ <img src="season5.jpg" alt="Season 5">
+ <h3>Season 5</h3>
+ <p>A standout season with intense storylines and character development.</p>
+ </div>
+ <div class="card">
+ <img src="season10.jpg" alt="Season 10">
+ <h3>Season 10</h3>
+ <p>Marking a decade of SVU, this season delivered some of the most memorable episodes.</p>
+ </div>
+ <div class="card">
+ <img src="season15.jpg" alt="Season 15">
+ <h3>Season 15</h3>
+ <p>A milestone season with powerful performances and gripping narratives.</p>
+ </div>
+ <div class="card">
+ <img src="season20.jpg" alt="Season 20">
+ <h3>Season 20</h3>
+ <p>Celebrating 20 years of SVU, this season continued to push boundaries.</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="best-cast">
+ <h2>Best Cast</h2>
+ <div class="grid">
+ <div class="card">
+ <img src="mariska.jpg" alt="Mariska Hargitay">
+ <h3>Mariska Hargitay</h3>
+ <p>As Olivia Benson, she has been the heart and soul of SVU.</p>
+ </div>
+ <div class="card">
+ <img src="christopher.jpg" alt="Christopher Meloni">
+ <h3>Christopher Meloni</h3>
+ <p>Elliot Stabler brought intensity and depth to the series.</p>
+ </div>
+ <div class="card">
+ <img src="ice-t.jpg" alt="Ice-T">
+ <h3>Ice-T</h3>
+ <p>Fin Tutuola added a unique perspective and humor to the team.</p>
+ </div>
+ <div class="card">
+ <img src="kelli.jpg" alt="Kelli Giddish">
+ <h3>Kelli Giddish</h3>
+ <p>Amanda Rollins brought resilience and complexity to her role.</p>
+ </div>
+ <div class="card">
+ <img src="dann.jpg" alt="Dann Florek">
+ <h3>Dann Florek</h3>
+ <p>Captain Donald Cragen provided steady leadership and wisdom.</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="most-loved-episodes">
+ <h2>Most Loved Episodes</h2>
+ <div class="grid">
+ <div class="card">
+ <img src="episode1.jpg" alt="Episode 1">
+ <h3>Payback</h3>
+ <p>The pilot episode that set the tone for the series.</p>
+ </div>
+ <div class="card">
+ <img src="episode2.jpg" alt="Episode 2">
+ <h3>911</h3>
+ <p>A gripping episode that showcased Mariska Hargitay's Emmy-winning performance.</p>
+ </div>
+ <div class="card">
+ <img src="episode3.jpg" alt="Episode 3">
+ <h3>Paternity</h3>
+ <p>A heartbreaking episode that delved into the complexities of family.</p>
+ </div>
+ <div class="card">
+ <img src="episode4.jpg" alt="Episode 4">
+ <h3>Surrender Benson</h3>
+ <p>A tense and emotional episode that tested Olivia Benson's limits.</p>
+ </div>
+ <div class="card">
+ <img src="episode5.jpg" alt="Episode 5">
+ <h3>Remember Me Too</h3>
+ <p>A powerful episode that addressed the #MeToo movement.</p>
+ </div>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <p>Explore the world of Law & Order: SVU with us.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..f3da741
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://svu.scroll.pub
+metaTags
+editButton /edit.html
+title Law & Order: SVU Highlights
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..5661343
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "60dbc836-8e18-4867-b3ea-97b63863130b",
+ "object": "chat.completion",
+ "created": 1735367577,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nsvu.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://svu.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Law & Order: SVU Highlights\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Law & Order: SVU Highlights</h1>\n <nav>\n <ul>\n <li><a href=\"#best-seasons\">Best Seasons</a></li>\n <li><a href=\"#best-cast\">Best Cast</a></li>\n <li><a href=\"#most-loved-episodes\">Most Loved Episodes</a></li>\n </ul>\n </nav>\n</header>\n\n<main>\n <section id=\"best-seasons\">\n <h2>Best Seasons</h2>\n <div class=\"grid\">\n <div class=\"card\">\n <img src=\"season1.jpg\" alt=\"Season 1\">\n <h3>Season 1</h3>\n <p>The season that started it all, introducing us to the gritty world of SVU.</p>\n </div>\n <div class=\"card\">\n <img src=\"season5.jpg\" alt=\"Season 5\">\n <h3>Season 5</h3>\n <p>A standout season with intense storylines and character development.</p>\n </div>\n <div class=\"card\">\n <img src=\"season10.jpg\" alt=\"Season 10\">\n <h3>Season 10</h3>\n <p>Marking a decade of SVU, this season delivered some of the most memorable episodes.</p>\n </div>\n <div class=\"card\">\n <img src=\"season15.jpg\" alt=\"Season 15\">\n <h3>Season 15</h3>\n <p>A milestone season with powerful performances and gripping narratives.</p>\n </div>\n <div class=\"card\">\n <img src=\"season20.jpg\" alt=\"Season 20\">\n <h3>Season 20</h3>\n <p>Celebrating 20 years of SVU, this season continued to push boundaries.</p>\n </div>\n </div>\n </section>\n\n <section id=\"best-cast\">\n <h2>Best Cast</h2>\n <div class=\"grid\">\n <div class=\"card\">\n <img src=\"mariska.jpg\" alt=\"Mariska Hargitay\">\n <h3>Mariska Hargitay</h3>\n <p>As Olivia Benson, she has been the heart and soul of SVU.</p>\n </div>\n <div class=\"card\">\n <img src=\"christopher.jpg\" alt=\"Christopher Meloni\">\n <h3>Christopher Meloni</h3>\n <p>Elliot Stabler brought intensity and depth to the series.</p>\n </div>\n <div class=\"card\">\n <img src=\"ice-t.jpg\" alt=\"Ice-T\">\n <h3>Ice-T</h3>\n <p>Fin Tutuola added a unique perspective and humor to the team.</p>\n </div>\n <div class=\"card\">\n <img src=\"kelli.jpg\" alt=\"Kelli Giddish\">\n <h3>Kelli Giddish</h3>\n <p>Amanda Rollins brought resilience and complexity to her role.</p>\n </div>\n <div class=\"card\">\n <img src=\"dann.jpg\" alt=\"Dann Florek\">\n <h3>Dann Florek</h3>\n <p>Captain Donald Cragen provided steady leadership and wisdom.</p>\n </div>\n </div>\n </section>\n\n <section id=\"most-loved-episodes\">\n <h2>Most Loved Episodes</h2>\n <div class=\"grid\">\n <div class=\"card\">\n <img src=\"episode1.jpg\" alt=\"Episode 1\">\n <h3>Payback</h3>\n <p>The pilot episode that set the tone for the series.</p>\n </div>\n <div class=\"card\">\n <img src=\"episode2.jpg\" alt=\"Episode 2\">\n <h3>911</h3>\n <p>A gripping episode that showcased Mariska Hargitay's Emmy-winning performance.</p>\n </div>\n <div class=\"card\">\n <img src=\"episode3.jpg\" alt=\"Episode 3\">\n <h3>Paternity</h3>\n <p>A heartbreaking episode that delved into the complexities of family.</p>\n </div>\n <div class=\"card\">\n <img src=\"episode4.jpg\" alt=\"Episode 4\">\n <h3>Surrender Benson</h3>\n <p>A tense and emotional episode that tested Olivia Benson's limits.</p>\n </div>\n <div class=\"card\">\n <img src=\"episode5.jpg\" alt=\"Episode 5\">\n <h3>Remember Me Too</h3>\n <p>A powerful episode that addressed the #MeToo movement.</p>\n </div>\n </div>\n </section>\n</main>\n\n<footer>\n <p>Explore the world of Law & Order: SVU with us.</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n color: #333;\n}\n\nheader {\n background-color: #2c3e50;\n color: #fff;\n padding: 20px;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5em;\n}\n\nnav ul {\n list-style: none;\n padding: 0;\n margin: 20px 0 0;\n display: flex;\n justify-content: center;\n}\n\nnav ul li {\n margin: 0 15px;\n}\n\nnav ul li a {\n color: #fff;\n text-decoration: none;\n font-weight: bold;\n}\n\nmain {\n padding: 20px;\n}\n\nsection {\n margin-bottom: 40px;\n}\n\nsection h2 {\n font-size: 2em;\n margin-bottom: 20px;\n text-align: center;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n}\n\n.card {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n transition: transform 0.3s ease;\n}\n\n.card:hover {\n transform: translateY(-10px);\n}\n\n.card img {\n width: 100%;\n height: auto;\n}\n\n.card h3 {\n font-size: 1.2em;\n margin: 15px 0 10px;\n text-align: center;\n}\n\n.card p {\n font-size: 0.9em;\n padding: 0 15px 15px;\n text-align: center;\n}\n\nfooter {\n background-color: #2c3e50;\n color: #fff;\n text-align: center;\n padding: 10px;\n margin-top: 40px;\n}\n\n@media (max-width: 768px) {\n header h1 {\n font-size: 2em;\n }\n\n nav ul {\n flex-direction: column;\n }\n\n nav ul li {\n margin: 10px 0;\n }\n\n .grid {\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n const cards = document.querySelectorAll('.card');\n\n cards.forEach(card => {\n card.addEventListener('mouseenter', () => {\n card.style.transform = 'translateY(-10px)';\n });\n\n card.addEventListener('mouseleave', () => {\n card.style.transform = 'translateY(0)';\n });\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 281,
+ "completion_tokens": 1777,
+ "total_tokens": 2058,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 281
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..3e92c38
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# svu.scroll.pub
+Website generated by DeepSeek from prompt: make a website based on the show law and order svu highltiting best seasons best cast most loved episodes 5 of each with the theme based on the show include pictures some animations and make it look like a mordern website
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..373003b
--- /dev/null
+++ b/script.js
@@ -0,0 +1,13 @@
+document.addEventListener('DOMContentLoaded', () => {
+ const cards = document.querySelectorAll('.card');
+
+ cards.forEach(card => {
+ card.addEventListener('mouseenter', () => {
+ card.style.transform = 'translateY(-10px)';
+ });
+
+ card.addEventListener('mouseleave', () => {
+ card.style.transform = 'translateY(0)';
+ });
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2a1e423
--- /dev/null
+++ b/style.css
@@ -0,0 +1,112 @@
+body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f4f4;
+ color: #333;
+}
+
+header {
+ background-color: #2c3e50;
+ color: #fff;
+ padding: 20px;
+ text-align: center;
+}
+
+header h1 {
+ margin: 0;
+ font-size: 2.5em;
+}
+
+nav ul {
+ list-style: none;
+ padding: 0;
+ margin: 20px 0 0;
+ display: flex;
+ justify-content: center;
+}
+
+nav ul li {
+ margin: 0 15px;
+}
+
+nav ul li a {
+ color: #fff;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+main {
+ padding: 20px;
+}
+
+section {
+ margin-bottom: 40px;
+}
+
+section h2 {
+ font-size: 2em;
+ margin-bottom: 20px;
+ text-align: center;
+}
+
+.grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 20px;
+}
+
+.card {
+ background-color: #fff;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ transition: transform 0.3s ease;
+}
+
+.card:hover {
+ transform: translateY(-10px);
+}
+
+.card img {
+ width: 100%;
+ height: auto;
+}
+
+.card h3 {
+ font-size: 1.2em;
+ margin: 15px 0 10px;
+ text-align: center;
+}
+
+.card p {
+ font-size: 0.9em;
+ padding: 0 15px 15px;
+ text-align: center;
+}
+
+footer {
+ background-color: #2c3e50;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+ margin-top: 40px;
+}
+
+@media (max-width: 768px) {
+ header h1 {
+ font-size: 2em;
+ }
+
+ nav ul {
+ flex-direction: column;
+ }
+
+ nav ul li {
+ margin: 10px 0;
+ }
+
+ .grid {
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ }
+}
\ No newline at end of file