Changes to wanderwise.scroll.pub

root
root
24 days ago
Initial commit
body.html
Changed around line 1
+
+
+
    +
  • Home
    • +
  • Blog
    • +
  • Travel Gallery
    • +
    +
    +
    +
    +
    +
    +

    Welcome to WanderWise

    +
    +

    About Me

    +

    Hi, I'm Alex Johnson, a tech enthusiast, lifestyle blogger, and avid traveler. With a background in software development and a passion for exploring new cultures, I share my experiences and insights through this platform. Connect with me to explore my work and join me on my journey.

    + Connect with Me
    +
    +
    +
    +
    +

    Blog

    +
    +
    + Technology
    +

    Tech Trends 2023

    +

    Discover the latest technology trends shaping our future.

    + Read More
    +
    +
    + Lifestyle
    +

    Healthy Living Tips

    +

    Simple lifestyle changes for a healthier you.

    + Read More
    +
    +
    + Travel
    +

    Top Travel Destinations

    +

    Explore the best travel destinations for 2023.

    + Read More
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Travel Gallery

    +
    +
    + Paris
    +
    Paris, France
    +
    +
    + Tokyo
    +
    Tokyo, Japan
    +
    +
    + New York
    +
    New York, USA
    +
    +
    +
    +

    Travel Stories & Tips

    +

    Read about my adventures and get tips for your next trip.

    + Explore More
    +
    +
    +
    +
    +

    Contact Me

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Subscribe to My Newsletter

    +
    +
    +
    +
    +
    +
    +
    +
    +
    + Facebook
    + Twitter
    + Instagram
    +
    +

    Contact: alex@wanderwise.scroll.pub

    +
    index.scroll
    Changed around line 1
    + buildHtml
    + baseUrl https://wanderwise.scroll.pub
    + metaTags
    + editButton /edit.html
    + title WanderWise - Personal Website
    + style.css
    + body.html
    + script.js
    prompt.json
    Changed around line 1
    + {
    + "id": "efca3b82-1236-427d-851a-a34bc82c42c9",
    + "object": "chat.completion",
    + "created": 1735448611,
    + "model": "deepseek-chat",
    + "choices": [
    + {
    + "index": 0,
    + "message": {
    + "role": "assistant",
    + "content": "---domain---\nwanderwise.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://wanderwise.scroll.pub\nmetaTags\neditButton /edit.html\ntitle WanderWise - Personal Website\nstyle.css\nbody.html\nscript.js\n---body.html---\n
    \n \n
    \n\n
    \n
    \n

    Welcome to WanderWise

    \n
    \n

    About Me

    \n

    Hi, I'm Alex Johnson, a tech enthusiast, lifestyle blogger, and avid traveler. With a background in software development and a passion for exploring new cultures, I share my experiences and insights through this platform. Connect with me to explore my work and join me on my journey.

    \n Connect with Me\n
    \n
    \n\n
    \n

    Blog

    \n
    \n
    \n \"Technology\"\n

    Tech Trends 2023

    \n

    Discover the latest technology trends shaping our future.

    \n Read More\n
    \n
    \n \"Lifestyle\"\n

    Healthy Living Tips

    \n

    Simple lifestyle changes for a healthier you.

    \n Read More\n
    \n
    \n \"Travel\"\n

    Top Travel Destinations

    \n

    Explore the best travel destinations for 2023.

    \n Read More\n
    \n
    \n
    \n \n \n
    \n
    \n\n
    \n

    Travel Gallery

    \n
    \n
    \n \"Paris\"\n
    Paris, France
    \n
    \n
    \n \"Tokyo\"\n
    Tokyo, Japan
    \n
    \n
    \n \"New\n
    New York, USA
    \n
    \n
    \n
    \n

    Travel Stories & Tips

    \n

    Read about my adventures and get tips for your next trip.

    \n Explore More\n
    \n
    \n\n
    \n

    Contact Me

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

    Subscribe to My Newsletter

    \n
    \n \n \n
    \n
    \n
    \n\n
    \n
    \n \"Facebook\"\n \"Twitter\"\n \"Instagram\"\n
    \n

    Contact: alex@wanderwise.scroll.pub

    \n
    \n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n color: #333;\n background-color: #f4f4f4;\n}\n\nheader {\n background-color: #333;\n color: #fff;\n padding: 1rem;\n text-align: center;\n}\n\nnav ul {\n list-style: none;\n padding: 0;\n}\n\nnav ul li {\n display: inline;\n margin: 0 1rem;\n}\n\nnav ul li a {\n color: #fff;\n text-decoration: none;\n}\n\nmain {\n padding: 2rem;\n}\n\nsection {\n margin-bottom: 2rem;\n}\n\nh1, h2, h3 {\n color: #444;\n}\n\n.bio {\n text-align: center;\n padding: 2rem;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.cta {\n display: inline-block;\n margin-top: 1rem;\n padding: 0.5rem 1rem;\n background-color: #333;\n color: #fff;\n text-decoration: none;\n border-radius: 4px;\n}\n\n.blog-posts {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n}\n\n.blog-posts article {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n padding: 1rem;\n text-align: center;\n}\n\n.blog-posts img {\n width: 100%;\n border-radius: 8px;\n}\n\n.read-more {\n display: inline-block;\n margin-top: 1rem;\n padding: 0.5rem 1rem;\n background-color: #333;\n color: #fff;\n text-decoration: none;\n border-radius: 4px;\n}\n\n.search-filter {\n margin-top: 2rem;\n display: flex;\n gap: 1rem;\n justify-content: center;\n}\n\n.search-filter input, .search-filter select {\n padding: 0.5rem;\n border-radius: 4px;\n border: 1px solid #ccc;\n}\n\n.gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.gallery-grid figure {\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n padding: 1rem;\n text-align: center;\n}\n\n.gallery-grid img {\n width: 100%;\n border-radius: 8px;\n}\n\n.travel-stories {\n text-align: center;\n padding: 2rem;\n background-color: #fff;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\nform {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\nform input, form textarea, form button {\n padding: 0.5rem;\n border-radius: 4px;\n border: 1px solid #ccc;\n}\n\nform button {\n background-color: #333;\n color: #fff;\n cursor: pointer;\n}\n\nfooter {\n background-color: #333;\n color: #fff;\n text-align: center;\n padding: 1rem;\n}\n\n.social-media img {\n width: 24px;\n margin: 0 0.5rem;\n}\n\n@media (max-width: 768px) {\n nav ul li {\n display: block;\n margin: 0.5rem 0;\n }\n\n .blog-posts {\n grid-template-columns: 1fr;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const images = document.querySelectorAll('.gallery-grid img');\n images.forEach(image => {\n image.addEventListener('click', function() {\n const modal = document.createElement('div');\n modal.style.position = 'fixed';\n modal.style.top = '0';\n modal.style.left = '0';\n modal.style.width = '100%';\n modal.style.height = '100%';\n modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';\n modal.style.display = 'flex';\n modal.style.justifyContent = 'center';\n modal.style.alignItems = 'center';\n modal.style.zIndex = '1000';\n\n const modalImg = document.createElement('img');\n modalImg.src = this.src;\n modalImg.style.maxWidth = '90%';\n modalImg.style.maxHeight = '90%';\n modalImg.style.borderRadius = '8px';\n\n modal.appendChild(modalImg);\n document.body.appendChild(modal);\n\n modal.addEventListener('click', function() {\n document.body.removeChild(modal);\n });\n });\n });\n});\n---end---"
    + },
    + "logprobs": null,
    + "finish_reason": "stop"
    + }
    + ],
    + "usage": {
    + "prompt_tokens": 565,
    + "completion_tokens": 2161,
    + "total_tokens": 2726,
    + "prompt_cache_hit_tokens": 0,
    + "prompt_cache_miss_tokens": 565
    + },
    + "system_fingerprint": "fp_f1afce2943"
    + }
    readme.scroll
    Changed around line 1
    + # wanderwise.scroll.pub
    + Website generated by DeepSeek from prompt: create a personal website on Scroll Hub with a personal bio, blog posts, and a travel gallery: 1. Personal Bio: "Create a concise and engaging personal bio section for my website. Include my name, professional background, key achievements, and personal interests. Keep the tone professional yet approachable, and add a call-to-action (e.g., 'Connect with me' or 'Explore my work')." 2. Blog Posts: "Design a blog section for my website where I can share articles on topics like technology, lifestyle, and travel. Include a clean layout with a featured image for each post, a title, a short excerpt, and a 'Read More' button. Ensure the section is easy to navigate and has a search or filter option." 3. Travel Gallery: "Create a visually appealing travel gallery to showcase my travel photos. Organize the gallery by location or theme, with a grid layout. Each image should have a caption or short description, and clicking on an image should open a larger view or a slideshow. Add a section for travel stories or tips if possible." 4. Overall Website Design: "Design a minimalist and modern website layout with a cohesive color scheme and typography. Ensure the website is responsive and mobile-friendly. Include a navigation menu with links to the Home (Bio), Blog, and Travel Gallery sections. Add a footer with social media icons and contact information." 5. Additional Features: "Add a contact form to the website for visitors to reach out. Include a newsletter sign-up option for updates on new blog posts or travel adventures. Integrate social media links for sharing content."
    script.js
    Changed around line 1
    + document.addEventListener('DOMContentLoaded', function() {
    + const images = document.querySelectorAll('.gallery-grid img');
    + images.forEach(image => {
    + image.addEventListener('click', function() {
    + const modal = document.createElement('div');
    + modal.style.position = 'fixed';
    + modal.style.top = '0';
    + modal.style.left = '0';
    + modal.style.width = '100%';
    + modal.style.height = '100%';
    + modal.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
    + modal.style.display = 'flex';
    + modal.style.justifyContent = 'center';
    + modal.style.alignItems = 'center';
    + modal.style.zIndex = '1000';
    +
    + const modalImg = document.createElement('img');
    + modalImg.src = this.src;
    + modalImg.style.maxWidth = '90%';
    + modalImg.style.maxHeight = '90%';
    + modalImg.style.borderRadius = '8px';
    +
    + modal.appendChild(modalImg);
    + document.body.appendChild(modal);
    +
    + modal.addEventListener('click', function() {
    + document.body.removeChild(modal);
    + });
    + });
    + });
    + });
    style.css
    Changed around line 1
    + body {
    + font-family: 'Arial', sans-serif;
    + margin: 0;
    + padding: 0;
    + color: #333;
    + background-color: #f4f4f4;
    + }
    +
    + header {
    + background-color: #333;
    + color: #fff;
    + padding: 1rem;
    + text-align: center;
    + }
    +
    + nav ul {
    + list-style: none;
    + padding: 0;
    + }
    +
    + nav ul li {
    + display: inline;
    + margin: 0 1rem;
    + }
    +
    + nav ul li a {
    + color: #fff;
    + text-decoration: none;
    + }
    +
    + main {
    + padding: 2rem;
    + }
    +
    + section {
    + margin-bottom: 2rem;
    + }
    +
    + h1, h2, h3 {
    + color: #444;
    + }
    +
    + .bio {
    + text-align: center;
    + padding: 2rem;
    + background-color: #fff;
    + border-radius: 8px;
    + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    + }
    +
    + .cta {
    + display: inline-block;
    + margin-top: 1rem;
    + padding: 0.5rem 1rem;
    + background-color: #333;
    + color: #fff;
    + text-decoration: none;
    + border-radius: 4px;
    + }
    +
    + .blog-posts {
    + display: grid;
    + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    + gap: 1rem;
    + }
    +
    + .blog-posts article {
    + background-color: #fff;
    + border-radius: 8px;
    + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    + padding: 1rem;
    + text-align: center;
    + }
    +
    + .blog-posts img {
    + width: 100%;
    + border-radius: 8px;
    + }
    +
    + .read-more {
    + display: inline-block;
    + margin-top: 1rem;
    + padding: 0.5rem 1rem;
    + background-color: #333;
    + color: #fff;
    + text-decoration: none;
    + border-radius: 4px;
    + }
    +
    + .search-filter {
    + margin-top: 2rem;
    + display: flex;
    + gap: 1rem;
    + justify-content: center;
    + }
    +
    + .search-filter input, .search-filter select {
    + padding: 0.5rem;
    + border-radius: 4px;
    + border: 1px solid #ccc;
    + }
    +
    + .gallery-grid {
    + display: grid;
    + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    + gap: 1rem;
    + }
    +
    + .gallery-grid figure {
    + background-color: #fff;
    + border-radius: 8px;
    + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    + padding: 1rem;
    + text-align: center;
    + }
    +
    + .gallery-grid img {
    + width: 100%;
    + border-radius: 8px;
    + }
    +
    + .travel-stories {
    + text-align: center;
    + padding: 2rem;
    + background-color: #fff;
    + border-radius: 8px;
    + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    + }
    +
    + form {
    + display: flex;
    + flex-direction: column;
    + gap: 1rem;
    + }
    +
    + form input, form textarea, form button {
    + padding: 0.5rem;
    + border-radius: 4px;
    + border: 1px solid #ccc;
    + }
    +
    + form button {
    + background-color: #333;
    + color: #fff;
    + cursor: pointer;
    + }
    +
    + footer {
    + background-color: #333;
    + color: #fff;
    + text-align: center;
    + padding: 1rem;
    + }
    +
    + .social-media img {
    + width: 24px;
    + margin: 0 0.5rem;
    + }
    +
    + @media (max-width: 768px) {
    + nav ul li {
    + display: block;
    + margin: 0.5rem 0;
    + }
    +
    + .blog-posts {
    + grid-template-columns: 1fr;
    + }
    +
    + .gallery-grid {
    + grid-template-columns: 1fr;
    + }
    + }