Changes to flytrack.scroll.pub

ffff:60.163.37.244

23 days ago

created untitled.scroll

untitled.scroll

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   FlyTrack
+   Real-Time Flight Price Tracker
+ 
+ 
+ 
+   
+     
+     
+     
+   
+ 
+   
+     Tracked Flights
+     
+       Sort by:
+       
+     
+     
+   
+ 
+ 
+ 
+   FlyTrack - Your smart flight price tracker
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://flytrack.scroll.pub
+ metaTags
+ editButton /edit.html
+ title FlyTrack - Real-Time Flight Price Tracker
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "b0045aa3-0a5c-4680-b227-c48ab8b0f87d",
+   "object": "chat.completion",
+   "created": 1735521762,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nflytrack.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://flytrack.scroll.pub\nmetaTags\neditButton /edit.html\ntitle FlyTrack - Real-Time Flight Price Tracker\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  FlyTrack\n  Real-Time Flight Price Tracker
\n\n\n\n  \n    \n    \n    \n  \n\n  \n    Tracked Flights\n    \n      Sort by:\n      \n    
\n    
\n  \n\n\n\n  FlyTrack - Your smart flight price tracker
\n\n---style.css---\n:root {\n  --primary: #2563eb;\n  --secondary: #1e40af;\n  --background: #f8fafc;\n  --text: #1e293b;\n  --border: #e2e8f0;\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.5;\n  color: var(--text);\n  background: var(--background);\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\nheader {\n  background: var(--primary);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nheader h1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\nmain {\n  flex: 1;\n  padding: 2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.search {\n  display: grid;\n  grid-template-columns: 1fr 1fr auto;\n  gap: 1rem;\n  margin-bottom: 2rem;\n}\n\n.search input,\n.search button {\n  padding: 0.75rem;\n  border: 1px solid var(--border);\n  border-radius: 0.5rem;\n  font-size: 1rem;\n}\n\n.search button {\n  background: var(--primary);\n  color: white;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n\n.search button:hover {\n  background: var(--secondary);\n}\n\n.results {\n  background: white;\n  border-radius: 0.5rem;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  padding: 1.5rem;\n}\n\n.sort-controls {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 1rem;\n}\n\n.sort-controls select {\n  padding: 0.5rem;\n  border: 1px solid var(--border);\n  border-radius: 0.25rem;\n}\n\n.flight-list {\n  display: grid;\n  gap: 1rem;\n}\n\n.flight-item {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 1rem;\n  padding: 1rem;\n  border: 1px solid var(--border);\n  border-radius: 0.5rem;\n}\n\n.flight-item .price {\n  font-weight: bold;\n  color: var(--primary);\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: var(--primary);\n  color: white;\n}\n\n@media (max-width: 768px) {\n  .search {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\nconst flightList = document.getElementById('flight-list');\nconst trackBtn = document.getElementById('track-btn');\nconst sortSelect = document.getElementById('sort');\n\nlet flights = [];\n\nfunction addFlight(origin, destination, price) {\n  const flight = {\n    id: Date.now(),\n    origin,\n    destination,\n    price,\n    date: new Date().toLocaleString()\n  };\n  flights.push(flight);\n  renderFlights();\n}\n\nfunction renderFlights() {\n  const sortedFlights = sortFlights();\n  flightList.innerHTML = sortedFlights.map(flight => `\n    \n      \n        ${flight.origin} → ${flight.destination}\n        ${flight.date}
\n      
\n      $${flight.price}
\n    
\n  `).join('');\n}\n\nfunction sortFlights() {\n  const sortValue = sortSelect.value;\n  return [...flights].sort((a, b) => {\n    if (sortValue === 'price-asc') return a.price - b.price;\n    if (sortValue === 'price-desc') return b.price - a.price;\n    return new Date(b.date) - new Date(a.date);\n  });\n}\n\ntrackBtn.addEventListener('click', () => {\n  const origin = document.getElementById('origin').value;\n  const destination = document.getElementById('destination').value;\n  const price = Math.floor(Math.random() * 500) + 100; // Simulated price\n  if (origin && destination) {\n    addFlight(origin, destination, price);\n  }\n});\n\nsortSelect.addEventListener('change', renderFlights);\n\n// Initial data\naddFlight('New York (JFK)', 'London (LHR)', 450);\naddFlight('Los Angeles (LAX)', 'Tokyo (NRT)', 850);\naddFlight('Chicago (ORD)', 'Paris (CDG)', 600);\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 257,
+     "completion_tokens": 1355,
+     "total_tokens": 1612,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 257
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # flytrack.scroll.pub

+ Website generated by DeepSeek from prompt: 我需要一个网页，用来实时记录所选地往返机票的当前价格和历史价格，并且能按照价格顺序排列

script.js

Changed around line 1
+ const flightList = document.getElementById('flight-list');
+ const trackBtn = document.getElementById('track-btn');
+ const sortSelect = document.getElementById('sort');
+ 
+ let flights = [];
+ 
+ function addFlight(origin, destination, price) {
+   const flight = {
+     id: Date.now(),
+     origin,
+     destination,
+     price,
+     date: new Date().toLocaleString()
+   };
+   flights.push(flight);
+   renderFlights();
+ }
+ 
+ function renderFlights() {
+   const sortedFlights = sortFlights();
+   flightList.innerHTML = sortedFlights.map(flight => `
+     
+       
+         ${flight.origin} → ${flight.destination}
+         ${flight.date}
+       
+       $${flight.price}
+     
+   `).join('');
+ }
+ 
+ function sortFlights() {
+   const sortValue = sortSelect.value;
+   return [...flights].sort((a, b) => {
+     if (sortValue === 'price-asc') return a.price - b.price;
+     if (sortValue === 'price-desc') return b.price - a.price;
+     return new Date(b.date) - new Date(a.date);
+   });
+ }
+ 
+ trackBtn.addEventListener('click', () => {
+   const origin = document.getElementById('origin').value;
+   const destination = document.getElementById('destination').value;
+   const price = Math.floor(Math.random() * 500) + 100; // Simulated price
+   if (origin && destination) {
+     addFlight(origin, destination, price);
+   }
+ });
+ 
+ sortSelect.addEventListener('change', renderFlights);
+ 
+ // Initial data
+ addFlight('New York (JFK)', 'London (LHR)', 450);
+ addFlight('Los Angeles (LAX)', 'Tokyo (NRT)', 850);
+ addFlight('Chicago (ORD)', 'Paris (CDG)', 600);

style.css

Changed around line 1
+ :root {
+   --primary: #2563eb;
+   --secondary: #1e40af;
+   --background: #f8fafc;
+   --text: #1e293b;
+   --border: #e2e8f0;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: system-ui, -apple-system, sans-serif;
+   line-height: 1.5;
+   color: var(--text);
+   background: var(--background);
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ header {
+   background: var(--primary);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ header h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ main {
+   flex: 1;
+   padding: 2rem;
+   max-width: 1200px;
+   margin: 0 auto;
+   width: 100%;
+ }
+ 
+ .search {
+   display: grid;
+   grid-template-columns: 1fr 1fr auto;
+   gap: 1rem;
+   margin-bottom: 2rem;
+ }
+ 
+ .search input,
+ .search button {
+   padding: 0.75rem;
+   border: 1px solid var(--border);
+   border-radius: 0.5rem;
+   font-size: 1rem;
+ }
+ 
+ .search button {
+   background: var(--primary);
+   color: white;
+   cursor: pointer;
+   transition: background 0.2s;
+ }
+ 
+ .search button:hover {
+   background: var(--secondary);
+ }
+ 
+ .results {
+   background: white;
+   border-radius: 0.5rem;
+   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+   padding: 1.5rem;
+ }
+ 
+ .sort-controls {
+   display: flex;
+   align-items: center;
+   gap: 0.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .sort-controls select {
+   padding: 0.5rem;
+   border: 1px solid var(--border);
+   border-radius: 0.25rem;
+ }
+ 
+ .flight-list {
+   display: grid;
+   gap: 1rem;
+ }
+ 
+ .flight-item {
+   display: grid;
+   grid-template-columns: 1fr auto;
+   gap: 1rem;
+   padding: 1rem;
+   border: 1px solid var(--border);
+   border-radius: 0.5rem;
+ }
+ 
+ .flight-item .price {
+   font-weight: bold;
+   color: var(--primary);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: var(--primary);
+   color: white;
+ }
+ 
+ @media (max-width: 768px) {
+   .search {
+     grid-template-columns: 1fr;
+   }
+ }