commit 2828034a30c556019d2346678d68a74c0997d74b
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 04:13:00 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..90f7ad7
--- /dev/null
+++ b/body.html
@@ -0,0 +1,32 @@
+<header>
+ <h1>Emotional Quotient Factor Calculator</h1>
+ <p>Discover your emotional strengths by choosing between 48 weighted factors.</p>
+</header>
+
+<main>
+ <section id="intro">
+ <p>Welcome to the Emotional Quotient Factor Calculator. This tool helps you understand your emotional strengths by allowing you to choose between 48 carefully weighted factors. Each choice you make will contribute to your overall emotional quotient score.</p>
+ <button id="start-btn">Start Now</button>
+ </section>
+
+ <section id="quiz" class="hidden">
+ <div id="question-container">
+ <h2 id="question"></h2>
+ <div id="options" class="options-grid"></div>
+ </div>
+ <div id="progress-bar-container">
+ <div id="progress-bar"></div>
+ </div>
+ </section>
+
+ <section id="results" class="hidden">
+ <h2>Your Emotional Quotient Score</h2>
+ <p id="score"></p>
+ <p id="interpretation"></p>
+ <button id="retry-btn">Try Again</button>
+ </section>
+</main>
+
+<footer>
+ <p>Designed to help you understand your emotional strengths. Use this tool to gain insights into your emotional quotient.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..87590ca
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://eqfactor.scroll.pub
+metaTags
+editButton /edit.html
+title Emotional Quotient Factor Calculator
+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..747092d
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "df3c0abc-2000-48dc-813a-42a9ea8fb53c",
+ "object": "chat.completion",
+ "created": 1735359155,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\neqfactor.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://eqfactor.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Emotional Quotient Factor Calculator\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Emotional Quotient Factor Calculator</h1>\n <p>Discover your emotional strengths by choosing between 48 weighted factors.</p>\n</header>\n\n<main>\n <section id=\"intro\">\n <p>Welcome to the Emotional Quotient Factor Calculator. This tool helps you understand your emotional strengths by allowing you to choose between 48 carefully weighted factors. Each choice you make will contribute to your overall emotional quotient score.</p>\n <button id=\"start-btn\">Start Now</button>\n </section>\n\n <section id=\"quiz\" class=\"hidden\">\n <div id=\"question-container\">\n <h2 id=\"question\"></h2>\n <div id=\"options\" class=\"options-grid\"></div>\n </div>\n <div id=\"progress-bar-container\">\n <div id=\"progress-bar\"></div>\n </div>\n </section>\n\n <section id=\"results\" class=\"hidden\">\n <h2>Your Emotional Quotient Score</h2>\n <p id=\"score\"></p>\n <p id=\"interpretation\"></p>\n <button id=\"retry-btn\">Try Again</button>\n </section>\n</main>\n\n<footer>\n <p>Designed to help you understand your emotional strengths. Use this tool to gain insights into your emotional quotient.</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #f5a623;\n --background-color: #f4f4f4;\n --text-color: #333;\n --font-family: 'Arial', sans-serif;\n}\n\nbody {\n font-family: var(--font-family);\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n line-height: 1.6;\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}\n\nsection {\n margin-bottom: 2rem;\n}\n\n#intro {\n text-align: center;\n}\n\n#intro p {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n}\n\n#start-btn {\n background-color: var(--secondary-color);\n color: white;\n border: none;\n padding: 0.8rem 1.5rem;\n font-size: 1rem;\n cursor: pointer;\n border-radius: 5px;\n transition: background-color 0.3s ease;\n}\n\n#start-btn:hover {\n background-color: #e5941a;\n}\n\n#quiz {\n display: none;\n}\n\n#question {\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.options-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.options-grid button {\n background-color: white;\n border: 1px solid var(--primary-color);\n padding: 1rem;\n font-size: 1rem;\n cursor: pointer;\n border-radius: 5px;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n.options-grid button:hover {\n background-color: var(--primary-color);\n color: white;\n}\n\n#progress-bar-container {\n width: 100%;\n background-color: #ddd;\n border-radius: 5px;\n margin-top: 1.5rem;\n}\n\n#progress-bar {\n width: 0%;\n height: 10px;\n background-color: var(--secondary-color);\n border-radius: 5px;\n transition: width 0.3s ease;\n}\n\n#results {\n text-align: center;\n display: none;\n}\n\n#score {\n font-size: 2rem;\n color: var(--primary-color);\n margin-bottom: 1rem;\n}\n\n#interpretation {\n font-size: 1.2rem;\n margin-bottom: 1.5rem;\n}\n\n#retry-btn {\n background-color: var(--secondary-color);\n color: white;\n border: none;\n padding: 0.8rem 1.5rem;\n font-size: 1rem;\n cursor: pointer;\n border-radius: 5px;\n transition: background-color 0.3s ease;\n}\n\n#retry-btn:hover {\n background-color: #e5941a;\n}\n\nfooter {\n background-color: var(--primary-color);\n color: white;\n text-align: center;\n padding: 1rem;\n margin-top: 2rem;\n}\n\nfooter p {\n margin: 0;\n font-size: 0.9rem;\n}\n\n.hidden {\n display: none;\n}\n\n@media (max-width: 768px) {\n .options-grid {\n grid-template-columns: 1fr;\n }\n\n header h1 {\n font-size: 2rem;\n }\n\n header p {\n font-size: 1rem;\n }\n\n #question {\n font-size: 1.2rem;\n }\n\n #score {\n font-size: 1.5rem;\n }\n\n #interpretation {\n font-size: 1rem;\n }\n}\n---script.js---\nconst startBtn = document.getElementById('start-btn');\nconst quizSection = document.getElementById('quiz');\nconst introSection = document.getElementById('intro');\nconst questionElement = document.getElementById('question');\nconst optionsElement = document.getElementById('options');\nconst progressBar = document.getElementById('progress-bar');\nconst resultsSection = document.getElementById('results');\nconst scoreElement = document.getElementById('score');\nconst interpretationElement = document.getElementById('interpretation');\nconst retryBtn = document.getElementById('retry-btn');\n\nlet currentQuestionIndex = 0;\nlet score = 0;\n\nconst questions = [\n { question: \"Which is more important to you?\", options: [\"Honesty\", \"Loyalty\"], weights: [1, 2] },\n { question: \"Do you prefer?\", options: [\"Planning\", \"Spontaneity\"], weights: [2, 1] },\n { question: \"Which do you value more?\", options: [\"Empathy\", \"Logic\"], weights: [1, 2] },\n // Add more questions here...\n];\n\nstartBtn.addEventListener('click', startQuiz);\nretryBtn.addEventListener('click', retryQuiz);\n\nfunction startQuiz() {\n introSection.classList.add('hidden');\n quizSection.classList.remove('hidden');\n showQuestion();\n}\n\nfunction showQuestion() {\n const currentQuestion = questions[currentQuestionIndex];\n questionElement.innerText = currentQuestion.question;\n optionsElement.innerHTML = '';\n currentQuestion.options.forEach((option, index) => {\n const button = document.createElement('button');\n button.innerText = option;\n button.addEventListener('click', () => selectAnswer(index));\n optionsElement.appendChild(button);\n });\n updateProgressBar();\n}\n\nfunction selectAnswer(selectedIndex) {\n const currentQuestion = questions[currentQuestionIndex];\n score += currentQuestion.weights[selectedIndex];\n currentQuestionIndex++;\n if (currentQuestionIndex < questions.length) {\n showQuestion();\n } else {\n showResults();\n }\n}\n\nfunction updateProgressBar() {\n const progress = ((currentQuestionIndex + 1) / questions.length) * 100;\n progressBar.style.width = `${progress}%`;\n}\n\nfunction showResults() {\n quizSection.classList.add('hidden');\n resultsSection.classList.remove('hidden');\n scoreElement.innerText = `Your Score: ${score}`;\n interpretationElement.innerText = getInterpretation(score);\n}\n\nfunction getInterpretation(score) {\n if (score < 10) {\n return \"You have a balanced emotional quotient. Keep nurturing your emotional intelligence.\";\n } else if (score < 20) {\n return \"You show strong emotional awareness. Continue to develop your emotional skills.\";\n } else {\n return \"You have a highly developed emotional quotient. Your emotional intelligence is a great asset.\";\n }\n}\n\nfunction retryQuiz() {\n currentQuestionIndex = 0;\n score = 0;\n resultsSection.classList.add('hidden');\n introSection.classList.remove('hidden');\n}\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 252,
+ "completion_tokens": 1868,
+ "total_tokens": 2120,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 252
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..649d82e
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# eqfactor1.scroll.pub
+Website generated by DeepSeek from prompt: I want an emotional quotient calculator that helps people choose between 48 weighted factors. Be creative
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..6ec1d88
--- /dev/null
+++ b/script.js
@@ -0,0 +1,82 @@
+const startBtn = document.getElementById('start-btn');
+const quizSection = document.getElementById('quiz');
+const introSection = document.getElementById('intro');
+const questionElement = document.getElementById('question');
+const optionsElement = document.getElementById('options');
+const progressBar = document.getElementById('progress-bar');
+const resultsSection = document.getElementById('results');
+const scoreElement = document.getElementById('score');
+const interpretationElement = document.getElementById('interpretation');
+const retryBtn = document.getElementById('retry-btn');
+
+let currentQuestionIndex = 0;
+let score = 0;
+
+const questions = [
+ { question: "Which is more important to you?", options: ["Honesty", "Loyalty"], weights: [1, 2] },
+ { question: "Do you prefer?", options: ["Planning", "Spontaneity"], weights: [2, 1] },
+ { question: "Which do you value more?", options: ["Empathy", "Logic"], weights: [1, 2] },
+ // Add more questions here...
+];
+
+startBtn.addEventListener('click', startQuiz);
+retryBtn.addEventListener('click', retryQuiz);
+
+function startQuiz() {
+ introSection.classList.add('hidden');
+ quizSection.classList.remove('hidden');
+ showQuestion();
+}
+
+function showQuestion() {
+ const currentQuestion = questions[currentQuestionIndex];
+ questionElement.innerText = currentQuestion.question;
+ optionsElement.innerHTML = '';
+ currentQuestion.options.forEach((option, index) => {
+ const button = document.createElement('button');
+ button.innerText = option;
+ button.addEventListener('click', () => selectAnswer(index));
+ optionsElement.appendChild(button);
+ });
+ updateProgressBar();
+}
+
+function selectAnswer(selectedIndex) {
+ const currentQuestion = questions[currentQuestionIndex];
+ score += currentQuestion.weights[selectedIndex];
+ currentQuestionIndex++;
+ if (currentQuestionIndex < questions.length) {
+ showQuestion();
+ } else {
+ showResults();
+ }
+}
+
+function updateProgressBar() {
+ const progress = ((currentQuestionIndex + 1) / questions.length) * 100;
+ progressBar.style.width = `${progress}%`;
+}
+
+function showResults() {
+ quizSection.classList.add('hidden');
+ resultsSection.classList.remove('hidden');
+ scoreElement.innerText = `Your Score: ${score}`;
+ interpretationElement.innerText = getInterpretation(score);
+}
+
+function getInterpretation(score) {
+ if (score < 10) {
+ return "You have a balanced emotional quotient. Keep nurturing your emotional intelligence.";
+ } else if (score < 20) {
+ return "You show strong emotional awareness. Continue to develop your emotional skills.";
+ } else {
+ return "You have a highly developed emotional quotient. Your emotional intelligence is a great asset.";
+ }
+}
+
+function retryQuiz() {
+ currentQuestionIndex = 0;
+ score = 0;
+ resultsSection.classList.add('hidden');
+ introSection.classList.remove('hidden');
+}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..17e12b7
--- /dev/null
+++ b/style.css
@@ -0,0 +1,184 @@
+:root {
+ --primary-color: #4a90e2;
+ --secondary-color: #f5a623;
+ --background-color: #f4f4f4;
+ --text-color: #333;
+ --font-family: 'Arial', sans-serif;
+}
+
+body {
+ font-family: var(--font-family);
+ color: var(--text-color);
+ background-color: var(--background-color);
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+}
+
+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;
+}
+
+section {
+ margin-bottom: 2rem;
+}
+
+#intro {
+ text-align: center;
+}
+
+#intro p {
+ font-size: 1.1rem;
+ margin-bottom: 1.5rem;
+}
+
+#start-btn {
+ background-color: var(--secondary-color);
+ color: white;
+ border: none;
+ padding: 0.8rem 1.5rem;
+ font-size: 1rem;
+ cursor: pointer;
+ border-radius: 5px;
+ transition: background-color 0.3s ease;
+}
+
+#start-btn:hover {
+ background-color: #e5941a;
+}
+
+#quiz {
+ display: none;
+}
+
+#question {
+ font-size: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.options-grid {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 1rem;
+}
+
+.options-grid button {
+ background-color: white;
+ border: 1px solid var(--primary-color);
+ padding: 1rem;
+ font-size: 1rem;
+ cursor: pointer;
+ border-radius: 5px;
+ transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.options-grid button:hover {
+ background-color: var(--primary-color);
+ color: white;
+}
+
+#progress-bar-container {
+ width: 100%;
+ background-color: #ddd;
+ border-radius: 5px;
+ margin-top: 1.5rem;
+}
+
+#progress-bar {
+ width: 0%;
+ height: 10px;
+ background-color: var(--secondary-color);
+ border-radius: 5px;
+ transition: width 0.3s ease;
+}
+
+#results {
+ text-align: center;
+ display: none;
+}
+
+#score {
+ font-size: 2rem;
+ color: var(--primary-color);
+ margin-bottom: 1rem;
+}
+
+#interpretation {
+ font-size: 1.2rem;
+ margin-bottom: 1.5rem;
+}
+
+#retry-btn {
+ background-color: var(--secondary-color);
+ color: white;
+ border: none;
+ padding: 0.8rem 1.5rem;
+ font-size: 1rem;
+ cursor: pointer;
+ border-radius: 5px;
+ transition: background-color 0.3s ease;
+}
+
+#retry-btn:hover {
+ background-color: #e5941a;
+}
+
+footer {
+ background-color: var(--primary-color);
+ color: white;
+ text-align: center;
+ padding: 1rem;
+ margin-top: 2rem;
+}
+
+footer p {
+ margin: 0;
+ font-size: 0.9rem;
+}
+
+.hidden {
+ display: none;
+}
+
+@media (max-width: 768px) {
+ .options-grid {
+ grid-template-columns: 1fr;
+ }
+
+ header h1 {
+ font-size: 2rem;
+ }
+
+ header p {
+ font-size: 1rem;
+ }
+
+ #question {
+ font-size: 1.2rem;
+ }
+
+ #score {
+ font-size: 1.5rem;
+ }
+
+ #interpretation {
+ font-size: 1rem;
+ }
+}
\ No newline at end of file