commit d9444e3193fbdff1de2efd3a9cf044aee864af08
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 05:22:40 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..d31cf78
--- /dev/null
+++ b/body.html
@@ -0,0 +1,67 @@
+<header>
+ <div class="banner">
+ <img src="karl-marx.jpg" alt="Karl Marx">
+ <img src="vladimir-lenin.jpg" alt="Vladimir Lenin">
+ <img src="james-connolly.jpg" alt="James Connolly">
+ <img src="xi-jinping.jpg" alt="Xi Jinping">
+ </div>
+ <nav class="taskbar">
+ <a href="#volume1">Volume 1</a>
+ <a href="#volume2">Volume 2</a>
+ <a href="#volume3">Volume 3</a>
+ </nav>
+</header>
+
+<main>
+ <section id="volume1">
+ <h2>Volume 1</h2>
+ <ul>
+ <li><a href="#publication1-1" class="publication-link">Publication 1.1</a></li>
+ <li><a href="#publication1-2" class="publication-link">Publication 1.2</a></li>
+ </ul>
+ <div id="publication1-1" class="publication-content">
+ <h3>Publication 1.1</h3>
+ <p>Content of Publication 1.1...</p>
+ </div>
+ <div id="publication1-2" class="publication-content">
+ <h3>Publication 1.2</h3>
+ <p>Content of Publication 1.2...</p>
+ </div>
+ </section>
+
+ <section id="volume2">
+ <h2>Volume 2</h2>
+ <ul>
+ <li><a href="#publication2-1" class="publication-link">Publication 2.1</a></li>
+ <li><a href="#publication2-2" class="publication-link">Publication 2.2</a></li>
+ </ul>
+ <div id="publication2-1" class="publication-content">
+ <h3>Publication 2.1</h3>
+ <p>Content of Publication 2.1...</p>
+ </div>
+ <div id="publication2-2" class="publication-content">
+ <h3>Publication 2.2</h3>
+ <p>Content of Publication 2.2...</p>
+ </div>
+ </section>
+
+ <section id="volume3">
+ <h2>Volume 3</h2>
+ <ul>
+ <li><a href="#publication3-1" class="publication-link">Publication 3.1</a></li>
+ <li><a href="#publication3-2" class="publication-link">Publication 3.2</a></li>
+ </ul>
+ <div id="publication3-1" class="publication-content">
+ <h3>Publication 3.1</h3>
+ <p>Content of Publication 3.1...</p>
+ </div>
+ <div id="publication3-2" class="publication-content">
+ <h3>Publication 3.2</h3>
+ <p>Content of Publication 3.2...</p>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <p>Red Theory: Exploring the Works of Deng Xiaoping</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..408c302
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://redtheory.scroll.pub
+metaTags
+editButton /edit.html
+title Red Theory: Selected Works of Deng Xiaoping
+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..b415d97
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "c18dad1d-f62d-4572-ba84-bd268efb74bc",
+ "object": "chat.completion",
+ "created": 1735363341,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nredtheory.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://redtheory.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Red Theory: Selected Works of Deng Xiaoping\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <div class=\"banner\">\n <img src=\"karl-marx.jpg\" alt=\"Karl Marx\">\n <img src=\"vladimir-lenin.jpg\" alt=\"Vladimir Lenin\">\n <img src=\"james-connolly.jpg\" alt=\"James Connolly\">\n <img src=\"xi-jinping.jpg\" alt=\"Xi Jinping\">\n </div>\n <nav class=\"taskbar\">\n <a href=\"#volume1\">Volume 1</a>\n <a href=\"#volume2\">Volume 2</a>\n <a href=\"#volume3\">Volume 3</a>\n </nav>\n</header>\n\n<main>\n <section id=\"volume1\">\n <h2>Volume 1</h2>\n <ul>\n <li><a href=\"#publication1-1\" class=\"publication-link\">Publication 1.1</a></li>\n <li><a href=\"#publication1-2\" class=\"publication-link\">Publication 1.2</a></li>\n </ul>\n <div id=\"publication1-1\" class=\"publication-content\">\n <h3>Publication 1.1</h3>\n <p>Content of Publication 1.1...</p>\n </div>\n <div id=\"publication1-2\" class=\"publication-content\">\n <h3>Publication 1.2</h3>\n <p>Content of Publication 1.2...</p>\n </div>\n </section>\n\n <section id=\"volume2\">\n <h2>Volume 2</h2>\n <ul>\n <li><a href=\"#publication2-1\" class=\"publication-link\">Publication 2.1</a></li>\n <li><a href=\"#publication2-2\" class=\"publication-link\">Publication 2.2</a></li>\n </ul>\n <div id=\"publication2-1\" class=\"publication-content\">\n <h3>Publication 2.1</h3>\n <p>Content of Publication 2.1...</p>\n </div>\n <div id=\"publication2-2\" class=\"publication-content\">\n <h3>Publication 2.2</h3>\n <p>Content of Publication 2.2...</p>\n </div>\n </section>\n\n <section id=\"volume3\">\n <h2>Volume 3</h2>\n <ul>\n <li><a href=\"#publication3-1\" class=\"publication-link\">Publication 3.1</a></li>\n <li><a href=\"#publication3-2\" class=\"publication-link\">Publication 3.2</a></li>\n </ul>\n <div id=\"publication3-1\" class=\"publication-content\">\n <h3>Publication 3.1</h3>\n <p>Content of Publication 3.1...</p>\n </div>\n <div id=\"publication3-2\" class=\"publication-content\">\n <h3>Publication 3.2</h3>\n <p>Content of Publication 3.2...</p>\n </div>\n </section>\n</main>\n\n<footer>\n <p>Red Theory: Exploring the Works of Deng Xiaoping</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Georgia', serif;\n margin: 0;\n padding: 0;\n background-color: #f5f5f5;\n color: #333;\n}\n\nheader {\n background-color: #c62828;\n padding: 20px;\n text-align: center;\n}\n\n.banner {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.banner img {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n border: 3px solid #fff;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.taskbar {\n display: flex;\n justify-content: center;\n background-color: #b71c1c;\n padding: 10px;\n}\n\n.taskbar a {\n color: #fff;\n text-decoration: none;\n margin: 0 15px;\n font-size: 18px;\n font-weight: bold;\n}\n\n.taskbar a:hover {\n text-decoration: underline;\n}\n\nmain {\n padding: 20px;\n}\n\nsection {\n margin-bottom: 40px;\n}\n\nh2 {\n color: #c62828;\n border-bottom: 2px solid #c62828;\n padding-bottom: 10px;\n}\n\nul {\n list-style-type: none;\n padding: 0;\n}\n\nul li {\n margin: 10px 0;\n}\n\n.publication-link {\n color: #c62828;\n text-decoration: none;\n}\n\n.publication-link:hover {\n text-decoration: underline;\n}\n\n.publication-content {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n margin-top: 20px;\n}\n\nfooter {\n background-color: #c62828;\n color: #fff;\n text-align: center;\n padding: 10px;\n position: fixed;\n width: 100%;\n bottom: 0;\n}\n\n@media (max-width: 768px) {\n .banner img {\n width: 100px;\n height: 100px;\n }\n\n .taskbar a {\n font-size: 16px;\n margin: 0 10px;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const publicationLinks = document.querySelectorAll('.publication-link');\n \n publicationLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href').substring(1);\n const targetElement = document.getElementById(targetId);\n \n if (targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 331,
+ "completion_tokens": 1442,
+ "total_tokens": 1773,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 331
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..4ec3ea8
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# redtheory.scroll.pub
+Website generated by DeepSeek from prompt: Single page with a banner at the top of horizontally placed images of Karl marx, Vladimir lenin, James Connolly, and Xi Jumping. Below the banner is a taskbar that contains a clickable volume 1 volume 2 and volume three of Deng Xiaoping's selected written works, with each tab when clicked scrolls down to select specific publications of that volume. Once clicked, a text document HTML pops up below of that publication. Have the background be simple but in theme.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..c062d0a
--- /dev/null
+++ b/script.js
@@ -0,0 +1,15 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const publicationLinks = document.querySelectorAll('.publication-link');
+
+ publicationLinks.forEach(link => {
+ link.addEventListener('click', function(e) {
+ e.preventDefault();
+ const targetId = this.getAttribute('href').substring(1);
+ const targetElement = document.getElementById(targetId);
+
+ if (targetElement) {
+ targetElement.scrollIntoView({ behavior: 'smooth' });
+ }
+ });
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d6daf77
--- /dev/null
+++ b/style.css
@@ -0,0 +1,109 @@
+body {
+ font-family: 'Georgia', serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f5f5f5;
+ color: #333;
+}
+
+header {
+ background-color: #c62828;
+ padding: 20px;
+ text-align: center;
+}
+
+.banner {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+
+.banner img {
+ width: 150px;
+ height: 150px;
+ border-radius: 50%;
+ border: 3px solid #fff;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.taskbar {
+ display: flex;
+ justify-content: center;
+ background-color: #b71c1c;
+ padding: 10px;
+}
+
+.taskbar a {
+ color: #fff;
+ text-decoration: none;
+ margin: 0 15px;
+ font-size: 18px;
+ font-weight: bold;
+}
+
+.taskbar a:hover {
+ text-decoration: underline;
+}
+
+main {
+ padding: 20px;
+}
+
+section {
+ margin-bottom: 40px;
+}
+
+h2 {
+ color: #c62828;
+ border-bottom: 2px solid #c62828;
+ padding-bottom: 10px;
+}
+
+ul {
+ list-style-type: none;
+ padding: 0;
+}
+
+ul li {
+ margin: 10px 0;
+}
+
+.publication-link {
+ color: #c62828;
+ text-decoration: none;
+}
+
+.publication-link:hover {
+ text-decoration: underline;
+}
+
+.publication-content {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ margin-top: 20px;
+}
+
+footer {
+ background-color: #c62828;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+ position: fixed;
+ width: 100%;
+ bottom: 0;
+}
+
+@media (max-width: 768px) {
+ .banner img {
+ width: 100px;
+ height: 100px;
+ }
+
+ .taskbar a {
+ font-size: 16px;
+ margin: 0 10px;
+ }
+}
\ No newline at end of file