body.html
Changed around line 1
+
+
+
Cyberpunk Manifesto
+
A digital declaration for the future
+
+
+
+
+
Preamble
+
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.
+
+
+
+
Core Principles
+
+ Digital sovereignty for all
+ Ethical use of technology
+ Decentralization of power
+ Privacy as a fundamental right
+
+
+
+
+
Call to Action
+
Join us in shaping a future where technology serves humanity, not the other way around. Share your thoughts below:
+
+
+
+
+
+
+
+
+
+
Created with purpose in the digital age
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://manifesto.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Cyberpunk Manifesto
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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 = '';
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }