Changes to wordwise2.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   WordWise
+   Revolutionize your language learning experience
+ 
+ 
+ 
+   
+     
+       Smart Learning, Smarter Results
+       Master vocabulary, phrases, and grammar with our innovative system
+       Explore Features
+     
+     
+       
+         
+           
+             Hello
+             Hola
+           
+           
+             Usage: Greeting someone
+             Example: Hello, how are you?
+           
+         
+       
+     
+   
+ 
+   
+     Key Features
+     
+       
+         📚
+         Smart Word Cards
+         Interactive 3D cards with auto-pronunciation
+       
+       
+         👥
+         Multi-player Mode
+         Learn with friends in real-time
+       
+       
+         📊
+         Progress Tracking
+         Detailed statistics and analysis
+       
+     
+   
+ 
+   
+     Start Your Language Journey Today
+     Get Started
+   
+ 
+ 
+ 
+   
+     
+       About
+       Features
+       Contact
+     
+   
+ 

index.scroll

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

prompt.json

Changed around line 1
+ {
+   "id": "617b01a1-2d53-40e0-89ad-748062885112",
+   "object": "chat.completion",
+   "created": 1735434159,
+   "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 Language Learning System\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  WordWise\n  Revolutionize your language learning experience
\n\n\n\n  \n    \n      Smart Learning, Smarter Results\n      Master vocabulary, phrases, and grammar with our innovative system
\n      Explore Features\n    
\n    \n      \n        \n          \n            Hello\n            Hola\n          
\n          \n            Usage: Greeting someone
\n            Example: Hello, how are you?
\n          
\n        
\n      
\n    
\n  \n\n  \n    Key Features\n    \n      \n        📚
\n        Smart Word Cards\n        Interactive 3D cards with auto-pronunciation
\n      
\n      \n        👥
\n        Multi-player Mode\n        Learn with friends in real-time
\n      
\n      \n        📊
\n        Progress Tracking\n        Detailed statistics and analysis
\n      
\n    
\n  \n\n  \n    Start Your Language Journey Today\n    Get Started\n  \n\n\n\n  \n    \n      About
\n      Features
\n      Contact
\n    \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  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\nheader {\n  background: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.hero {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  padding: 4rem 2rem;\n  align-items: center;\n}\n\n.hero-content {\n  max-width: 500px;\n}\n\n.hero h2 {\n  font-size: 2rem;\n  margin-bottom: 1rem;\n}\n\n.cta-button {\n  display: inline-block;\n  background: var(--secondary-color);\n  color: white;\n  padding: 0.75rem 1.5rem;\n  border-radius: 0.5rem;\n  text-decoration: none;\n  margin-top: 1rem;\n  transition: transform 0.2s;\n}\n\n.cta-button:hover {\n  transform: translateY(-2px);\n}\n\n.card-container {\n  perspective: 1000px;\n}\n\n.word-card {\n  width: 300px;\n  height: 200px;\n  position: relative;\n  transform-style: preserve-3d;\n  transition: transform 0.8s;\n  cursor: pointer;\n}\n\n.word-card:hover {\n  transform: rotateY(180deg);\n}\n\n.card-front, .card-back {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n  background: var(--card-bg);\n  border-radius: 1rem;\n  box-shadow: var(--shadow);\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.card-back {\n  transform: rotateY(180deg);\n}\n\n.features {\n  padding: 4rem 2rem;\n  background: var(--card-bg);\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n  margin-top: 2rem;\n}\n\n.feature-card {\n  background: var(--background-color);\n  padding: 2rem;\n  border-radius: 1rem;\n  text-align: center;\n  box-shadow: var(--shadow);\n}\n\n.icon {\n  font-size: 2rem;\n  margin-bottom: 1rem;\n}\n\nfooter {\n  margin-top: auto;\n  background: var(--primary-color);\n  color: white;\n  padding: 1rem;\n  text-align: center;\n}\n\n@media (max-width: 768px) {\n  .hero {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  \n  .card-container {\n    margin: 0 auto;\n  }\n}\n---script.js---\n// Add interactivity to word cards\nconst wordCards = document.querySelectorAll('.word-card');\n\nwordCards.forEach(card => {\n  card.addEventListener('click', () => {\n    card.classList.toggle('flipped');\n  });\n});\n\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', function (e) {\n    e.preventDefault();\n    document.querySelector(this.getAttribute('href')).scrollIntoView({\n      behavior: 'smooth'\n    });\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 342,
+     "completion_tokens": 1485,
+     "total_tokens": 1827,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 342
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # wordwise2.scroll.pub

+ Website generated by DeepSeek from prompt: A modern word learning and practice system designed to enhance vocabulary, phrases, grammar 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 React TypeScript Vite5 Backend Supabase

script.js

Changed around line 1
+ // Add interactivity to word cards
+ const wordCards = document.querySelectorAll('.word-card');
+ 
+ wordCards.forEach(card => {
+   card.addEventListener('click', () => {
+     card.classList.toggle('flipped');
+   });
+ });
+ 
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+   anchor.addEventListener('click', function (e) {
+     e.preventDefault();
+     document.querySelector(this.getAttribute('href')).scrollIntoView({
+       behavior: 'smooth'
+     });
+   });
+ });

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);
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ .hero {
+   display: grid;
+   grid-template-columns: 1fr 1fr;
+   gap: 2rem;
+   padding: 4rem 2rem;
+   align-items: center;
+ }
+ 
+ .hero-content {
+   max-width: 500px;
+ }
+ 
+ .hero h2 {
+   font-size: 2rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .cta-button {
+   display: inline-block;
+   background: var(--secondary-color);
+   color: white;
+   padding: 0.75rem 1.5rem;
+   border-radius: 0.5rem;
+   text-decoration: none;
+   margin-top: 1rem;
+   transition: transform 0.2s;
+ }
+ 
+ .cta-button:hover {
+   transform: translateY(-2px);
+ }
+ 
+ .card-container {
+   perspective: 1000px;
+ }
+ 
+ .word-card {
+   width: 300px;
+   height: 200px;
+   position: relative;
+   transform-style: preserve-3d;
+   transition: transform 0.8s;
+   cursor: pointer;
+ }
+ 
+ .word-card:hover {
+   transform: rotateY(180deg);
+ }
+ 
+ .card-front, .card-back {
+   position: absolute;
+   width: 100%;
+   height: 100%;
+   backface-visibility: hidden;
+   background: var(--card-bg);
+   border-radius: 1rem;
+   box-shadow: var(--shadow);
+   padding: 1.5rem;
+   display: flex;
+   flex-direction: column;
+   justify-content: center;
+   align-items: center;
+ }
+ 
+ .card-back {
+   transform: rotateY(180deg);
+ }
+ 
+ .features {
+   padding: 4rem 2rem;
+   background: var(--card-bg);
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+   margin-top: 2rem;
+ }
+ 
+ .feature-card {
+   background: var(--background-color);
+   padding: 2rem;
+   border-radius: 1rem;
+   text-align: center;
+   box-shadow: var(--shadow);
+ }
+ 
+ .icon {
+   font-size: 2rem;
+   margin-bottom: 1rem;
+ }
+ 
+ footer {
+   margin-top: auto;
+   background: var(--primary-color);
+   color: white;
+   padding: 1rem;
+   text-align: center;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero {
+     grid-template-columns: 1fr;
+     text-align: center;
+   }
+ 
+   .card-container {
+     margin: 0 auto;
+   }
+ }