Changes to moviefinder1.scroll.pub

root

15 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Universal Movie Search
+   Find any movie, anytime, anywhere
+   
+     
+     
+   
+ 
+ 
+ 
+   
+   Loading...
+   
+ 
+ 
+ 
+   Made with ❤️ for movie lovers everywhere
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://moviefinder.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Universal Movie Search
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "1a91e543-fed6-4d67-b250-7bc61ecf814f",
+   "object": "chat.completion",
+   "created": 1736220679,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nmoviefinder.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://moviefinder.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Universal Movie Search\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Universal Movie Search\n  Find any movie, anytime, anywhere
\n  \n    \n    \n  \n\n\n\n  
\n  Loading...
\n  
\n\n\n\n  Made with ❤️ for movie lovers everywhere
\n\n---style.css---\n:root {\n  --primary-color: #ff6b6b;\n  --secondary-color: #4ecdc4;\n  --background-color: #1a1a1a;\n  --text-color: #f5f5f5;\n  --card-bg: #2d2d2d;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  background-color: var(--background-color);\n  color: var(--text-color);\n  line-height: 1.6;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.header {\n  text-align: center;\n  padding: 4rem 1rem;\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  margin-bottom: 2rem;\n}\n\n.header h1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n}\n\n.search-form {\n  max-width: 600px;\n  margin: 2rem auto 0;\n  display: flex;\n  gap: 0.5rem;\n}\n\n.search-form input {\n  flex: 1;\n  padding: 0.75rem;\n  border: none;\n  border-radius: 4px;\n  font-size: 1rem;\n}\n\n.search-form button {\n  padding: 0.75rem 1.5rem;\n  background-color: var(--card-bg);\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.search-form button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n}\n\n.results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 2rem;\n  padding: 1rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.movie-card {\n  background: var(--card-bg);\n  border-radius: 8px;\n  overflow: hidden;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.movie-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 16px rgba(0,0,0,0.3);\n}\n\n.movie-card img {\n  width: 100%;\n  height: 300px;\n  object-fit: cover;\n}\n\n.movie-info {\n  padding: 1rem;\n}\n\n.movie-info h3 {\n  margin-bottom: 0.5rem;\n  color: var(--primary-color);\n}\n\n.movie-info p {\n  font-size: 0.9rem;\n  color: #ccc;\n}\n\n.loading {\n  text-align: center;\n  font-size: 1.2rem;\n  padding: 2rem;\n}\n\n.error {\n  color: var(--primary-color);\n  text-align: center;\n  padding: 2rem;\n}\n\n.footer {\n  text-align: center;\n  padding: 2rem;\n  margin-top: auto;\n  background-color: var(--card-bg);\n}\n\n@media (max-width: 768px) {\n  .header h1 {\n    font-size: 2rem;\n  }\n  \n  .search-form {\n    flex-direction: column;\n  }\n  \n  .search-form button {\n    width: 100%;\n  }\n  \n  .results-grid {\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  }\n}\n---script.js---\nconst API_URL = 'https://api.themoviedb.org/3/search/movie';\nconst API_KEY = 'YOUR_TMDB_API_KEY'; // Replace with your actual API key\n\nconst form = document.getElementById('search-form');\nconst searchInput = document.getElementById('search-input');\nconst resultsContainer = document.getElementById('results');\nconst loading = document.getElementById('loading');\nconst errorContainer = document.getElementById('error');\n\nform.addEventListener('submit', async (e) => {\n  e.preventDefault();\n  const query = searchInput.value.trim();\n  \n  if (!query) {\n    errorContainer.textContent = 'Please enter a search term';\n    errorContainer.classList.remove('hidden');\n    return;\n  }\n\n  try {\n    loading.classList.remove('hidden');\n    errorContainer.classList.add('hidden');\n    resultsContainer.innerHTML = '';\n    \n    const response = await fetch(`${API_URL}?api_key=${API_KEY}&query=${encodeURIComponent(query)}`);\n    const data = await response.json();\n    \n    if (data.results.length === 0) {\n      errorContainer.textContent = 'No movies found';\n      errorContainer.classList.remove('hidden');\n      return;\n    }\n    \n    displayResults(data.results);\n  } catch (err) {\n    errorContainer.textContent = 'An error occurred while fetching data';\n    errorContainer.classList.remove('hidden');\n  } finally {\n    loading.classList.add('hidden');\n  }\n});\n\nfunction displayResults(movies) {\n  resultsContainer.innerHTML = movies.map(movie => `\n    \n      \n      \n        ${movie.title}\n        ${movie.overview.substring(0, 100)}...
\n        Rating: ${movie.vote_average}
\n        Release: ${movie.release_date}
\n      
\n    
\n  `).join('');\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 242,
+     "completion_tokens": 1491,
+     "total_tokens": 1733,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 242
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # moviefinder1.scroll.pub

+ Website generated by DeepSeek from prompt: Help me build a universal movie search website

script.js

Changed around line 1
+ const API_URL = 'https://api.themoviedb.org/3/search/movie';
+ const API_KEY = 'YOUR_TMDB_API_KEY'; // Replace with your actual API key
+ 
+ const form = document.getElementById('search-form');
+ const searchInput = document.getElementById('search-input');
+ const resultsContainer = document.getElementById('results');
+ const loading = document.getElementById('loading');
+ const errorContainer = document.getElementById('error');
+ 
+ form.addEventListener('submit', async (e) => {
+   e.preventDefault();
+   const query = searchInput.value.trim();
+ 
+   if (!query) {
+     errorContainer.textContent = 'Please enter a search term';
+     errorContainer.classList.remove('hidden');
+     return;
+   }
+ 
+   try {
+     loading.classList.remove('hidden');
+     errorContainer.classList.add('hidden');
+     resultsContainer.innerHTML = '';
+ 
+     const response = await fetch(`${API_URL}?api_key=${API_KEY}&query=${encodeURIComponent(query)}`);
+     const data = await response.json();
+ 
+     if (data.results.length === 0) {
+       errorContainer.textContent = 'No movies found';
+       errorContainer.classList.remove('hidden');
+       return;
+     }
+ 
+     displayResults(data.results);
+   } catch (err) {
+     errorContainer.textContent = 'An error occurred while fetching data';
+     errorContainer.classList.remove('hidden');
+   } finally {
+     loading.classList.add('hidden');
+   }
+ });
+ 
+ function displayResults(movies) {
+   resultsContainer.innerHTML = movies.map(movie => `
+     
+       
+       
+         ${movie.title}
+         ${movie.overview.substring(0, 100)}...
+         Rating: ${movie.vote_average}
+         Release: ${movie.release_date}
+       
+     
+   `).join('');
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #ff6b6b;
+   --secondary-color: #4ecdc4;
+   --background-color: #1a1a1a;
+   --text-color: #f5f5f5;
+   --card-bg: #2d2d2d;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   line-height: 1.6;
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ .header {
+   text-align: center;
+   padding: 4rem 1rem;
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   margin-bottom: 2rem;
+ }
+ 
+ .header h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+   text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
+ }
+ 
+ .search-form {
+   max-width: 600px;
+   margin: 2rem auto 0;
+   display: flex;
+   gap: 0.5rem;
+ }
+ 
+ .search-form input {
+   flex: 1;
+   padding: 0.75rem;
+   border: none;
+   border-radius: 4px;
+   font-size: 1rem;
+ }
+ 
+ .search-form button {
+   padding: 0.75rem 1.5rem;
+   background-color: var(--card-bg);
+   color: white;
+   border: none;
+   border-radius: 4px;
+   cursor: pointer;
+   transition: all 0.3s ease;
+ }
+ 
+ .search-form button:hover {
+   transform: translateY(-2px);
+   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+ }
+ 
+ .results-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+   gap: 2rem;
+   padding: 1rem;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .movie-card {
+   background: var(--card-bg);
+   border-radius: 8px;
+   overflow: hidden;
+   transition: transform 0.3s ease, box-shadow 0.3s ease;
+ }
+ 
+ .movie-card:hover {
+   transform: translateY(-5px);
+   box-shadow: 0 8px 16px rgba(0,0,0,0.3);
+ }
+ 
+ .movie-card img {
+   width: 100%;
+   height: 300px;
+   object-fit: cover;
+ }
+ 
+ .movie-info {
+   padding: 1rem;
+ }
+ 
+ .movie-info h3 {
+   margin-bottom: 0.5rem;
+   color: var(--primary-color);
+ }
+ 
+ .movie-info p {
+   font-size: 0.9rem;
+   color: #ccc;
+ }
+ 
+ .loading {
+   text-align: center;
+   font-size: 1.2rem;
+   padding: 2rem;
+ }
+ 
+ .error {
+   color: var(--primary-color);
+   text-align: center;
+   padding: 2rem;
+ }
+ 
+ .footer {
+   text-align: center;
+   padding: 2rem;
+   margin-top: auto;
+   background-color: var(--card-bg);
+ }
+ 
+ @media (max-width: 768px) {
+   .header h1 {
+     font-size: 2rem;
+   }
+ 
+   .search-form {
+     flex-direction: column;
+   }
+ 
+   .search-form button {
+     width: 100%;
+   }
+ 
+   .results-grid {
+     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+   }
+ }