Changes to outsideorinside.scroll.pub

root
root
24 days ago
Initial commit
body.html
Changed around line 1
+
+

Should I Go Outside or Stay Inside?

+

Let data guide your decision to explore the world or enjoy the comfort of home.

+
+
+
+
+

Current Weather

+
+

Loading weather data...

+
+
+
+
+

Our Recommendation

+
+

We're analyzing the data to give you the best advice...

+
+
+
+
+
+

Why Going Outside is Great

+
+
+

Boosts Vitamin D

+

Sunlight exposure helps your body produce essential Vitamin D.

+
+
+

Improves Mood

+

Outdoor activities can reduce stress and anxiety levels.

+
+
+

Enhances Creativity

+

Nature can inspire new ideas and improve problem-solving skills.

+
+
+
+
+
+
+

Made with ❤️ to help you explore the world

+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://outsideorinside.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Should I Go Outside or Stay Inside?
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "fc249b74-47c8-40c4-b1ae-c583bb7b32a6",
+ "object": "chat.completion",
+ "created": 1735408580,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\noutsideorinside.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://outsideorinside.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Should I Go Outside or Stay Inside?\nstyle.css\nbody.html\nscript.js\n---body.html---\n
\n

Should I Go Outside or Stay Inside?

\n

Let data guide your decision to explore the world or enjoy the comfort of home.

\n
\n\n
\n
\n

Current Weather

\n
\n

Loading weather data...

\n
\n
\n\n
\n

Our Recommendation

\n
\n

We're analyzing the data to give you the best advice...

\n
\n \n
\n\n
\n

Why Going Outside is Great

\n
\n
\n

Boosts Vitamin D

\n

Sunlight exposure helps your body produce essential Vitamin D.

\n
\n
\n

Improves Mood

\n

Outdoor activities can reduce stress and anxiety levels.

\n
\n
\n

Enhances Creativity

\n

Nature can inspire new ideas and improve problem-solving skills.

\n
\n
\n
\n
\n\n
\n

Made with ❤️ to help you explore the world

