commit 1b304028a406aed5a76b97f02023554c3c9ee20f

Author: root <root@hub.scroll.pub> Date: 2024-12-31 02:29:01 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..c9cca98 --- /dev/null +++ b/body.html @@ -0,0 +1,56 @@ +<header> + <h1>创作者排行榜</h1> + <nav> + <a href="#home">首页</a> + <a href="#rankings">排行榜</a> + <a href="#analytics">数据分析</a> + <a href="#community">社区</a> + <a href="#login" class="login-btn">登录/注册</a> + </nav> +</header> + +<main> + <section id="home"> + <h2>欢迎来到创作者排行榜</h2> + <p>探索并追踪您喜爱的创作者在YouTube、TikTok等平台的表现。</p> + <form id="search-form"> + <input type="text" placeholder="搜索创作者..." aria-label="搜索创作者"> + <button type="submit">搜索</button> + </form> + </section> + + <section id="rankings"> + <h2>创作者排行榜</h2> + <div class="ranking-grid"> + <!-- Example ranking item --> + <div class="ranking-item"> + <h3>创作者名称</h3> + <p>粉丝数: 1,000,000</p> + <p>帖子数: 500</p> + <p>影响力趋势: 上升</p> + <button class="follow-btn">关注</button> + </div> + <!-- More ranking items will be dynamically added here --> + </div> + </section> + + <section id="analytics"> + <h2>数据分析</h2> + <div class="analytics-chart"> + <!-- Placeholder for analytics chart --> + <p>图表将在此显示</p> + </div> + </section> + + <section id="community"> + <h2>社区互动</h2> + <div class="comment-section"> + <textarea placeholder="留下您的评论..." aria-label="评论输入框"></textarea> + <button class="comment-btn">提交评论</button> + </div> + </section> +</main> + +<footer> + <p>联系我们 | 帮助中心 | 隐私政策</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..5465b19 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://creatorsrank.scroll.pub +metaTags +editButton /edit.html +title 创作者排行榜 - 展示与分析平台 +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..af25dc2 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "1be836bc-f6f2-4cab-b853-a29e97468637", + "object": "chat.completion", + "created": 1735612120, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\ncreatorsrank.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://creatorsrank.scroll.pub\nmetaTags\neditButton /edit.html\ntitle 创作者排行榜 - 展示与分析平台\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>创作者排行榜</h1>\n <nav>\n <a href=\"#home\">首页</a>\n <a href=\"#rankings\">排行榜</a>\n <a href=\"#analytics\">数据分析</a>\n <a href=\"#community\">社区</a>\n <a href=\"#login\" class=\"login-btn\">登录/注册</a>\n </nav>\n</header>\n\n<main>\n <section id=\"home\">\n <h2>欢迎来到创作者排行榜</h2>\n <p>探索并追踪您喜爱的创作者在YouTube、TikTok等平台的表现。</p>\n <form id=\"search-form\">\n <input type=\"text\" placeholder=\"搜索创作者...\" aria-label=\"搜索创作者\">\n <button type=\"submit\">搜索</button>\n </form>\n </section>\n\n <section id=\"rankings\">\n <h2>创作者排行榜</h2>\n <div class=\"ranking-grid\">\n <!-- Example ranking item -->\n <div class=\"ranking-item\">\n <h3>创作者名称</h3>\n <p>粉丝数: 1,000,000</p>\n <p>帖子数: 500</p>\n <p>影响力趋势: 上升</p>\n <button class=\"follow-btn\">关注</button>\n </div>\n <!-- More ranking items will be dynamically added here -->\n </div>\n </section>\n\n <section id=\"analytics\">\n <h2>数据分析</h2>\n <div class=\"analytics-chart\">\n <!-- Placeholder for analytics chart -->\n <p>图表将在此显示</p>\n </div>\n </section>\n\n <section id=\"community\">\n <h2>社区互动</h2>\n <div class=\"comment-section\">\n <textarea placeholder=\"留下您的评论...\" aria-label=\"评论输入框\"></textarea>\n <button class=\"comment-btn\">提交评论</button>\n </div>\n </section>\n</main>\n\n<footer>\n <p>联系我们 | 帮助中心 | 隐私政策</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f4f9;\n color: #333;\n}\n\nheader {\n background-color: #6200ea;\n color: white;\n padding: 1rem;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n}\n\nnav {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-top: 1rem;\n}\n\nnav a {\n color: white;\n text-decoration: none;\n font-weight: bold;\n}\n\n.login-btn {\n background-color: #03dac6;\n padding: 0.5rem 1rem;\n border-radius: 5px;\n}\n\nmain {\n padding: 2rem;\n}\n\nsection {\n margin-bottom: 2rem;\n}\n\nh2 {\n color: #6200ea;\n}\n\n#search-form {\n display: flex;\n justify-content: center;\n margin-top: 1rem;\n}\n\n#search-form input {\n padding: 0.5rem;\n width: 300px;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\n#search-form button {\n padding: 0.5rem 1rem;\n background-color: #03dac6;\n border: none;\n border-radius: 5px;\n color: white;\n cursor: pointer;\n}\n\n.ranking-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.ranking-item {\n background-color: white;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.follow-btn {\n background-color: #6200ea;\n color: white;\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.analytics-chart {\n background-color: white;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.comment-section {\n background-color: white;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.comment-section textarea {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n margin-bottom: 1rem;\n}\n\n.comment-btn {\n background-color: #6200ea;\n color: white;\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nfooter {\n background-color: #333;\n color: white;\n text-align: center;\n padding: 1rem;\n margin-top: 2rem;\n}\n\nfooter p {\n margin: 0;\n}\n\n@media (max-width: 768px) {\n nav {\n flex-direction: column;\n align-items: center;\n }\n\n .ranking-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\ndocument.getElementById('search-form').addEventListener('submit', function(event) {\n event.preventDefault();\n const query = event.target.querySelector('input').value;\n alert('搜索: ' + query);\n});\n\ndocument.querySelectorAll('.follow-btn').forEach(button => {\n button.addEventListener('click', function() {\n alert('已关注创作者');\n });\n});\n\ndocument.querySelector('.comment-btn').addEventListener('click', function() {\n const comment = document.querySelector('.comment-section textarea').value;\n alert('评论已提交: ' + comment);\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 300, + "completion_tokens": 1395, + "total_tokens": 1695, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 300 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..82ffde3 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# creatorsrank.scroll.pub +Website generated by DeepSeek from prompt: Create a comprehensive website to showcase and rank creators on platforms like YouTube and TikTok, displaying detailed data analytics such as follower count, fan count, post volume, and influence trends, while also providing features like user registration and login, search and filtering, following and bookmarking, notification system, and interactive comments. The website language is Chinese. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..7dc22fd --- /dev/null +++ b/script.js @@ -0,0 +1,16 @@ +document.getElementById('search-form').addEventListener('submit', function(event) { + event.preventDefault(); + const query = event.target.querySelector('input').value; + alert('搜索: ' + query); +}); + +document.querySelectorAll('.follow-btn').forEach(button => { + button.addEventListener('click', function() { + alert('已关注创作者'); + }); +}); + +document.querySelector('.comment-btn').addEventListener('click', function() { + const comment = document.querySelector('.comment-section textarea').value; + alert('评论已提交: ' + comment); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2dd2c9a --- /dev/null +++ b/style.css @@ -0,0 +1,148 @@ +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f9; + color: #333; +} + +header { + background-color: #6200ea; + color: white; + padding: 1rem; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav { + display: flex; + justify-content: center; + gap: 1rem; + margin-top: 1rem; +} + +nav a { + color: white; + text-decoration: none; + font-weight: bold; +} + +.login-btn { + background-color: #03dac6; + padding: 0.5rem 1rem; + border-radius: 5px; +} + +main { + padding: 2rem; +} + +section { + margin-bottom: 2rem; +} + +h2 { + color: #6200ea; +} + +#search-form { + display: flex; + justify-content: center; + margin-top: 1rem; +} + +#search-form input { + padding: 0.5rem; + width: 300px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#search-form button { + padding: 0.5rem 1rem; + background-color: #03dac6; + border: none; + border-radius: 5px; + color: white; + cursor: pointer; +} + +.ranking-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1rem; +} + +.ranking-item { + background-color: white; + padding: 1rem; + border-radius: 5px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.follow-btn { + background-color: #6200ea; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.analytics-chart { + background-color: white; + padding: 1rem; + border-radius: 5px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + text-align: center; +} + +.comment-section { + background-color: white; + padding: 1rem; + border-radius: 5px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.comment-section textarea { + width: 100%; + padding: 0.5rem; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 1rem; +} + +.comment-btn { + background-color: #6200ea; + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 5px; + cursor: pointer; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 1rem; + margin-top: 2rem; +} + +footer p { + margin: 0; +} + +@media (max-width: 768px) { + nav { + flex-direction: column; + align-items: center; + } + + .ranking-grid { + grid-template-columns: 1fr; + } +} \ No newline at end of file