Last 10 Commits for phdpath.scroll.pub

commit 09933c019bef04204d159017b819c2f1b892e611 Author: root <root@hub.scroll.pub> Date: 2024-12-28 15:34:46 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..99eb6bd --- /dev/null +++ b/body.html @@ -0,0 +1,51 @@ +<header> + <h1>PhD Pathfinder</h1> + <p>Discover Your Ideal Research Field</p> +</header> + +<main> + <section class="intro"> + <h2>Welcome to Your PhD Journey</h2> + <p>Struggling to choose your PhD research field? Let's explore your options with our interactive decision-making tools.</p> + </section> + + <section class="quiz-section"> + <h2>Research Field Selector</h2> + <div class="quiz-container"> + <div class="question"> + <h3>What excites you most?</h3> + <div class="options"> + <button data-value="medical-imaging">Solving medical mysteries</button> + <button data-value="complex-systems">Understanding complex systems</button> + <button data-value="simulation">Creating realistic simulations</button> + <button data-value="medical-aid">Developing life-changing medical aids</button> + </div> + </div> + <div class="progress-bar"> + <div class="progress"></div> + </div> + </div> + </section> + + <section class="results hidden"> + <h2>Your Recommended Fields</h2> + <div class="result-cards"> +  + </div> + </section> + + <section class="university-finder"> + <h2>Japanese University Finder</h2> + <div class="search-container"> + <input type="text" id="university-search" placeholder="Search universities..."> + <button id="search-btn">Search</button> + </div> + <div class="university-results"> +  + </div> + </section> +</main> + +<footer> + <p>Start your PhD journey with confidence</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..25acd69 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://phdpath.scroll.pub +metaTags +editButton /edit.html +title PhD Pathfinder - Find Your Research Field +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..0685ca7 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "152dcf19-ac3f-48a5-94d9-68166928cb32", + "object": "chat.completion", + "created": 1735400054, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nphdpath.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://phdpath.scroll.pub\nmetaTags\neditButton /edit.html\ntitle PhD Pathfinder - Find Your Research Field\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>PhD Pathfinder</h1>\n <p>Discover Your Ideal Research Field</p>\n</header>\n\n<main>\n <section class=\"intro\">\n <h2>Welcome to Your PhD Journey</h2>\n <p>Struggling to choose your PhD research field? Let's explore your options with our interactive decision-making tools.</p>\n </section>\n\n <section class=\"quiz-section\">\n <h2>Research Field Selector</h2>\n <div class=\"quiz-container\">\n <div class=\"question\">\n <h3>What excites you most?</h3>\n <div class=\"options\">\n <button data-value=\"medical-imaging\">Solving medical mysteries</button>\n <button data-value=\"complex-systems\">Understanding complex systems</button>\n <button data-value=\"simulation\">Creating realistic simulations</button>\n <button data-value=\"medical-aid\">Developing life-changing medical aids</button>\n </div>\n </div>\n <div class=\"progress-bar\">\n <div class=\"progress\"></div>\n </div>\n </div>\n </section>\n\n <section class=\"results hidden\">\n <h2>Your Recommended Fields</h2>\n <div class=\"result-cards\">\n \n </div>\n </section>\n\n <section class=\"university-finder\">\n <h2>Japanese University Finder</h2>\n <div class=\"search-container\">\n <input type=\"text\" id=\"university-search\" placeholder=\"Search universities...\">\n <button id=\"search-btn\">Search</button>\n </div>\n <div class=\"university-results\">\n \n </div>\n </section>\n</main>\n\n<footer>\n <p>Start your PhD journey with confidence</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #2c3e50;\n --secondary-color: #3498db;\n --accent-color: #e74c3c;\n --background-color: #ecf0f1;\n --text-color: #2c3e50;\n --white: #ffffff;\n --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n padding: 20px;\n}\n\nheader {\n text-align: center;\n padding: 2rem 0;\n background: var(--primary-color);\n color: var(--white);\n margin-bottom: 2rem;\n border-radius: 10px;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nh2 {\n color: var(--primary-color);\n margin-bottom: 1rem;\n}\n\nsection {\n background: var(--white);\n padding: 2rem;\n margin-bottom: 2rem;\n border-radius: 10px;\n box-shadow: var(--shadow);\n}\n\n.quiz-container {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.question {\n margin-bottom: 2rem;\n}\n\n.options button {\n display: block;\n width: 100%;\n padding: 1rem;\n margin: 0.5rem 0;\n background: var(--secondary-color);\n color: var(--white);\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\n.options button:hover {\n background: var(--accent-color);\n}\n\n.progress-bar {\n height: 10px;\n background: var(--background-color);\n border-radius: 5px;\n overflow: hidden;\n}\n\n.progress {\n height: 100%;\n background: var(--secondary-color);\n width: 0;\n transition: width 0.3s ease;\n}\n\n.results.hidden {\n display: none;\n}\n\n.result-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.result-card {\n background: var(--white);\n padding: 1rem;\n border-radius: 5px;\n box-shadow: var(--shadow);\n}\n\n.university-finder {\n margin-top: 3rem;\n}\n\n.search-container {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n#university-search {\n flex: 1;\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\n#search-btn {\n padding: 0.5rem 1rem;\n background: var(--secondary-color);\n color: var(--white);\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.university-results {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n section {\n padding: 1rem;\n }\n}\n---script.js---\nconst questions = [\n {\n question: \"What excites you most?\",\n options: [\n { text: \"Solving medical mysteries\", value: \"medical-imaging\" },\n { text: \"Understanding complex systems\", value: \"complex-systems\" },\n { text: \"Creating realistic simulations\", value: \"simulation\" },\n { text: \"Developing life-changing medical aids\", value: \"medical-aid\" }\n ]\n },\n {\n question: \"What's your preferred work environment?\",\n options: [\n { text: \"Laboratory\", value: \"medical-imaging\" },\n { text: \"Field work\", value: \"complex-systems\" },\n { text: \"Computer-based\", value: \"simulation\" },\n { text: \"Clinical setting\", value: \"medical-aid\" }\n ]\n }\n];\n\nconst fieldDescriptions = {\n \"medical-imaging\": {\n title: \"Medical Imaging Recognition\",\n description: \"Focus on developing advanced algorithms for medical image analysis and diagnosis.\"\n },\n \"complex-systems\": {\n title: \"Complex System Study\",\n description: \"Explore the behavior of complex systems across various disciplines.\"\n },\n \"simulation\": {\n title: \"System Simulation Study\",\n description: \"Develop and analyze system simulations for various applications.\"\n },\n \"medical-aid\": {\n title: \"Socially Beneficial Medical Aid Engineering\",\n description: \"Design and develop medical aids that improve quality of life.\"\n }\n};\n\nlet currentQuestion = 0;\nlet userSelections = {};\n\nfunction updateProgress() {\n const progress = (currentQuestion / questions.length) * 100;\n document.querySelector('.progress').style.width = `${progress}%`;\n}\n\nfunction showResults() {\n const resultsSection = document.querySelector('.results');\n const resultCards = document.querySelector('.result-cards');\n \n // Clear previous results\n resultCards.innerHTML = '';\n \n // Calculate scores\n const scores = Object.keys(userSelections).reduce((acc, key) => {\n userSelections[key].forEach(value => {\n acc[value] = (acc[value] || 0) + 1;\n });\n return acc;\n }, {});\n\n // Sort fields by score\n const sortedFields = Object.entries(scores)\n .sort((a, b) => b[1] - a[1])\n .map(([key]) => key);\n\n // Display top 3 results\n sortedFields.slice(0, 3).forEach(field => {\n const card = document.createElement('div');\n card.className = 'result-card';\n card.innerHTML = `\n <h3>${fieldDescriptions[field].title}</h3>\n <p>${fieldDescriptions[field].description}</p>\n `;\n resultCards.appendChild(card);\n });\n\n resultsSection.classList.remove('hidden');\n}\n\nfunction handleOptionClick(value) {\n if (!userSelections[currentQuestion]) {\n userSelections[currentQuestion] = [];\n }\n userSelections[currentQuestion].push(value);\n \n currentQuestion++;\n if (currentQuestion < questions.length) {\n renderQuestion();\n } else {\n showResults();\n }\n updateProgress();\n}\n\nfunction renderQuestion() {\n const questionContainer = document.querySelector('.question');\n const currentQ = questions[currentQuestion];\n \n questionContainer.innerHTML = `\n <h3>${currentQ.question}</h3>\n <div class=\"options\">\n ${currentQ.options.map(option => `\n <button data-value=\"${option.value}\">${option.text}</button>\n `).join('')}\n </div>\n `;\n \n document.querySelectorAll('.options button').forEach(button => {\n button.addEventListener('click', () => handleOptionClick(button.dataset.value));\n });\n}\n\n// Initialize\ndocument.addEventListener('DOMContentLoaded', () => {\n renderQuestion();\n \n // University search functionality\n document.getElementById('search-btn').addEventListener('click', () => {\n const searchTerm = document.getElementById('university-search').value;\n // Implement university search logic here\n console.log(`Searching for: ${searchTerm}`);\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 319, + "completion_tokens": 2143, + "total_tokens": 2462, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 319 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..eb88f85 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# phdpath.scroll.pub +Website generated by DeepSeek from prompt: i want a website that can help decide which field of research I want to get in for my PhD plan. I am torned between Medical imaging recognition, Complex system study, System simulation study, or Socially benefitial medical aid engineering, and the list is still growing. I guess the website need some numerical tools. BTW, i have focused on Japanese University that rank in world 100-1000. Be creative. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..5d1ba64 --- /dev/null +++ b/script.js @@ -0,0 +1,126 @@ +const questions = [ + { + question: "What excites you most?", + options: [ + { text: "Solving medical mysteries", value: "medical-imaging" }, + { text: "Understanding complex systems", value: "complex-systems" }, + { text: "Creating realistic simulations", value: "simulation" }, + { text: "Developing life-changing medical aids", value: "medical-aid" } + ] + }, + { + question: "What's your preferred work environment?", + options: [ + { text: "Laboratory", value: "medical-imaging" }, + { text: "Field work", value: "complex-systems" }, + { text: "Computer-based", value: "simulation" }, + { text: "Clinical setting", value: "medical-aid" } + ] + } +]; + +const fieldDescriptions = { + "medical-imaging": { + title: "Medical Imaging Recognition", + description: "Focus on developing advanced algorithms for medical image analysis and diagnosis." + }, + "complex-systems": { + title: "Complex System Study", + description: "Explore the behavior of complex systems across various disciplines." + }, + "simulation": { + title: "System Simulation Study", + description: "Develop and analyze system simulations for various applications." + }, + "medical-aid": { + title: "Socially Beneficial Medical Aid Engineering", + description: "Design and develop medical aids that improve quality of life." + } +}; + +let currentQuestion = 0; +let userSelections = {}; + +function updateProgress() { + const progress = (currentQuestion / questions.length) * 100; + document.querySelector('.progress').style.width = `${progress}%`; +} + +function showResults() { + const resultsSection = document.querySelector('.results'); + const resultCards = document.querySelector('.result-cards'); + + // Clear previous results + resultCards.innerHTML = ''; + + // Calculate scores + const scores = Object.keys(userSelections).reduce((acc, key) => { + userSelections[key].forEach(value => { + acc[value] = (acc[value] || 0) + 1; + }); + return acc; + }, {}); + + // Sort fields by score + const sortedFields = Object.entries(scores) + .sort((a, b) => b[1] - a[1]) + .map(([key]) => key); + + // Display top 3 results + sortedFields.slice(0, 3).forEach(field => { + const card = document.createElement('div'); + card.className = 'result-card'; + card.innerHTML = ` + <h3>${fieldDescriptions[field].title}</h3> + <p>${fieldDescriptions[field].description}</p> + `; + resultCards.appendChild(card); + }); + + resultsSection.classList.remove('hidden'); +} + +function handleOptionClick(value) { + if (!userSelections[currentQuestion]) { + userSelections[currentQuestion] = []; + } + userSelections[currentQuestion].push(value); + + currentQuestion++; + if (currentQuestion < questions.length) { + renderQuestion(); + } else { + showResults(); + } + updateProgress(); +} + +function renderQuestion() { + const questionContainer = document.querySelector('.question'); + const currentQ = questions[currentQuestion]; + + questionContainer.innerHTML = ` + <h3>${currentQ.question}</h3> + <div class="options"> + ${currentQ.options.map(option => ` + <button data-value="${option.value}">${option.text}</button> + `).join('')} + </div> + `; + + document.querySelectorAll('.options button').forEach(button => { + button.addEventListener('click', () => handleOptionClick(button.dataset.value)); + }); +} + +// Initialize +document.addEventListener('DOMContentLoaded', () => { + renderQuestion(); + + // University search functionality + document.getElementById('search-btn').addEventListener('click', () => { + const searchTerm = document.getElementById('university-search').value; + // Implement university search logic here + console.log(`Searching for: ${searchTerm}`); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2918b53 --- /dev/null +++ b/style.css @@ -0,0 +1,149 @@ +:root { + --primary-color: #2c3e50; + --secondary-color: #3498db; + --accent-color: #e74c3c; + --background-color: #ecf0f1; + --text-color: #2c3e50; + --white: #ffffff; + --shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Segoe UI', sans-serif; + line-height: 1.6; + color: var(--text-color); + background-color: var(--background-color); + padding: 20px; +} + +header { + text-align: center; + padding: 2rem 0; + background: var(--primary-color); + color: var(--white); + margin-bottom: 2rem; + border-radius: 10px; +} + +h1 { + font-size: 2.5rem; + margin-bottom: 0.5rem; +} + +h2 { + color: var(--primary-color); + margin-bottom: 1rem; +} + +section { + background: var(--white); + padding: 2rem; + margin-bottom: 2rem; + border-radius: 10px; + box-shadow: var(--shadow); +} + +.quiz-container { + max-width: 800px; + margin: 0 auto; +} + +.question { + margin-bottom: 2rem; +} + +.options button { + display: block; + width: 100%; + padding: 1rem; + margin: 0.5rem 0; + background: var(--secondary-color); + color: var(--white); + border: none; + border-radius: 5px; + cursor: pointer; + transition: background 0.3s ease; +} + +.options button:hover { + background: var(--accent-color); +} + +.progress-bar { + height: 10px; + background: var(--background-color); + border-radius: 5px; + overflow: hidden; +} + +.progress { + height: 100%; + background: var(--secondary-color); + width: 0; + transition: width 0.3s ease; +} + +.results.hidden { + display: none; +} + +.result-cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1rem; +} + +.result-card { + background: var(--white); + padding: 1rem; + border-radius: 5px; + box-shadow: var(--shadow); +} + +.university-finder { + margin-top: 3rem; +} + +.search-container { + display: flex; + gap: 1rem; + margin-bottom: 1rem; +} + +#university-search { + flex: 1; + padding: 0.5rem; + border: 1px solid #ddd; + border-radius: 5px; +} + +#search-btn { + padding: 0.5rem 1rem; + background: var(--secondary-color); + color: var(--white); + border: none; + border-radius: 5px; + cursor: pointer; +} + +.university-results { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1rem; +} + +@media (max-width: 768px) { + h1 { + font-size: 2rem; + } + + section { + padding: 1rem; + } +} \ No newline at end of file