Changes to wordwise.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     WordWise
+     Revolutionizing Vocabulary Learning
+     
+       Explore Features
+       Get Started
+     
+   
+ 
+ 
+ 
+   
+     Core Features
+     
+       
+         📚
+         Smart Word Cards
+         Interactive 3D cards with auto-pronunciation and bilingual display.
+       
+       
+         👥
+         Multi-player Mode
+         Learn with others in real-time with progress tracking.
+       
+       
+         📊
+         Detailed Analytics
+         Track your progress and optimize your learning.
+       
+     
+   
+ 
+ 
+ 
+   
+     Start Your Learning Journey
+     
+       
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       Features
+       Get Started
+     
+     Empowering language learners worldwide
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://wordwise.scroll.pub
+ metaTags
+ editButton /edit.html
+ title WordWise - Modern Word Learning System
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "70832cdf-6fae-4573-9771-186ade8d3867",
+   "object": "chat.completion",
+   "created": 1735384199,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nwordwise.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://wordwise.scroll.pub\nmetaTags\neditButton /edit.html\ntitle WordWise - Modern Word Learning System\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    WordWise\n    Revolutionizing Vocabulary Learning
\n    \n      Explore Features\n      Get Started\n    
\n  
\n\n\n\n  \n    Core Features\n    \n      \n        📚
\n        Smart Word Cards\n        Interactive 3D cards with auto-pronunciation and bilingual display.
\n      
\n      \n        👥
\n        Multi-player Mode\n        Learn with others in real-time with progress tracking.
\n      
\n      \n        📊
\n        Detailed Analytics\n        Track your progress and optimize your learning.
\n      
\n    
\n  
\n\n\n\n  \n    Start Your Learning Journey\n    \n      \n      \n    \n  
\n\n\n\n  \n    \n      Features\n      Get Started\n    \n    Empowering language learners worldwide
\n  
\n\n---style.css---\n:root {\n  --primary-color: #2563eb;\n  --secondary-color: #1e40af;\n  --background-color: #f8fafc;\n  --text-color: #1e293b;\n  --card-bg: #ffffff;\n  --shadow: 0 4px 6px -1px 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: system-ui, -apple-system, sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.hero {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  padding: 6rem 0;\n  text-align: center;\n}\n\n.hero h1 {\n  font-size: 3.5rem;\n  margin-bottom: 1rem;\n  animation: fadeIn 1s ease-in;\n}\n\n.subtitle {\n  font-size: 1.5rem;\n  margin-bottom: 2rem;\n  opacity: 0.9;\n}\n\n.cta-buttons {\n  display: flex;\n  gap: 1rem;\n  justify-content: center;\n}\n\n.btn {\n  padding: 0.75rem 2rem;\n  border-radius: 0.5rem;\n  text-decoration: none;\n  font-weight: 500;\n  transition: all 0.3s ease;\n}\n\n.btn.primary {\n  background: white;\n  color: var(--primary-color);\n}\n\n.btn.secondary {\n  background: transparent;\n  border: 2px solid white;\n  color: white;\n}\n\n.btn:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--shadow);\n}\n\n.features-section {\n  padding: 4rem 0;\n}\n\n.features-section h2 {\n  text-align: center;\n  font-size: 2.5rem;\n  margin-bottom: 3rem;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n}\n\n.feature-card {\n  background: var(--card-bg);\n  padding: 2rem;\n  border-radius: 1rem;\n  box-shadow: var(--shadow);\n  transition: transform 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n}\n\n.feature-card .icon {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n.feature-card h3 {\n  font-size: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n.cta-section {\n  background: var(--primary-color);\n  color: white;\n  padding: 4rem 0;\n  text-align: center;\n}\n\n.cta-section h2 {\n  font-size: 2.5rem;\n  margin-bottom: 2rem;\n}\n\n#signup-form {\n  max-width: 500px;\n  margin: 0 auto;\n  display: flex;\n  gap: 1rem;\n}\n\n#email {\n  flex: 1;\n  padding: 0.75rem;\n  border: none;\n  border-radius: 0.5rem;\n}\n\nfooter {\n  background: var(--secondary-color);\n  color: white;\n  padding: 2rem 0;\n  text-align: center;\n}\n\nfooter nav {\n  margin-bottom: 1rem;\n}\n\nfooter a {\n  color: white;\n  text-decoration: none;\n  margin: 0 1rem;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\n  .hero h1 {\n    font-size: 2.5rem;\n  }\n  \n  .subtitle {\n    font-size: 1.25rem;\n  }\n  \n  .cta-buttons {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .feature-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  #signup-form {\n    flex-direction: column;\n  }\n}\n---script.js---\ndocument.getElementById('signup-form').addEventListener('submit', function(e) {\n  e.preventDefault();\n  const email = document.getElementById('email').value;\n  if (email) {\n    alert(`Thank you for signing up! We'll contact you at ${email}`);\n    document.getElementById('email').value = '';\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 391,
+     "completion_tokens": 1544,
+     "total_tokens": 1935,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 391
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # wordwise.scroll.pub

+ Website generated by DeepSeek from prompt: A modern word learning and practice system designed to enhance vocabulary and language learning efficiency. ### Features - 📚 Smart Word Card System - 3D interactive effects - Auto-pronunciation feature - Bilingual display toggle - 👥 Multi-player Learning Mode - Supports multiple students simultaneously - Real-time progress tracking - Fair rotation mechanism - 📊 Statistics and Analysis - Learning progress tracking - Accuracy statistics - Personal performance analysis - 👨‍🏫 Admin Features - Learning data export - System parameter configuration - User management ### Tech Stack - **Frontend** - Vue3 - TypeScript - Vite5 - Pinia - UnoCSS - **Backend** - Supabase

script.js

Changed around line 1
+ document.getElementById('signup-form').addEventListener('submit', function(e) {
+   e.preventDefault();
+   const email = document.getElementById('email').value;
+   if (email) {
+     alert(`Thank you for signing up! We'll contact you at ${email}`);
+     document.getElementById('email').value = '';
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2563eb;
+   --secondary-color: #1e40af;
+   --background-color: #f8fafc;
+   --text-color: #1e293b;
+   --card-bg: #ffffff;
+   --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: system-ui, -apple-system, sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+ }
+ 
+ .container {
+   max-width: 1200px;
+   margin: 0 auto;
+   padding: 0 20px;
+ }
+ 
+ .hero {
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   padding: 6rem 0;
+   text-align: center;
+ }
+ 
+ .hero h1 {
+   font-size: 3.5rem;
+   margin-bottom: 1rem;
+   animation: fadeIn 1s ease-in;
+ }
+ 
+ .subtitle {
+   font-size: 1.5rem;
+   margin-bottom: 2rem;
+   opacity: 0.9;
+ }
+ 
+ .cta-buttons {
+   display: flex;
+   gap: 1rem;
+   justify-content: center;
+ }
+ 
+ .btn {
+   padding: 0.75rem 2rem;
+   border-radius: 0.5rem;
+   text-decoration: none;
+   font-weight: 500;
+   transition: all 0.3s ease;
+ }
+ 
+ .btn.primary {
+   background: white;
+   color: var(--primary-color);
+ }
+ 
+ .btn.secondary {
+   background: transparent;
+   border: 2px solid white;
+   color: white;
+ }
+ 
+ .btn:hover {
+   transform: translateY(-2px);
+   box-shadow: var(--shadow);
+ }
+ 
+ .features-section {
+   padding: 4rem 0;
+ }
+ 
+ .features-section h2 {
+   text-align: center;
+   font-size: 2.5rem;
+   margin-bottom: 3rem;
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+   gap: 2rem;
+ }
+ 
+ .feature-card {
+   background: var(--card-bg);
+   padding: 2rem;
+   border-radius: 1rem;
+   box-shadow: var(--shadow);
+   transition: transform 0.3s ease;
+ }
+ 
+ .feature-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .feature-card .icon {
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .feature-card h3 {
+   font-size: 1.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .cta-section {
+   background: var(--primary-color);
+   color: white;
+   padding: 4rem 0;
+   text-align: center;
+ }
+ 
+ .cta-section h2 {
+   font-size: 2.5rem;
+   margin-bottom: 2rem;
+ }
+ 
+ #signup-form {
+   max-width: 500px;
+   margin: 0 auto;
+   display: flex;
+   gap: 1rem;
+ }
+ 
+ #email {
+   flex: 1;
+   padding: 0.75rem;
+   border: none;
+   border-radius: 0.5rem;
+ }
+ 
+ footer {
+   background: var(--secondary-color);
+   color: white;
+   padding: 2rem 0;
+   text-align: center;
+ }
+ 
+ footer nav {
+   margin-bottom: 1rem;
+ }
+ 
+ footer a {
+   color: white;
+   text-decoration: none;
+   margin: 0 1rem;
+ }
+ 
+ @keyframes fadeIn {
+   from { opacity: 0; transform: translateY(20px); }
+   to { opacity: 1; transform: translateY(0); }
+ }
+ 
+ @media (max-width: 768px) {
+   .hero h1 {
+     font-size: 2.5rem;
+   }
+ 
+   .subtitle {
+     font-size: 1.25rem;
+   }
+ 
+   .cta-buttons {
+     flex-direction: column;
+     align-items: center;
+   }
+ 
+   .feature-grid {
+     grid-template-columns: 1fr;
+   }
+ 
+   #signup-form {
+     flex-direction: column;
+   }
+ }