\n
\n---style.css---\n:root {\n --primary-color: #4CAF50;\n --secondary-color: #2196F3;\n --background-color: #f5f5f5;\n --text-color: #333;\n --card-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\nbody {\n font-family: 'Segoe UI', system-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: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n padding: 2rem 1rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nmain {\n max-width: 800px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\nsection {\n margin-bottom: 2rem;\n background: white;\n padding: 1.5rem;\n border-radius: 8px;\n box-shadow: var(--card-shadow);\n}\n\n#weather-data {\n font-size: 1.2rem;\n text-align: center;\n padding: 1rem;\n}\n\n#decision-text {\n font-size: 1.5rem;\n font-weight: bold;\n text-align: center;\n padding: 1rem;\n margin: 1rem 0;\n}\n\n#refresh-btn {\n display: block;\n margin: 1rem auto;\n padding: 0.8rem 2rem;\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n#refresh-btn:hover {\n background-color: #45a049;\n}\n\n.benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.benefit-card {\n background: var(--background-color);\n padding: 1.5rem;\n border-radius: 8px;\n box-shadow: var(--card-shadow);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--text-color);\n color: white;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\n// Simulated weather data\nconst weatherConditions = [\n { temp: 25, condition: 'sunny', recommendation: 'Perfect day to go outside!' },\n { temp: 18, condition: 'partly-cloudy', recommendation: 'Great weather for a walk!' },\n { temp: 10, condition: 'cloudy', recommendation: 'A bit chilly, but still good for outdoor activities' },\n { temp: 5, condition: 'rainy', recommendation: 'Maybe stay in and enjoy a cozy day' },\n { temp: -2, condition: 'snowy', recommendation: 'Stay warm inside unless you love winter sports' }\n];\n\nfunction getRandomWeather() {\n return weatherConditions[Math.floor(Math.random() * weatherConditions.length)];\n}\n\nfunction updateWeatherDisplay() {\n const weather = getRandomWeather();\n const weatherElement = document.getElementById('weather-data');\n const decisionElement = document.getElementById('decision-text');\n \n weatherElement.innerHTML = `\n

Temperature: ${weather.temp}°C

\n

Condition: ${weather.condition.replace('-', ' ')}

\n `;\n \n decisionElement.textContent = weather.recommendation;\n}\n\ndocument.getElementById('refresh-btn').addEventListener('click', updateWeatherDisplay);\n\n// Initial load\nupdateWeatherDisplay();\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 279,
+ "completion_tokens": 1281,
+ "total_tokens": 1560,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 279
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # outsideorinside.scroll.pub
+ Website generated by DeepSeek from prompt: I want to create a website which help me decide whether I should spend time outside or be in inside home , it should incourge people to go outside and explore , It should look like it is based on fact and data
script.js
Changed around line 1
+ // Simulated weather data
+ const weatherConditions = [
+ { temp: 25, condition: 'sunny', recommendation: 'Perfect day to go outside!' },
+ { temp: 18, condition: 'partly-cloudy', recommendation: 'Great weather for a walk!' },
+ { temp: 10, condition: 'cloudy', recommendation: 'A bit chilly, but still good for outdoor activities' },
+ { temp: 5, condition: 'rainy', recommendation: 'Maybe stay in and enjoy a cozy day' },
+ { temp: -2, condition: 'snowy', recommendation: 'Stay warm inside unless you love winter sports' }
+ ];
+
+ function getRandomWeather() {
+ return weatherConditions[Math.floor(Math.random() * weatherConditions.length)];
+ }
+
+ function updateWeatherDisplay() {
+ const weather = getRandomWeather();
+ const weatherElement = document.getElementById('weather-data');
+ const decisionElement = document.getElementById('decision-text');
+
+ weatherElement.innerHTML = `
+

Temperature: ${weather.temp}°C

+

Condition: ${weather.condition.replace('-', ' ')}

+ `;
+
+ decisionElement.textContent = weather.recommendation;
+ }
+
+ document.getElementById('refresh-btn').addEventListener('click', updateWeatherDisplay);
+
+ // Initial load
+ updateWeatherDisplay();
style.css
Changed around line 1
+ :root {
+ --primary-color: #4CAF50;
+ --secondary-color: #2196F3;
+ --background-color: #f5f5f5;
+ --text-color: #333;
+ --card-shadow: 0 2px 5px rgba(0,0,0,0.1);
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ }
+
+ header {
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+ color: white;
+ padding: 2rem 1rem;
+ text-align: center;
+ }
+
+ h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ main {
+ max-width: 800px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ }
+
+ section {
+ margin-bottom: 2rem;
+ background: white;
+ padding: 1.5rem;
+ border-radius: 8px;
+ box-shadow: var(--card-shadow);
+ }
+
+ #weather-data {
+ font-size: 1.2rem;
+ text-align: center;
+ padding: 1rem;
+ }
+
+ #decision-text {
+ font-size: 1.5rem;
+ font-weight: bold;
+ text-align: center;
+ padding: 1rem;
+ margin: 1rem 0;
+ }
+
+ #refresh-btn {
+ display: block;
+ margin: 1rem auto;
+ padding: 0.8rem 2rem;
+ background-color: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+ }
+
+ #refresh-btn:hover {
+ background-color: #45a049;
+ }
+
+ .benefits-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1.5rem;
+ }
+
+ .benefit-card {
+ background: var(--background-color);
+ padding: 1.5rem;
+ border-radius: 8px;
+ box-shadow: var(--card-shadow);
+ }
+
+ footer {
+ text-align: center;
+ padding: 1rem;
+ background: var(--text-color);
+ color: white;
+ }
+
+ @media (max-width: 600px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ .benefits-grid {
+ grid-template-columns: 1fr;
+ }
+ }