Last 10 Commits for leaderboard.scroll.pub

commit f52d1604d65da19c9a6989dc81c8e09ef03fbe80 Author: root <root@hub.scroll.pub> Date: 2024-12-27 19:08:46 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..7e334d3 --- /dev/null +++ b/body.html @@ -0,0 +1,23 @@ +<header> + <h1>Leaderboard</h1> + <p>Track the top performers in real-time.</p> +</header> +<main> + <div class="leaderboard-container"> + <table id="leaderboard"> + <thead> + <tr> + <th>Rank</th> + <th>Name</th> + <th>Score</th> + </tr> + </thead> + <tbody> +  + </tbody> + </table> + </div> +</main> +<footer> + <p>Stay updated with the latest rankings.</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..33b7f48 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://leaderboard.scroll.pub +metaTags +editButton /edit.html +title Leaderboard - Track the Best +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..de6fc12 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "e8a7690e-06ff-4223-9d82-328190d26c6f", + "object": "chat.completion", + "created": 1735326514, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nleaderboard.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://leaderboard.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Leaderboard - Track the Best\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Leaderboard</h1>\n <p>Track the top performers in real-time.</p>\n</header>\n<main>\n <div class=\"leaderboard-container\">\n <table id=\"leaderboard\">\n <thead>\n <tr>\n <th>Rank</th>\n <th>Name</th>\n <th>Score</th>\n </tr>\n </thead>\n <tbody>\n \n </tbody>\n </table>\n </div>\n</main>\n<footer>\n <p>Stay updated with the latest rankings.</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #f5f5f5;\n --text-color: #333;\n --border-color: #ddd;\n --shadow-color: rgba(0, 0, 0, 0.1);\n}\n\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n color: var(--text-color);\n background-color: var(--secondary-color);\n}\n\nheader {\n background-color: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nheader p {\n margin: 0.5rem 0 0;\n font-size: 1.2rem;\n}\n\nmain {\n padding: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.leaderboard-container {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 4px 8px var(--shadow-color);\n overflow: hidden;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n}\n\nth, td {\n padding: 1rem;\n text-align: left;\n}\n\nth {\n background-color: var(--primary-color);\n color: white;\n}\n\ntr:nth-child(even) {\n background-color: var(--secondary-color);\n}\n\ntr:hover {\n background-color: #e0e0e0;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: var(--primary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n header h1 {\n font-size: 2rem;\n }\n\n header p {\n font-size: 1rem;\n }\n\n th, td {\n padding: 0.75rem;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n const leaderboardData = [\n { rank: 1, name: 'Alice', score: 950 },\n { rank: 2, name: 'Bob', score: 890 },\n { rank: 3, name: 'Charlie', score: 850 },\n { rank: 4, name: 'Diana', score: 820 },\n { rank: 5, name: 'Eve', score: 800 }\n ];\n\n const leaderboardBody = document.querySelector('#leaderboard tbody');\n\n leaderboardData.forEach(entry => {\n const row = document.createElement('tr');\n row.innerHTML = `\n <td>${entry.rank}</td>\n <td>${entry.name}</td>\n <td>${entry.score}</td>\n `;\n leaderboardBody.appendChild(row);\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 244, + "completion_tokens": 838, + "total_tokens": 1082, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 244 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..039a26e --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# leaderboard.scroll.pub +Website generated by DeepSeek from prompt: create a single web page application with a leaderboard. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..d7eab69 --- /dev/null +++ b/script.js @@ -0,0 +1,21 @@ +document.addEventListener('DOMContentLoaded', () => { + const leaderboardData = [ + { rank: 1, name: 'Alice', score: 950 }, + { rank: 2, name: 'Bob', score: 890 }, + { rank: 3, name: 'Charlie', score: 850 }, + { rank: 4, name: 'Diana', score: 820 }, + { rank: 5, name: 'Eve', score: 800 } + ]; + + const leaderboardBody = document.querySelector('#leaderboard tbody'); + + leaderboardData.forEach(entry => { + const row = document.createElement('tr'); + row.innerHTML = ` + <td>${entry.rank}</td> + <td>${entry.name}</td> + <td>${entry.score}</td> + `; + leaderboardBody.appendChild(row); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..06b4d7e --- /dev/null +++ b/style.css @@ -0,0 +1,91 @@ +:root { + --primary-color: #4a90e2; + --secondary-color: #f5f5f5; + --text-color: #333; + --border-color: #ddd; + --shadow-color: rgba(0, 0, 0, 0.1); +} + +body { + font-family: 'Arial', sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + color: var(--text-color); + background-color: var(--secondary-color); +} + +header { + background-color: var(--primary-color); + color: white; + padding: 2rem; + text-align: center; +} + +header h1 { + margin: 0; + font-size: 2.5rem; +} + +header p { + margin: 0.5rem 0 0; + font-size: 1.2rem; +} + +main { + padding: 2rem; + max-width: 800px; + margin: 0 auto; +} + +.leaderboard-container { + background-color: white; + border-radius: 8px; + box-shadow: 0 4px 8px var(--shadow-color); + overflow: hidden; +} + +table { + width: 100%; + border-collapse: collapse; +} + +th, td { + padding: 1rem; + text-align: left; +} + +th { + background-color: var(--primary-color); + color: white; +} + +tr:nth-child(even) { + background-color: var(--secondary-color); +} + +tr:hover { + background-color: #e0e0e0; +} + +footer { + text-align: center; + padding: 1rem; + background-color: var(--primary-color); + color: white; + margin-top: 2rem; +} + +@media (max-width: 600px) { + header h1 { + font-size: 2rem; + } + + header p { + font-size: 1rem; + } + + th, td { + padding: 0.75rem; + } +} \ No newline at end of file