Changes to goldenlogo.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Golden Logo Analyzer
+   Upload your logo to check if its dimensions, spacings, or key element proportions adhere to the golden ratio (1.618).
+ 
+ 
+   
+     
+       Upload Logo
+       
+     
+     
+       
+     
+   
+   
+     Analysis Results
+     
+   
+ 
+ 
+   Golden Logo Analyzer - A tool for perfect proportions.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://goldenlogo.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Golden Logo Analyzer
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "b43c78fe-24a6-4d91-a80d-6155eb3c546f",
+   "object": "chat.completion",
+   "created": 1735508986,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ngoldenlogo.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://goldenlogo.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Golden Logo Analyzer\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Golden Logo Analyzer\n  Upload your logo to check if its dimensions, spacings, or key element proportions adhere to the golden ratio (1.618).
\n\n\n  \n    \n      Upload Logo\n      \n    \n    \n      \n    
\n  \n  \n    Analysis Results\n    
\n  \n\n\n  Golden Logo Analyzer - A tool for perfect proportions.
\n\n---style.css---\n:root {\n  --golden-ratio: 1.618;\n  --primary-color: #ff9800;\n  --secondary-color: #333;\n  --background-color: #f5f5f5;\n  --font-family: 'Segoe UI', sans-serif;\n}\n\nbody {\n  font-family: var(--font-family);\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--secondary-color);\n  line-height: var(--golden-ratio);\n}\n\nheader {\n  text-align: center;\n  padding: 2rem;\n  background: linear-gradient(135deg, var(--primary-color), #ffc107);\n  color: white;\n}\n\nh1 {\n  font-size: calc(2rem * var(--golden-ratio));\n  margin: 0;\n}\n\np {\n  font-size: 1.2rem;\n}\n\nmain {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\n#upload-section {\n  text-align: center;\n  margin: 2rem 0;\n}\n\n.upload-label {\n  display: inline-block;\n  padding: 1rem 2rem;\n  background-color: var(--primary-color);\n  color: white;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.upload-label:hover {\n  background-color: #f57c00;\n}\n\n#logo-upload {\n  display: none;\n}\n\n#image-container {\n  margin-top: 2rem;\n}\n\n#logo-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 5px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n#analysis-section {\n  margin-top: 2rem;\n}\n\n.hidden {\n  display: none;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--secondary-color);\n  color: white;\n  margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 1.8rem;\n  }\n\n  p {\n    font-size: 1rem;\n  }\n\n  .upload-label {\n    padding: 0.8rem 1.5rem;\n  }\n}\n---script.js---\ndocument.getElementById('logo-upload').addEventListener('change', function(event) {\n  const file = event.target.files[0];\n  if (file) {\n    const reader = new FileReader();\n    reader.onload = function(e) {\n      const img = document.getElementById('logo-image');\n      img.src = e.target.result;\n      document.getElementById('image-container').classList.remove('hidden');\n      analyzeLogo(img);\n    };\n    reader.readAsDataURL(file);\n  }\n});\n\nfunction analyzeLogo(img) {\n  img.onload = function() {\n    const width = img.naturalWidth;\n    const height = img.naturalHeight;\n    const ratio = width / height;\n    const goldenRatio = 1.618;\n    const tolerance = 0.05;\n\n    const results = document.getElementById('results');\n    results.innerHTML = `\n      Width: ${width}px
\n      Height: ${height}px
\n      Aspect Ratio: ${ratio.toFixed(3)}
\n      Golden Ratio: ${goldenRatio}
\n      ${Math.abs(ratio - goldenRatio) <= tolerance ? '✅ Adheres to the golden ratio' : '❌ Does not adhere to the golden ratio'}
\n    `;\n\n    document.getElementById('analysis-section').classList.remove('hidden');\n  };\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 260,
+     "completion_tokens": 1075,
+     "total_tokens": 1335,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 260
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # goldenlogo.scroll.pub

+ Website generated by DeepSeek from prompt: To analyze logos and check if their dimensions, spacings, or key element proportions adhere to the golden ratio (1.618).

script.js

Changed around line 1
+ document.getElementById('logo-upload').addEventListener('change', function(event) {
+   const file = event.target.files[0];
+   if (file) {
+     const reader = new FileReader();
+     reader.onload = function(e) {
+       const img = document.getElementById('logo-image');
+       img.src = e.target.result;
+       document.getElementById('image-container').classList.remove('hidden');
+       analyzeLogo(img);
+     };
+     reader.readAsDataURL(file);
+   }
+ });
+ 
+ function analyzeLogo(img) {
+   img.onload = function() {
+     const width = img.naturalWidth;
+     const height = img.naturalHeight;
+     const ratio = width / height;
+     const goldenRatio = 1.618;
+     const tolerance = 0.05;
+ 
+     const results = document.getElementById('results');
+     results.innerHTML = `
+       Width: ${width}px
+       Height: ${height}px
+       Aspect Ratio: ${ratio.toFixed(3)}
+       Golden Ratio: ${goldenRatio}
+       ${Math.abs(ratio - goldenRatio) <= tolerance ? '✅ Adheres to the golden ratio' : '❌ Does not adhere to the golden ratio'}
+     `;
+ 
+     document.getElementById('analysis-section').classList.remove('hidden');
+   };
+ }

style.css

Changed around line 1
+ :root {
+   --golden-ratio: 1.618;
+   --primary-color: #ff9800;
+   --secondary-color: #333;
+   --background-color: #f5f5f5;
+   --font-family: 'Segoe UI', sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--secondary-color);
+   line-height: var(--golden-ratio);
+ }
+ 
+ header {
+   text-align: center;
+   padding: 2rem;
+   background: linear-gradient(135deg, var(--primary-color), #ffc107);
+   color: white;
+ }
+ 
+ h1 {
+   font-size: calc(2rem * var(--golden-ratio));
+   margin: 0;
+ }
+ 
+ p {
+   font-size: 1.2rem;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ #upload-section {
+   text-align: center;
+   margin: 2rem 0;
+ }
+ 
+ .upload-label {
+   display: inline-block;
+   padding: 1rem 2rem;
+   background-color: var(--primary-color);
+   color: white;
+   border-radius: 5px;
+   cursor: pointer;
+   transition: background-color 0.3s ease;
+ }
+ 
+ .upload-label:hover {
+   background-color: #f57c00;
+ }
+ 
+ #logo-upload {
+   display: none;
+ }
+ 
+ #image-container {
+   margin-top: 2rem;
+ }
+ 
+ #logo-image {
+   max-width: 100%;
+   height: auto;
+   border-radius: 5px;
+   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ }
+ 
+ #analysis-section {
+   margin-top: 2rem;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--secondary-color);
+   color: white;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 1.8rem;
+   }
+ 
+   p {
+     font-size: 1rem;
+   }
+ 
+   .upload-label {
+     padding: 0.8rem 1.5rem;
+   }
+ }