commit 98f9360a0f1e714c7395403df4ad8f85981a7bde
Author: root <root@hub.scroll.pub> Date: 2024-12-27 21:31:22 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..1bf57cc --- /dev/null +++ b/body.html @@ -0,0 +1,57 @@ +<header> + <h1>Rate My Mentor</h1> + <p>Share your experiences and help others find great mentors</p> +</header> + +<main> + <section class="search-section"> + <input type="text" id="search" placeholder="Search for a mentor..." aria-label="Search for a mentor"> + <button id="search-btn">Search</button> + </section> + + <section class="reviews-section"> + <h2>Recent Reviews</h2> + <div class="reviews-grid"> + <article class="review-card"> + <h3>Dr. Jane Smith</h3> + <div class="rating">★★★★☆</div> + <p>"Dr. Smith was incredibly supportive and always available for guidance."</p> + <div class="review-meta"> + <span>Computer Science</span> + <span>University of Tech</span> + </div> + </article> + <!-- More review cards would go here --> + </div> + </section> + + <section class="submit-section"> + <h2>Submit a Review</h2> + <form id="review-form"> + <label for="mentor-name">Mentor's Name:</label> + <input type="text" id="mentor-name" required> + + <label for="rating">Rating:</label> + <select id="rating" required> + <option value="5">★★★★★</option> + <option value="4">★★★★☆</option> + <option value="3">★★★☆☆</option> + <option value="2">★★☆☆☆</option> + <option value="1">★☆☆☆☆</option> + </select> + + <label for="review-text">Your Review:</label> + <textarea id="review-text" required></textarea> + + <button type="submit">Submit Review</button> + </form> + </section> +</main> + +<footer> + <nav> + <a href="/about">About</a> + <a href="/privacy">Privacy Policy</a> + <a href="/contact">Contact</a> + </nav> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..947e6f8 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://ratemymentor.scroll.pub +metaTags +editButton /edit.html +title Rate My Mentor - Share Your Experience +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..427e33e --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "910a251c-aaf7-446f-9245-d6382d56671f", + "object": "chat.completion", + "created": 1735335062, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nratemymentor.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://ratemymentor.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Rate My Mentor - Share Your Experience\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Rate My Mentor</h1>\n <p>Share your experiences and help others find great mentors</p>\n</header>\n\n<main>\n <section class=\"search-section\">\n <input type=\"text\" id=\"search\" placeholder=\"Search for a mentor...\" aria-label=\"Search for a mentor\">\n <button id=\"search-btn\">Search</button>\n </section>\n\n <section class=\"reviews-section\">\n <h2>Recent Reviews</h2>\n <div class=\"reviews-grid\">\n <article class=\"review-card\">\n <h3>Dr. Jane Smith</h3>\n <div class=\"rating\">★★★★☆</div>\n <p>\"Dr. Smith was incredibly supportive and always available for guidance.\"</p>\n <div class=\"review-meta\">\n <span>Computer Science</span>\n <span>University of Tech</span>\n </div>\n </article>\n <!-- More review cards would go here -->\n </div>\n </section>\n\n <section class=\"submit-section\">\n <h2>Submit a Review</h2>\n <form id=\"review-form\">\n <label for=\"mentor-name\">Mentor's Name:</label>\n <input type=\"text\" id=\"mentor-name\" required>\n \n <label for=\"rating\">Rating:</label>\n <select id=\"rating\" required>\n <option value=\"5\">★★★★★</option>\n <option value=\"4\">★★★★☆</option>\n <option value=\"3\">★★★☆☆</option>\n <option value=\"2\">★★☆☆☆</option>\n <option value=\"1\">★☆☆☆☆</option>\n </select>\n \n <label for=\"review-text\">Your Review:</label>\n <textarea id=\"review-text\" required></textarea>\n \n <button type=\"submit\">Submit Review</button>\n </form>\n </section>\n</main>\n\n<footer>\n <nav>\n <a href=\"/about\">About</a>\n <a href=\"/privacy\">Privacy Policy</a>\n <a href=\"/contact\">Contact</a>\n </nav>\n</footer>\n---style.css---\n:root {\n --primary-color: #1a73e8;\n --secondary-color: #f1f3f4;\n --text-color: #202124;\n --border-radius: 8px;\n --shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n margin: 0;\n padding: 0;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\nheader {\n text-align: center;\n margin-bottom: 40px;\n}\n\nh1 {\n color: var(--primary-color);\n font-size: 2.5rem;\n margin-bottom: 10px;\n}\n\n.search-section {\n display: flex;\n gap: 10px;\n margin-bottom: 40px;\n}\n\n#search {\n flex: 1;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: var(--border-radius);\n font-size: 1rem;\n}\n\n#search-btn {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: var(--border-radius);\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n#search-btn:hover {\n background-color: #1557b0;\n}\n\n.reviews-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n}\n\n.review-card {\n background: white;\n padding: 20px;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n}\n\n.rating {\n color: #fbbc05;\n font-size: 1.2rem;\n margin: 10px 0;\n}\n\n.review-meta {\n display: flex;\n justify-content: space-between;\n margin-top: 15px;\n font-size: 0.9rem;\n color: #5f6368;\n}\n\n.submit-section {\n margin-top: 40px;\n}\n\nform {\n display: grid;\n gap: 15px;\n max-width: 600px;\n margin: 0 auto;\n}\n\nlabel {\n font-weight: 500;\n}\n\ninput, select, textarea {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: var(--border-radius);\n font-size: 1rem;\n}\n\nbutton[type=\"submit\"] {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: var(--border-radius);\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton[type=\"submit\"]:hover {\n background-color: #1557b0;\n}\n\nfooter {\n margin-top: 60px;\n text-align: center;\n padding: 20px;\n border-top: 1px solid #eee;\n}\n\nfooter nav {\n display: flex;\n justify-content: center;\n gap: 20px;\n}\n\nfooter a {\n color: var(--primary-color);\n text-decoration: none;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n .search-section {\n flex-direction: column;\n }\n \n #search-btn {\n width: 100%;\n }\n}\n---script.js---\ndocument.getElementById('review-form').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const mentorName = document.getElementById('mentor-name').value;\n const rating = document.getElementById('rating').value;\n const reviewText = document.getElementById('review-text').value;\n \n // Here you would typically send the data to a server\n console.log('New Review:', { mentorName, rating, reviewText });\n \n // Clear the form\n this.reset();\n \n // Show a success message (you could make this more sophisticated)\n alert('Thank you for your review!');\n});\n\ndocument.getElementById('search-btn').addEventListener('click', function() {\n const query = document.getElementById('search').value;\n // Here you would typically implement search functionality\n console.log('Searching for:', query);\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 241, + "completion_tokens": 1503, + "total_tokens": 1744, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 241 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..7ffd1fb --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# ratemymentor.scroll.pub +Website generated by DeepSeek from prompt: create a website like rate my supervisor \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..95b43a4 --- /dev/null +++ b/script.js @@ -0,0 +1,22 @@ +document.getElementById('review-form').addEventListener('submit', function(e) { + e.preventDefault(); + + const mentorName = document.getElementById('mentor-name').value; + const rating = document.getElementById('rating').value; + const reviewText = document.getElementById('review-text').value; + + // Here you would typically send the data to a server + console.log('New Review:', { mentorName, rating, reviewText }); + + // Clear the form + this.reset(); + + // Show a success message (you could make this more sophisticated) + alert('Thank you for your review!'); +}); + +document.getElementById('search-btn').addEventListener('click', function() { + const query = document.getElementById('search').value; + // Here you would typically implement search functionality + console.log('Searching for:', query); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..c15116f --- /dev/null +++ b/style.css @@ -0,0 +1,153 @@ +:root { + --primary-color: #1a73e8; + --secondary-color: #f1f3f4; + --text-color: #202124; + --border-radius: 8px; + --shadow: 0 2px 4px rgba(0,0,0,0.1); +} + +body { + font-family: 'Segoe UI', system-ui, sans-serif; + line-height: 1.6; + color: var(--text-color); + margin: 0; + padding: 0; + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +header { + text-align: center; + margin-bottom: 40px; +} + +h1 { + color: var(--primary-color); + font-size: 2.5rem; + margin-bottom: 10px; +} + +.search-section { + display: flex; + gap: 10px; + margin-bottom: 40px; +} + +#search { + flex: 1; + padding: 12px; + border: 1px solid #ddd; + border-radius: var(--border-radius); + font-size: 1rem; +} + +#search-btn { + background-color: var(--primary-color); + color: white; + border: none; + padding: 12px 24px; + border-radius: var(--border-radius); + cursor: pointer; + transition: background-color 0.3s; +} + +#search-btn:hover { + background-color: #1557b0; +} + +.reviews-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 20px; +} + +.review-card { + background: white; + padding: 20px; + border-radius: var(--border-radius); + box-shadow: var(--shadow); +} + +.rating { + color: #fbbc05; + font-size: 1.2rem; + margin: 10px 0; +} + +.review-meta { + display: flex; + justify-content: space-between; + margin-top: 15px; + font-size: 0.9rem; + color: #5f6368; +} + +.submit-section { + margin-top: 40px; +} + +form { + display: grid; + gap: 15px; + max-width: 600px; + margin: 0 auto; +} + +label { + font-weight: 500; +} + +input, select, textarea { + width: 100%; + padding: 12px; + border: 1px solid #ddd; + border-radius: var(--border-radius); + font-size: 1rem; +} + +button[type="submit"] { + background-color: var(--primary-color); + color: white; + border: none; + padding: 12px 24px; + border-radius: var(--border-radius); + cursor: pointer; + transition: background-color 0.3s; +} + +button[type="submit"]:hover { + background-color: #1557b0; +} + +footer { + margin-top: 60px; + text-align: center; + padding: 20px; + border-top: 1px solid #eee; +} + +footer nav { + display: flex; + justify-content: center; + gap: 20px; +} + +footer a { + color: var(--primary-color); + text-decoration: none; +} + +@media (max-width: 768px) { + h1 { + font-size: 2rem; + } + + .search-section { + flex-direction: column; + } + + #search-btn { + width: 100%; + } +} \ No newline at end of file