commit 6e415bb7ea19a138a11e003f5ae0a8a3fac8e818
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 17:06:24 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..4637535
--- /dev/null
+++ b/body.html
@@ -0,0 +1,28 @@
+<header>
+ <h1>Parabéns Bruno Abano?</h1>
+ <p>Bruno Abano enganou toda a equipa da Solvit ao dizer que fazia anos hoje, mas na realidade só faz amanhã, dia 28 de dezembro. É altura de lhe dar os parabéns ou não?</p>
+</header>
+
+<main>
+ <section class="countdown">
+ <h2>Contagem Decrescente</h2>
+ <div id="timer">
+ <span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
+ </div>
+ <p>Falta pouco para o verdadeiro dia do aniversário do Bruno!</p>
+ </section>
+
+ <section class="vote">
+ <h2>Votação</h2>
+ <p>Já está na altura de dar os parabéns ao Bruno?</p>
+ <div class="buttons">
+ <button id="yes">Sim</button>
+ <button id="no">Não</button>
+ </div>
+ <p id="result"></p>
+ </section>
+</main>
+
+<footer>
+ <p>Uma brincadeira da equipa da Solvit.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..56bdee1
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://parabensbruno.scroll.pub
+metaTags
+editButton /edit.html
+title Parabéns Bruno Abano?
+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..6b808ba
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "ed8c3e00-7f03-4b57-9810-7da591714efa",
+ "object": "chat.completion",
+ "created": 1735319165,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nparabensbruno.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://parabensbruno.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Parabéns Bruno Abano?\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Parabéns Bruno Abano?</h1>\n <p>Bruno Abano enganou toda a equipa da Solvit ao dizer que fazia anos hoje, mas na realidade só faz amanhã, dia 28 de dezembro. É altura de lhe dar os parabéns ou não?</p>\n</header>\n\n<main>\n <section class=\"countdown\">\n <h2>Contagem Decrescente</h2>\n <div id=\"timer\">\n <span id=\"hours\">00</span>:<span id=\"minutes\">00</span>:<span id=\"seconds\">00</span>\n </div>\n <p>Falta pouco para o verdadeiro dia do aniversário do Bruno!</p>\n </section>\n\n <section class=\"vote\">\n <h2>Votação</h2>\n <p>Já está na altura de dar os parabéns ao Bruno?</p>\n <div class=\"buttons\">\n <button id=\"yes\">Sim</button>\n <button id=\"no\">Não</button>\n </div>\n <p id=\"result\"></p>\n </section>\n</main>\n\n<footer>\n <p>Uma brincadeira da equipa da Solvit.</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n background-color: #f4f4f4;\n color: #333;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n}\n\nheader {\n text-align: center;\n margin-bottom: 2rem;\n}\n\nheader h1 {\n font-size: 2.5rem;\n color: #e74c3c;\n}\n\nheader p {\n font-size: 1.2rem;\n color: #666;\n}\n\nmain {\n width: 90%;\n max-width: 600px;\n background: #fff;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.countdown {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.countdown h2 {\n font-size: 1.8rem;\n color: #3498db;\n}\n\n#timer {\n font-size: 2.5rem;\n font-weight: bold;\n color: #2c3e50;\n margin: 1rem 0;\n}\n\n.vote {\n text-align: center;\n}\n\n.vote h2 {\n font-size: 1.8rem;\n color: #27ae60;\n}\n\n.buttons {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin: 1rem 0;\n}\n\nbutton {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\n#yes {\n background-color: #27ae60;\n color: #fff;\n}\n\n#no {\n background-color: #e74c3c;\n color: #fff;\n}\n\nbutton:hover {\n opacity: 0.9;\n}\n\n#result {\n font-size: 1.2rem;\n color: #666;\n margin-top: 1rem;\n}\n\nfooter {\n text-align: center;\n margin-top: 2rem;\n color: #666;\n}\n---script.js---\nfunction updateCountdown() {\n const now = new Date();\n const targetDate = new Date(now.getFullYear(), 11, 28); // December 28\n if (now.getMonth() === 11 && now.getDate() > 28) {\n targetDate.setFullYear(targetDate.getFullYear() + 1);\n }\n const diff = targetDate - now;\n\n const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));\n const seconds = Math.floor((diff % (1000 * 60)) / 1000);\n\n document.getElementById('hours').textContent = String(hours).padStart(2, '0');\n document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');\n document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');\n}\n\ndocument.getElementById('yes').addEventListener('click', () => {\n document.getElementById('result').textContent = 'Parabéns Bruno! 🎉';\n});\n\ndocument.getElementById('no').addEventListener('click', () => {\n document.getElementById('result').textContent = 'Ainda não é altura! 🕒';\n});\n\nsetInterval(updateCountdown, 1000);\nupdateCountdown();\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 361,
+ "completion_tokens": 1175,
+ "total_tokens": 1536,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 361
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..2d4dd75
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# parabensbruno.scroll.pub
+Website generated by DeepSeek from prompt: Cria um website para dar-mos os parabéns ao bruno abano. o bruno abano enganou toda a equipa da empresa onde ele trabalha (que é a solvit) e disse que fazia anos hoje mas na realidade só faz amanhã dia 28 de dezembro. Queria fazer um website para decidirmos se é altura de lhe darmos os parabéns ou não. Usa a tua criatividade para fazer um website para brincarmos com a situação e decidirmos todos se já está na altura de dar os parabéns ao bruno ou não.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..38a9435
--- /dev/null
+++ b/script.js
@@ -0,0 +1,27 @@
+function updateCountdown() {
+ const now = new Date();
+ const targetDate = new Date(now.getFullYear(), 11, 28); // December 28
+ if (now.getMonth() === 11 && now.getDate() > 28) {
+ targetDate.setFullYear(targetDate.getFullYear() + 1);
+ }
+ const diff = targetDate - now;
+
+ const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+ const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+ const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+
+ document.getElementById('hours').textContent = String(hours).padStart(2, '0');
+ document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');
+ document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');
+}
+
+document.getElementById('yes').addEventListener('click', () => {
+ document.getElementById('result').textContent = 'Parabéns Bruno! 🎉';
+});
+
+document.getElementById('no').addEventListener('click', () => {
+ document.getElementById('result').textContent = 'Ainda não é altura! 🕒';
+});
+
+setInterval(updateCountdown, 1000);
+updateCountdown();
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..98dfca7
--- /dev/null
+++ b/style.css
@@ -0,0 +1,104 @@
+body {
+ font-family: 'Arial', sans-serif;
+ background-color: #f4f4f4;
+ color: #333;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+}
+
+header {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+header h1 {
+ font-size: 2.5rem;
+ color: #e74c3c;
+}
+
+header p {
+ font-size: 1.2rem;
+ color: #666;
+}
+
+main {
+ width: 90%;
+ max-width: 600px;
+ background: #fff;
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.countdown {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+.countdown h2 {
+ font-size: 1.8rem;
+ color: #3498db;
+}
+
+#timer {
+ font-size: 2.5rem;
+ font-weight: bold;
+ color: #2c3e50;
+ margin: 1rem 0;
+}
+
+.vote {
+ text-align: center;
+}
+
+.vote h2 {
+ font-size: 1.8rem;
+ color: #27ae60;
+}
+
+.buttons {
+ display: flex;
+ justify-content: center;
+ gap: 1rem;
+ margin: 1rem 0;
+}
+
+button {
+ padding: 0.5rem 1rem;
+ font-size: 1rem;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+#yes {
+ background-color: #27ae60;
+ color: #fff;
+}
+
+#no {
+ background-color: #e74c3c;
+ color: #fff;
+}
+
+button:hover {
+ opacity: 0.9;
+}
+
+#result {
+ font-size: 1.2rem;
+ color: #666;
+ margin-top: 1rem;
+}
+
+footer {
+ text-align: center;
+ margin-top: 2rem;
+ color: #666;
+}
\ No newline at end of file