Changes to peacefulvoices.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Peaceful Voices
+   Choose your method of peaceful protest
+ 
+ 
+ 
+   
+     
+       Tiananmen Square
+       Stand for freedom in the heart of Beijing
+       
+     
+ 
+     
+       Online Activism
+       Spread awareness through digital platforms
+       
+     
+ 
+     
+       Local Gathering
+       Organize peaceful protests in your community
+       
+     
+   
+ 
+   
+     You've Chosen:
+     
+     
+     
+   
+ 
+ 
+ 
+   Your voice matters. Choose peace.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://peacefulvoices.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Peaceful Voices - Choose Your Protest
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "11ed58e6-2a2e-410a-b0fb-8b027fc10ebb",
+   "object": "chat.completion",
+   "created": 1735528866,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\npeacefulvoices.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://peacefulvoices.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Peaceful Voices - Choose Your Protest\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Peaceful Voices\n  Choose your method of peaceful protest
\n\n\n\n  \n    \n      Tiananmen Square\n      Stand for freedom in the heart of Beijing
\n      \n    
\n    \n    \n      Online Activism\n      Spread awareness through digital platforms
\n      \n    
\n    \n    \n      Local Gathering\n      Organize peaceful protests in your community
\n      \n    
\n  \n\n  \n    You've Chosen:\n    
\n    \n    \n  \n\n\n\n  Your voice matters. Choose peace.
\n\n---style.css---\n:root {\n  --primary-color: #e74c3c;\n  --secondary-color: #2c3e50;\n  --accent-color: #3498db;\n  --background-color: #f5f5f5;\n  --text-color: #333;\n  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\nheader {\n  background: var(--secondary-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.protest-options {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n}\n\n.card {\n  background: white;\n  border-radius: 8px;\n  padding: 2rem;\n  box-shadow: var(--card-shadow);\n  transition: transform 0.3s ease;\n}\n\n.card:hover {\n  transform: translateY(-5px);\n}\n\n.choose-btn {\n  background: var(--accent-color);\n  color: white;\n  border: none;\n  padding: 0.8rem 1.5rem;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n.choose-btn:hover {\n  background: var(--primary-color);\n}\n\n.confirmation {\n  text-align: center;\n  margin-top: 2rem;\n}\n\n.hidden {\n  display: none;\n}\n\n.confirm-btn, .back-btn {\n  margin: 0.5rem;\n  padding: 0.8rem 1.5rem;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.confirm-btn {\n  background: var(--primary-color);\n  color: white;\n}\n\n.back-btn {\n  background: var(--secondary-color);\n  color: white;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: var(--secondary-color);\n  color: white;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  .protest-options {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const cards = document.querySelectorAll('.card');\n  const confirmationSection = document.querySelector('.confirmation');\n  const selectedLocation = document.getElementById('selected-location');\n  const chooseButtons = document.querySelectorAll('.choose-btn');\n  const confirmBtn = document.querySelector('.confirm-btn');\n  const backBtn = document.querySelector('.back-btn');\n\n  chooseButtons.forEach(button => {\n    button.addEventListener('click', function() {\n      const card = this.closest('.card');\n      const location = card.querySelector('h2').textContent;\n      selectedLocation.textContent = location;\n      document.querySelector('.protest-options').classList.add('hidden');\n      confirmationSection.classList.remove('hidden');\n    });\n  });\n\n  backBtn.addEventListener('click', function() {\n    confirmationSection.classList.add('hidden');\n    document.querySelector('.protest-options').classList.remove('hidden');\n  });\n\n  confirmBtn.addEventListener('click', function() {\n    alert('Your choice has been recorded. Stay safe and peaceful.');\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 264,
+     "completion_tokens": 1175,
+     "total_tokens": 1439,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 264
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # peacefulvoices.scroll.pub

+ Website generated by DeepSeek from prompt: Im a chinese national with negative views on CCP and communism, and make it choose between types of peaceful protest, including one at Tiananmen square

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const cards = document.querySelectorAll('.card');
+   const confirmationSection = document.querySelector('.confirmation');
+   const selectedLocation = document.getElementById('selected-location');
+   const chooseButtons = document.querySelectorAll('.choose-btn');
+   const confirmBtn = document.querySelector('.confirm-btn');
+   const backBtn = document.querySelector('.back-btn');
+ 
+   chooseButtons.forEach(button => {
+     button.addEventListener('click', function() {
+       const card = this.closest('.card');
+       const location = card.querySelector('h2').textContent;
+       selectedLocation.textContent = location;
+       document.querySelector('.protest-options').classList.add('hidden');
+       confirmationSection.classList.remove('hidden');
+     });
+   });
+ 
+   backBtn.addEventListener('click', function() {
+     confirmationSection.classList.add('hidden');
+     document.querySelector('.protest-options').classList.remove('hidden');
+   });
+ 
+   confirmBtn.addEventListener('click', function() {
+     alert('Your choice has been recorded. Stay safe and peaceful.');
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #e74c3c;
+   --secondary-color: #2c3e50;
+   --accent-color: #3498db;
+   --background-color: #f5f5f5;
+   --text-color: #333;
+   --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ header {
+   background: var(--secondary-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;
+ }
+ 
+ .protest-options {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+   gap: 2rem;
+ }
+ 
+ .card {
+   background: white;
+   border-radius: 8px;
+   padding: 2rem;
+   box-shadow: var(--card-shadow);
+   transition: transform 0.3s ease;
+ }
+ 
+ .card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .choose-btn {
+   background: var(--accent-color);
+   color: white;
+   border: none;
+   padding: 0.8rem 1.5rem;
+   border-radius: 4px;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ .choose-btn:hover {
+   background: var(--primary-color);
+ }
+ 
+ .confirmation {
+   text-align: center;
+   margin-top: 2rem;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ .confirm-btn, .back-btn {
+   margin: 0.5rem;
+   padding: 0.8rem 1.5rem;
+   border: none;
+   border-radius: 4px;
+   cursor: pointer;
+ }
+ 
+ .confirm-btn {
+   background: var(--primary-color);
+   color: white;
+ }
+ 
+ .back-btn {
+   background: var(--secondary-color);
+   color: white;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: var(--secondary-color);
+   color: white;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   .protest-options {
+     grid-template-columns: 1fr;
+   }
+ }