commit 6577fce0af4d033bdee17b0b645a5b0eada8c023
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 14:06:16 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..eeba5b6
--- /dev/null
+++ b/body.html
@@ -0,0 +1,37 @@
+<main class="terminal">
+ <header>
+ <h1>Cyberpunk Manifesto</h1>
+ <p class="subtitle">A digital declaration for the future</p>
+ </header>
+
+ <section class="manifesto">
+ <article>
+ <h2>Preamble</h2>
+ <p>In the age of digital revolution, we stand at the crossroads of humanity and technology. This manifesto serves as a guide for navigating the complexities of our cybernetic future.</p>
+ </article>
+
+ <article>
+ <h2>Core Principles</h2>
+ <ul>
+ <li>Digital sovereignty for all</li>
+ <li>Ethical use of technology</li>
+ <li>Decentralization of power</li>
+ <li>Privacy as a fundamental right</li>
+ </ul>
+ </article>
+
+ <article>
+ <h2>Call to Action</h2>
+ <p>Join us in shaping a future where technology serves humanity, not the other way around. Share your thoughts below:</p>
+ <form id="commentForm">
+ <textarea id="commentInput" placeholder="Enter your thoughts..." required></textarea>
+ <button type="submit">Submit</button>
+ </form>
+ <div id="commentsSection"></div>
+ </article>
+ </section>
+
+ <footer>
+ <p>Created with purpose in the digital age</p>
+ </footer>
+</main>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..ddc5a67
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://manifesto.scroll.pub
+metaTags
+editButton /edit.html
+title Cyberpunk Manifesto
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..ba1a7c1
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# manifesto.scroll.pub
+Website generated by DeepSeek from prompt: I want a personal landing page to publish my manifesto and allow visitors to have some basic interaction with it. Site needs to be cyberpunk, computer terminal style, no neon colors.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..64ed7a0
--- /dev/null
+++ b/script.js
@@ -0,0 +1,14 @@
+document.getElementById('commentForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ const comment = document.getElementById('commentInput').value;
+ if (comment.trim() === '') return;
+
+ const commentElement = document.createElement('div');
+ commentElement.classList.add('comment');
+ commentElement.textContent = comment;
+
+ document.getElementById('commentsSection').appendChild(commentElement);
+
+ document.getElementById('commentInput').value = '';
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..6b2756e
--- /dev/null
+++ b/style.css
@@ -0,0 +1,110 @@
+:root {
+ --bg-color: #0d0d0d;
+ --text-color: #00ff00;
+ --border-color: #333;
+ --accent-color: #666;
+ --font-mono: 'Courier New', Courier, monospace;
+}
+
+body {
+ background-color: var(--bg-color);
+ color: var(--text-color);
+ font-family: var(--font-mono);
+ line-height: 1.6;
+ margin: 0;
+ padding: 2rem;
+ min-height: 100vh;
+}
+
+.terminal {
+ max-width: 800px;
+ margin: 0 auto;
+ border: 1px solid var(--border-color);
+ padding: 2rem;
+ box-shadow: 0 0 10px rgba(0,255,0,0.1);
+}
+
+header {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+h1 {
+ font-size: 2.5rem;
+ margin: 0;
+}
+
+.subtitle {
+ color: var(--accent-color);
+ margin-top: 0.5rem;
+}
+
+article {
+ margin-bottom: 2rem;
+}
+
+h2 {
+ border-bottom: 1px solid var(--border-color);
+ padding-bottom: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+ul {
+ list-style-type: none;
+ padding: 0;
+}
+
+li {
+ padding: 0.5rem 0;
+}
+
+form {
+ margin-top: 1rem;
+}
+
+textarea {
+ width: 100%;
+ min-height: 100px;
+ background-color: var(--bg-color);
+ border: 1px solid var(--border-color);
+ color: var(--text-color);
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+ resize: vertical;
+}
+
+button {
+ background-color: var(--border-color);
+ border: none;
+ color: var(--text-color);
+ padding: 0.5rem 1rem;
+ cursor: pointer;
+}
+
+button:hover {
+ background-color: var(--accent-color);
+}
+
+#commentsSection {
+ margin-top: 1rem;
+}
+
+footer {
+ text-align: center;
+ margin-top: 2rem;
+ color: var(--accent-color);
+}
+
+@media (max-width: 600px) {
+ body {
+ padding: 1rem;
+ }
+
+ h1 {
+ font-size: 2rem;
+ }
+
+ .terminal {
+ padding: 1rem;
+ }
+}
\ No newline at end of file