Changes to travelvote1.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Travel Vote
+   Discover where your customers want to travel next!
+ 
+ 
+ 
+   
+     Vote for Your Dream Destination
+     
+       
+         
+         Paris, France
+         
+       
+       
+         
+         Tokyo, Japan
+         
+       
+       
+         
+         New York, USA
+         
+       
+       
+         
+         Sydney, Australia
+         
+       
+     
+   
+ 
+   
+     Voting Results
+     
+       
+     
+   
+ 
+ 
+ 
+   Let us know where you want to go next!
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://travelvote.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Travel Vote - Collect Your Customers' Travel Preferences
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "7a07df4e-6d2e-4315-b1cd-0d677c84b78e",
+   "object": "chat.completion",
+   "created": 1735438017,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ntravelvote.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://travelvote.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Travel Vote - Collect Your Customers' Travel Preferences\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Travel Vote\n  Discover where your customers want to travel next!
\n\n\n\n  \n    Vote for Your Dream Destination\n    \n      \n        \n        Paris, France\n        \n      
\n      \n        \n        Tokyo, Japan\n        \n      
\n      \n        \n        New York, USA\n        \n      
\n      \n        \n        Sydney, Australia\n        \n      
\n    
\n  \n\n  \n    Voting Results\n    \n      \n    
\n  \n\n\n\n  Let us know where you want to go next!
\n\n---style.css---\n:root {\n  --primary-color: #1a73e8;\n  --secondary-color: #f1f3f4;\n  --text-color: #202124;\n  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\nbody {\n  font-family: var(--font-family);\n  color: var(--text-color);\n  margin: 0;\n  padding: 0;\n  line-height: 1.6;\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\nmain {\n  padding: 2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.destination-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n  margin-top: 2rem;\n}\n\n.destination-card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  transition: transform 0.3s ease;\n}\n\n.destination-card:hover {\n  transform: translateY(-5px);\n}\n\n.destination-card img {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n}\n\n.destination-card h3 {\n  padding: 1rem;\n  margin: 0;\n  text-align: center;\n}\n\n.vote-btn {\n  display: block;\n  width: 100%;\n  padding: 0.75rem;\n  background: var(--primary-color);\n  color: white;\n  border: none;\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background 0.3s ease;\n}\n\n.vote-btn:hover {\n  background: #1557b0;\n}\n\n#results-section {\n  margin-top: 3rem;\n}\n\n.results-chart {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\nfooter {\n  background: var(--secondary-color);\n  padding: 1rem;\n  text-align: center;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2rem;\n  }\n\n  .destination-grid {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\nconst voteButtons = document.querySelectorAll('.vote-btn');\nconst voteChart = document.getElementById('voteChart').getContext('2d');\n\nlet voteData = {\n  paris: 0,\n  tokyo: 0,\n  'new-york': 0,\n  sydney: 0\n};\n\nvoteButtons.forEach(button => {\n  button.addEventListener('click', () => {\n    const destination = button.closest('.destination-card').dataset.destination;\n    voteData[destination]++;\n    updateChart();\n  });\n});\n\nfunction updateChart() {\n  const chart = new Chart(voteChart, {\n    type: 'bar',\n    data: {\n      labels: ['Paris', 'Tokyo', 'New York', 'Sydney'],\n      datasets: [{\n        label: 'Votes',\n        data: [voteData.paris, voteData.tokyo, voteData['new-york'], voteData.sydney],\n        backgroundColor: [\n          '#1a73e8',\n          '#34a853',\n          '#fbbc05',\n          '#ea4335'\n        ],\n        borderWidth: 1\n      }]\n    },\n    options: {\n      scales: {\n        y: {\n          beginAtZero: true\n        }\n      },\n      responsive: true,\n      maintainAspectRatio: false\n    }\n  });\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 249,
+     "completion_tokens": 1277,
+     "total_tokens": 1526,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 249
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # travelvote1.scroll.pub

+ Website generated by DeepSeek from prompt: I want a website to collect my customers who like travel to aboard by vote

script.js

Changed around line 1
+ const voteButtons = document.querySelectorAll('.vote-btn');
+ const voteChart = document.getElementById('voteChart').getContext('2d');
+ 
+ let voteData = {
+   paris: 0,
+   tokyo: 0,
+   'new-york': 0,
+   sydney: 0
+ };
+ 
+ voteButtons.forEach(button => {
+   button.addEventListener('click', () => {
+     const destination = button.closest('.destination-card').dataset.destination;
+     voteData[destination]++;
+     updateChart();
+   });
+ });
+ 
+ function updateChart() {
+   const chart = new Chart(voteChart, {
+     type: 'bar',
+     data: {
+       labels: ['Paris', 'Tokyo', 'New York', 'Sydney'],
+       datasets: [{
+         label: 'Votes',
+         data: [voteData.paris, voteData.tokyo, voteData['new-york'], voteData.sydney],
+         backgroundColor: [
+           '#1a73e8',
+           '#34a853',
+           '#fbbc05',
+           '#ea4335'
+         ],
+         borderWidth: 1
+       }]
+     },
+     options: {
+       scales: {
+         y: {
+           beginAtZero: true
+         }
+       },
+       responsive: true,
+       maintainAspectRatio: false
+     }
+   });
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #1a73e8;
+   --secondary-color: #f1f3f4;
+   --text-color: #202124;
+   --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   color: var(--text-color);
+   margin: 0;
+   padding: 0;
+   line-height: 1.6;
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ main {
+   padding: 2rem;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .destination-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 1.5rem;
+   margin-top: 2rem;
+ }
+ 
+ .destination-card {
+   background: white;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+   overflow: hidden;
+   transition: transform 0.3s ease;
+ }
+ 
+ .destination-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .destination-card img {
+   width: 100%;
+   height: 200px;
+   object-fit: cover;
+ }
+ 
+ .destination-card h3 {
+   padding: 1rem;
+   margin: 0;
+   text-align: center;
+ }
+ 
+ .vote-btn {
+   display: block;
+   width: 100%;
+   padding: 0.75rem;
+   background: var(--primary-color);
+   color: white;
+   border: none;
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background 0.3s ease;
+ }
+ 
+ .vote-btn:hover {
+   background: #1557b0;
+ }
+ 
+ #results-section {
+   margin-top: 3rem;
+ }
+ 
+ .results-chart {
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ footer {
+   background: var(--secondary-color);
+   padding: 1rem;
+   text-align: center;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   .destination-grid {
+     grid-template-columns: 1fr;
+   }
+ }