commit 2eb15e3d0e58c630ed08cd6c65b5a5f4fc329b29
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 20:10:29 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..c5f6ac1
--- /dev/null
+++ b/body.html
@@ -0,0 +1,40 @@
+<header>
+ <h1>Seedsnap</h1>
+ <p>Explore snapshots of tweets taken by users on X</p>
+</header>
+<main>
+ <section id="timeline">
+ <article class="snap">
+ <div class="user-info">
+ <img src="user1.jpg" alt="User 1" class="avatar">
+ <span class="username">@user1</span>
+ </div>
+ <p class="content">This is a snapshot of a tweet with some text content.</p>
+ <div class="media">
+ <img src="image1.jpg" alt="Image 1">
+ </div>
+ <footer>
+ <span class="timestamp">2 hours ago</span>
+ </footer>
+ </article>
+ <article class="snap">
+ <div class="user-info">
+ <img src="user2.jpg" alt="User 2" class="avatar">
+ <span class="username">@user2</span>
+ </div>
+ <p class="content">Another snapshot with a video attachment.</p>
+ <div class="media">
+ <video controls>
+ <source src="video1.mp4" type="video/mp4">
+ Your browser does not support the video tag.
+ </video>
+ </div>
+ <footer>
+ <span class="timestamp">5 hours ago</span>
+ </footer>
+ </article>
+ </section>
+</main>
+<footer>
+ <p>Seedsnap - A simple timeline of tweet snapshots</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..9e4986e
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://seedsnap.scroll.pub
+metaTags
+editButton /edit.html
+title Seedsnap - Explore Snapshots of Tweets
+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..28dbcd7
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "e4ae094e-49d6-4185-936e-de0921c6d48a",
+ "object": "chat.completion",
+ "created": 1735330216,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nseedsnap.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://seedsnap.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Seedsnap - Explore Snapshots of Tweets\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Seedsnap</h1>\n <p>Explore snapshots of tweets taken by users on X</p>\n</header>\n<main>\n <section id=\"timeline\">\n <article class=\"snap\">\n <div class=\"user-info\">\n <img src=\"user1.jpg\" alt=\"User 1\" class=\"avatar\">\n <span class=\"username\">@user1</span>\n </div>\n <p class=\"content\">This is a snapshot of a tweet with some text content.</p>\n <div class=\"media\">\n <img src=\"image1.jpg\" alt=\"Image 1\">\n </div>\n <footer>\n <span class=\"timestamp\">2 hours ago</span>\n </footer>\n </article>\n <article class=\"snap\">\n <div class=\"user-info\">\n <img src=\"user2.jpg\" alt=\"User 2\" class=\"avatar\">\n <span class=\"username\">@user2</span>\n </div>\n <p class=\"content\">Another snapshot with a video attachment.</p>\n <div class=\"media\">\n <video controls>\n <source src=\"video1.mp4\" type=\"video/mp4\">\n Your browser does not support the video tag.\n </video>\n </div>\n <footer>\n <span class=\"timestamp\">5 hours ago</span>\n </footer>\n </article>\n </section>\n</main>\n<footer>\n <p>Seedsnap - A simple timeline of tweet snapshots</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #1da1f2;\n --background-color: #f5f8fa;\n --text-color: #14171a;\n --border-color: #e1e8ed;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: var(--background-color);\n color: var(--text-color);\n}\n\nheader {\n background-color: white;\n padding: 1rem;\n text-align: center;\n border-bottom: 1px solid var(--border-color);\n}\n\nh1 {\n color: var(--primary-color);\n margin: 0;\n}\n\nmain {\n max-width: 600px;\n margin: 0 auto;\n padding: 1rem;\n}\n\n.snap {\n background-color: white;\n border: 1px solid var(--border-color);\n border-radius: 12px;\n margin-bottom: 1rem;\n padding: 1rem;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.user-info {\n display: flex;\n align-items: center;\n margin-bottom: 0.5rem;\n}\n\n.avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n margin-right: 0.5rem;\n}\n\n.username {\n font-weight: bold;\n color: var(--primary-color);\n}\n\n.content {\n margin: 0.5rem 0;\n}\n\n.media img, .media video {\n width: 100%;\n border-radius: 12px;\n margin-top: 0.5rem;\n}\n\n.timestamp {\n color: #657786;\n font-size: 0.875rem;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n color: #657786;\n}\n\n@media (max-width: 600px) {\n main {\n padding: 0.5rem;\n }\n \n .snap {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n}\n---script.js---\n// Basic script for future interactivity\ndocument.addEventListener('DOMContentLoaded', function() {\n // Add any future JavaScript functionality here\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 315,
+ "completion_tokens": 936,
+ "total_tokens": 1251,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 315
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..fedc86f
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# seedsnap.scroll.pub
+Website generated by DeepSeek from prompt: A time-line style site like twitter or instagram that features Seedsnapps, which are snapshots of tweets taken by users on X. There might be media attachments for each item like videos or images, just like on X (Twitter). It doesn't need to have all the features of social media timelines, it is mostly a read-only view of Seedsnapps that have already been created by users.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..942c4cb
--- /dev/null
+++ b/script.js
@@ -0,0 +1,4 @@
+// Basic script for future interactivity
+document.addEventListener('DOMContentLoaded', function() {
+ // Add any future JavaScript functionality here
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..ae65d7c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,93 @@
+:root {
+ --primary-color: #1da1f2;
+ --background-color: #f5f8fa;
+ --text-color: #14171a;
+ --border-color: #e1e8ed;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background-color: var(--background-color);
+ color: var(--text-color);
+}
+
+header {
+ background-color: white;
+ padding: 1rem;
+ text-align: center;
+ border-bottom: 1px solid var(--border-color);
+}
+
+h1 {
+ color: var(--primary-color);
+ margin: 0;
+}
+
+main {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 1rem;
+}
+
+.snap {
+ background-color: white;
+ border: 1px solid var(--border-color);
+ border-radius: 12px;
+ margin-bottom: 1rem;
+ padding: 1rem;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.user-info {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.5rem;
+}
+
+.avatar {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ margin-right: 0.5rem;
+}
+
+.username {
+ font-weight: bold;
+ color: var(--primary-color);
+}
+
+.content {
+ margin: 0.5rem 0;
+}
+
+.media img, .media video {
+ width: 100%;
+ border-radius: 12px;
+ margin-top: 0.5rem;
+}
+
+.timestamp {
+ color: #657786;
+ font-size: 0.875rem;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ color: #657786;
+}
+
+@media (max-width: 600px) {
+ main {
+ padding: 0.5rem;
+ }
+
+ .snap {
+ border-radius: 0;
+ border-left: none;
+ border-right: none;
+ }
+}
\ No newline at end of file