commit d902d380af7463e88c1ae319dcb980ac1ca7275c
Author: root <root@hub.scroll.pub>
Date: 2024-12-30 08:03:36 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..e24082b
--- /dev/null
+++ b/body.html
@@ -0,0 +1,80 @@
+<header class="hero">
+ <h1>Video Package Solutions</h1>
+ <p>Choose the perfect plan for your video marketing needs</p>
+</header>
+
+<section class="pricing">
+ <h2>Package Pricing</h2>
+ <div class="cards">
+ <div class="card">
+ <h3>Annual Plan</h3>
+ <div class="price">¥1580</div>
+ <ul>
+ <li>¥1000 rebate</li>
+ <li>2000 videos</li>
+ </ul>
+ </div>
+ <div class="card">
+ <h3>Semi-Annual Plan</h3>
+ <div class="price">¥980</div>
+ <ul>
+ <li>¥500 rebate</li>
+ <li>1000 videos</li>
+ </ul>
+ </div>
+ </div>
+</section>
+
+<section class="platforms">
+ <h2>Supported Platforms & Account Quotas</h2>
+ <div class="table-container">
+ <table>
+ <thead>
+ <tr>
+ <th>Package</th>
+ <th>Douyin</th>
+ <th>Kuaishou</th>
+ <th>Video Channel</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Annual</td>
+ <td>10 accounts</td>
+ <td>10 accounts</td>
+ <td>10 accounts</td>
+ </tr>
+ <tr>
+ <td>Semi-Annual</td>
+ <td>5 accounts</td>
+ <td>5 accounts</td>
+ <td>5 accounts</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</section>
+
+<section class="bonuses">
+ <h2>Bonus Features</h2>
+ <div class="bonus-cards">
+ <div class="bonus-card">
+ <h3>Annual Plan</h3>
+ <ul>
+ <li>1 year AI creation (unlimited)</li>
+ <li>1 homepage template</li>
+ </ul>
+ </div>
+ <div class="bonus-card">
+ <h3>Semi-Annual Plan</h3>
+ <ul>
+ <li>6 months AI creation (unlimited)</li>
+ <li>1 homepage template</li>
+ </ul>
+ </div>
+ </div>
+</section>
+
+<footer>
+ <p>Contact us for more information</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..538c2bb
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://videopack.scroll.pub
+metaTags
+editButton /edit.html
+title Video Package Pricing & Features
+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..f0fd50c
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "9e65129d-725d-4518-ae26-bf8fb659fdf0",
+ "object": "chat.completion",
+ "created": 1735545792,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nvideopack.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://videopack.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Video Package Pricing & Features\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"hero\">\n <h1>Video Package Solutions</h1>\n <p>Choose the perfect plan for your video marketing needs</p>\n</header>\n\n<section class=\"pricing\">\n <h2>Package Pricing</h2>\n <div class=\"cards\">\n <div class=\"card\">\n <h3>Annual Plan</h3>\n <div class=\"price\">¥1580</div>\n <ul>\n <li>¥1000 rebate</li>\n <li>2000 videos</li>\n </ul>\n </div>\n <div class=\"card\">\n <h3>Semi-Annual Plan</h3>\n <div class=\"price\">¥980</div>\n <ul>\n <li>¥500 rebate</li>\n <li>1000 videos</li>\n </ul>\n </div>\n </div>\n</section>\n\n<section class=\"platforms\">\n <h2>Supported Platforms & Account Quotas</h2>\n <div class=\"table-container\">\n <table>\n <thead>\n <tr>\n <th>Package</th>\n <th>Douyin</th>\n <th>Kuaishou</th>\n <th>Video Channel</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Annual</td>\n <td>10 accounts</td>\n <td>10 accounts</td>\n <td>10 accounts</td>\n </tr>\n <tr>\n <td>Semi-Annual</td>\n <td>5 accounts</td>\n <td>5 accounts</td>\n <td>5 accounts</td>\n </tr>\n </tbody>\n </table>\n </div>\n</section>\n\n<section class=\"bonuses\">\n <h2>Bonus Features</h2>\n <div class=\"bonus-cards\">\n <div class=\"bonus-card\">\n <h3>Annual Plan</h3>\n <ul>\n <li>1 year AI creation (unlimited)</li>\n <li>1 homepage template</li>\n </ul>\n </div>\n <div class=\"bonus-card\">\n <h3>Semi-Annual Plan</h3>\n <ul>\n <li>6 months AI creation (unlimited)</li>\n <li>1 homepage template</li>\n </ul>\n </div>\n </div>\n</section>\n\n<footer>\n <p>Contact us for more information</p>\n</footer>\n---style.css---\n:root {\n --primary: #2563eb;\n --primary-hover: #1d4ed8;\n --background: #f8fafc;\n --text: #1e293b;\n --card-bg: #ffffff;\n --shadow: 0 1px 3px rgba(0,0,0,0.1);\n}\n\nbody {\n font-family: 'Inter', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text);\n background: var(--background);\n margin: 0;\n padding: 0;\n}\n\n.hero {\n background: var(--primary);\n color: white;\n padding: 4rem 1rem;\n text-align: center;\n}\n\n.hero h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\n.hero p {\n font-size: 1.25rem;\n opacity: 0.9;\n}\n\nsection {\n padding: 2rem 1rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\nh2 {\n font-size: 2rem;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.cards {\n display: grid;\n gap: 1.5rem;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 0.5rem;\n box-shadow: var(--shadow);\n text-align: center;\n}\n\n.card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.price {\n font-size: 2.5rem;\n font-weight: bold;\n color: var(--primary);\n margin: 1.5rem 0;\n}\n\n.card ul {\n list-style: none;\n padding: 0;\n text-align: left;\n}\n\n.card li {\n padding: 0.75rem 0;\n border-bottom: 1px solid #e2e8f0;\n}\n\n.card li:last-child {\n border-bottom: none;\n}\n\n.table-container {\n overflow-x: auto;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n background: var(--card-bg);\n box-shadow: var(--shadow);\n border-radius: 0.5rem;\n}\n\nth, td {\n padding: 1rem;\n text-align: center;\n}\n\nth {\n background: var(--primary);\n color: white;\n}\n\ntr:nth-child(even) {\n background: #f8fafc;\n}\n\n.bonus-cards {\n display: grid;\n gap: 1.5rem;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.bonus-card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 0.5rem;\n box-shadow: var(--shadow);\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n background: var(--primary);\n color: white;\n margin-top: 3rem;\n}\n\n@media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n h2 {\n font-size: 1.75rem;\n }\n \n .price {\n font-size: 2rem;\n }\n}\n---script.js---\n// No JavaScript needed for this static page\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 364,
+ "completion_tokens": 1390,
+ "total_tokens": 1754,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 364
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..826c5a6
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# videopack.scroll.pub
+Website generated by DeepSeek from prompt: 方案价格呈现 套餐类型 价格 返佣 视频条数 年卡 1580元 1000元 2000条 半年卡 980元 500元 1000条 自动发布支持平台及账号配额 套餐类型 抖音 快手 视频号 年卡 10个账号 10个账号 10个账号 半年卡 5个账号 5个账号 5个账号 福利赠送 套餐类型 AI创作 主页装修模板 年卡 1年，不限条数 1套 半年卡 6个月，不限条数 1套
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..20ed00b
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// No JavaScript needed for this static page
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..a7deccd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,148 @@
+:root {
+ --primary: #2563eb;
+ --primary-hover: #1d4ed8;
+ --background: #f8fafc;
+ --text: #1e293b;
+ --card-bg: #ffffff;
+ --shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+body {
+ font-family: 'Inter', system-ui, sans-serif;
+ line-height: 1.6;
+ color: var(--text);
+ background: var(--background);
+ margin: 0;
+ padding: 0;
+}
+
+.hero {
+ background: var(--primary);
+ color: white;
+ padding: 4rem 1rem;
+ text-align: center;
+}
+
+.hero h1 {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+}
+
+.hero p {
+ font-size: 1.25rem;
+ opacity: 0.9;
+}
+
+section {
+ padding: 2rem 1rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+h2 {
+ font-size: 2rem;
+ margin-bottom: 2rem;
+ text-align: center;
+}
+
+.cards {
+ display: grid;
+ gap: 1.5rem;
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+.card {
+ background: var(--card-bg);
+ padding: 2rem;
+ border-radius: 0.5rem;
+ box-shadow: var(--shadow);
+ text-align: center;
+}
+
+.card h3 {
+ font-size: 1.5rem;
+ margin-bottom: 1rem;
+}
+
+.price {
+ font-size: 2.5rem;
+ font-weight: bold;
+ color: var(--primary);
+ margin: 1.5rem 0;
+}
+
+.card ul {
+ list-style: none;
+ padding: 0;
+ text-align: left;
+}
+
+.card li {
+ padding: 0.75rem 0;
+ border-bottom: 1px solid #e2e8f0;
+}
+
+.card li:last-child {
+ border-bottom: none;
+}
+
+.table-container {
+ overflow-x: auto;
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+ background: var(--card-bg);
+ box-shadow: var(--shadow);
+ border-radius: 0.5rem;
+}
+
+th, td {
+ padding: 1rem;
+ text-align: center;
+}
+
+th {
+ background: var(--primary);
+ color: white;
+}
+
+tr:nth-child(even) {
+ background: #f8fafc;
+}
+
+.bonus-cards {
+ display: grid;
+ gap: 1.5rem;
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+.bonus-card {
+ background: var(--card-bg);
+ padding: 2rem;
+ border-radius: 0.5rem;
+ box-shadow: var(--shadow);
+}
+
+footer {
+ text-align: center;
+ padding: 2rem;
+ background: var(--primary);
+ color: white;
+ margin-top: 3rem;
+}
+
+@media (max-width: 768px) {
+ .hero h1 {
+ font-size: 2rem;
+ }
+
+ h2 {
+ font-size: 1.75rem;
+ }
+
+ .price {
+ font-size: 2rem;
+ }
+}
\ No newline at end of file