commit c499db735c532ba19b04c9c27815d1ca9399bc3a
Author: root <root@hub.scroll.pub> Date: 2025-01-02 15:12:41 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..2d8a1ca --- /dev/null +++ b/body.html @@ -0,0 +1,42 @@ +<header class="hero"> + <div class="hero-content"> + <h1>Solar Conquest</h1> + <p class="subtitle">A Novel of Humanity's Galactic Ascent</p> + <a href="#story" class="cta-button">Explore the Journey</a> + </div> +</header> + +<section id="story" class="story-section"> + <div class="container"> + <h2>The Story</h2> + <p>In the year 2147, humanity stands on the brink of extinction. Earth is dying, and the only hope lies in the stars. Enter Captain Aria Voss, a brilliant and fearless leader tasked with leading the first interstellar colonization mission. But as Aria and her crew venture deeper into the solar system, they uncover secrets that will change the course of human history forever.</p> + <p>From the icy plains of Europa to the volcanic deserts of Venus, <em>Solar Conquest</em> is a thrilling tale of adventure, discovery, and the indomitable human spirit.</p> + </div> +</section> + +<section class="character-section"> + <div class="container"> + <h2>Meet Captain Aria Voss</h2> + <div class="character-card"> + <img src="aria.jpg" alt="Captain Aria Voss" class="character-image"> + <div class="character-info"> + <h3>Captain Aria Voss</h3> + <p>Aria Voss is the youngest captain in the history of the Interstellar Colonization Initiative. With a mind as sharp as a laser and a heart as vast as the cosmos, she is the perfect leader for humanity's greatest adventure. But even Aria has her secrets, and as the mission unfolds, her past begins to catch up with her.</p> + </div> + </div> + </div> +</section> + +<section class="cta-section"> + <div class="container"> + <h2>Join the Adventure</h2> + <p>Are you ready to embark on the journey of a lifetime? Dive into the world of <em>Solar Conquest</em> and experience the thrill of humanity's greatest adventure.</p> + <a href="#story" class="cta-button">Read the First Chapter</a> + </div> +</section> + +<footer> + <div class="container"> + <p>Solar Conquest &middot; A Novel by [Author Name]</p> + </div> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..4cb7bb4 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://solarconquest.scroll.pub +metaTags +editButton /edit.html +title Solar Conquest: A Novel of Humanity's Galactic Ascent +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..198bb0f --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "a8bf3a96-a2aa-4f94-8249-4ef9ec7120f1", + "object": "chat.completion", + "created": 1735830738, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nsolarconquest.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://solarconquest.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Solar Conquest: A Novel of Humanity's Galactic Ascent\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"hero\">\n <div class=\"hero-content\">\n <h1>Solar Conquest</h1>\n <p class=\"subtitle\">A Novel of Humanity's Galactic Ascent</p>\n <a href=\"#story\" class=\"cta-button\">Explore the Journey</a>\n </div>\n</header>\n\n<section id=\"story\" class=\"story-section\">\n <div class=\"container\">\n <h2>The Story</h2>\n <p>In the year 2147, humanity stands on the brink of extinction. Earth is dying, and the only hope lies in the stars. Enter Captain Aria Voss, a brilliant and fearless leader tasked with leading the first interstellar colonization mission. But as Aria and her crew venture deeper into the solar system, they uncover secrets that will change the course of human history forever.</p>\n <p>From the icy plains of Europa to the volcanic deserts of Venus, <em>Solar Conquest</em> is a thrilling tale of adventure, discovery, and the indomitable human spirit.</p>\n </div>\n</section>\n\n<section class=\"character-section\">\n <div class=\"container\">\n <h2>Meet Captain Aria Voss</h2>\n <div class=\"character-card\">\n <img src=\"aria.jpg\" alt=\"Captain Aria Voss\" class=\"character-image\">\n <div class=\"character-info\">\n <h3>Captain Aria Voss</h3>\n <p>Aria Voss is the youngest captain in the history of the Interstellar Colonization Initiative. With a mind as sharp as a laser and a heart as vast as the cosmos, she is the perfect leader for humanity's greatest adventure. But even Aria has her secrets, and as the mission unfolds, her past begins to catch up with her.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"cta-section\">\n <div class=\"container\">\n <h2>Join the Adventure</h2>\n <p>Are you ready to embark on the journey of a lifetime? Dive into the world of <em>Solar Conquest</em> and experience the thrill of humanity's greatest adventure.</p>\n <a href=\"#story\" class=\"cta-button\">Read the First Chapter</a>\n </div>\n</section>\n\n<footer>\n <div class=\"container\">\n <p>Solar Conquest &middot; A Novel by [Author Name]</p>\n </div>\n</footer>\n---style.css---\n:root {\n --primary-color: #1a73e8;\n --secondary-color: #ff6f61;\n --background-color: #0a0a0a;\n --text-color: #ffffff;\n --font-family: 'Arial', sans-serif;\n}\n\nbody {\n font-family: var(--font-family);\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n line-height: 1.6;\n}\n\n.hero {\n background: url('space.jpg') no-repeat center center/cover;\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: var(--text-color);\n}\n\n.hero-content h1 {\n font-size: 4rem;\n margin: 0;\n}\n\n.subtitle {\n font-size: 1.5rem;\n margin: 1rem 0;\n}\n\n.cta-button {\n background-color: var(--primary-color);\n color: var(--text-color);\n padding: 1rem 2rem;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1.2rem;\n transition: background-color 0.3s ease;\n}\n\n.cta-button:hover {\n background-color: var(--secondary-color);\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n.story-section, .character-section, .cta-section {\n padding: 4rem 0;\n}\n\nh2 {\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n}\n\n.character-card {\n display: flex;\n align-items: center;\n background-color: rgba(255, 255, 255, 0.1);\n padding: 2rem;\n border-radius: 10px;\n}\n\n.character-image {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n margin-right: 2rem;\n}\n\n.character-info h3 {\n font-size: 2rem;\n margin: 0;\n}\n\nfooter {\n text-align: center;\n padding: 2rem 0;\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n@media (max-width: 768px) {\n .hero-content h1 {\n font-size: 3rem;\n }\n\n .character-card {\n flex-direction: column;\n text-align: center;\n }\n\n .character-image {\n margin-right: 0;\n margin-bottom: 1rem;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const ctaButtons = document.querySelectorAll('.cta-button');\n \n ctaButtons.forEach(button => {\n button.addEventListener('click', function(event) {\n event.preventDefault();\n const targetId = this.getAttribute('href');\n const targetSection = document.querySelector(targetId);\n targetSection.scrollIntoView({ behavior: 'smooth' });\n });\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 268, + "completion_tokens": 1278, + "total_tokens": 1546, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 268 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..4747ac4 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# solarconquest.scroll.pub +Website generated by DeepSeek from prompt: a new novel about a human race that conquers and colonizes the whole solar system. should be a main character. and a real aweomse hook. be creative. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..9aa2d6d --- /dev/null +++ b/script.js @@ -0,0 +1,12 @@ +document.addEventListener('DOMContentLoaded', function() { + const ctaButtons = document.querySelectorAll('.cta-button'); + + ctaButtons.forEach(button => { + button.addEventListener('click', function(event) { + event.preventDefault(); + const targetId = this.getAttribute('href'); + const targetSection = document.querySelector(targetId); + targetSection.scrollIntoView({ behavior: 'smooth' }); + }); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..72f147d --- /dev/null +++ b/style.css @@ -0,0 +1,107 @@ +:root { + --primary-color: #1a73e8; + --secondary-color: #ff6f61; + --background-color: #0a0a0a; + --text-color: #ffffff; + --font-family: 'Arial', sans-serif; +} + +body { + font-family: var(--font-family); + color: var(--text-color); + background-color: var(--background-color); + margin: 0; + padding: 0; + line-height: 1.6; +} + +.hero { + background: url('space.jpg') no-repeat center center/cover; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + color: var(--text-color); +} + +.hero-content h1 { + font-size: 4rem; + margin: 0; +} + +.subtitle { + font-size: 1.5rem; + margin: 1rem 0; +} + +.cta-button { + background-color: var(--primary-color); + color: var(--text-color); + padding: 1rem 2rem; + text-decoration: none; + border-radius: 5px; + font-size: 1.2rem; + transition: background-color 0.3s ease; +} + +.cta-button:hover { + background-color: var(--secondary-color); +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 2rem; +} + +.story-section, .character-section, .cta-section { + padding: 4rem 0; +} + +h2 { + font-size: 2.5rem; + margin-bottom: 1.5rem; +} + +.character-card { + display: flex; + align-items: center; + background-color: rgba(255, 255, 255, 0.1); + padding: 2rem; + border-radius: 10px; +} + +.character-image { + width: 150px; + height: 150px; + border-radius: 50%; + margin-right: 2rem; +} + +.character-info h3 { + font-size: 2rem; + margin: 0; +} + +footer { + text-align: center; + padding: 2rem 0; + background-color: rgba(255, 255, 255, 0.1); +} + +@media (max-width: 768px) { + .hero-content h1 { + font-size: 3rem; + } + + .character-card { + flex-direction: column; + text-align: center; + } + + .character-image { + margin-right: 0; + margin-bottom: 1rem; + } +} \ No newline at end of file