body.html
Changed around line 1
+
+
TripWise
+
Your ultimate travel planning companion
+
+
+
+
+
Plan Your Trip
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Your Itinerary
+
+
+
+
+
Find Places to Stay
+
+
+
+
+
+
Made with ❤️ by TripWise
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://tripwise.scroll.pub
+ metaTags
+ editButton /edit.html
+ title TripWise - Plan Your Travel Itinerary & Find Places to Stay
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # tripwise.scroll.pub
+ Website generated by DeepSeek from prompt: create a website where i can plan the travel itinerary for my trip to a specific place and find place to live
script.js
Changed around line 1
+ document.getElementById('trip-form').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ const destination = document.getElementById('destination').value;
+ const startDate = document.getElementById('start-date').value;
+ const endDate = document.getElementById('end-date').value;
+
+ // Show itinerary section
+ document.getElementById('itinerary').classList.remove('hidden');
+
+ // Clear previous itinerary
+ const itineraryList = document.getElementById('itinerary-list');
+ itineraryList.innerHTML = '';
+
+ // Add trip details to itinerary
+ const tripDetails = document.createElement('div');
+ tripDetails.className = 'trip-details';
+ tripDetails.innerHTML = `
+
${destination}
+
${startDate} to ${endDate}
+ `;
+ itineraryList.appendChild(tripDetails);
+
+ // Simulate finding accommodations
+ const accommodationList = document.getElementById('accommodation-list');
+ accommodationList.innerHTML = `
+
+
Luxury Hotel
+
5-star hotel in city center
+
+
+
Cozy B&B
+
Charming bed and breakfast
+
+
+
Budget Hostel
+
Affordable shared accommodations
+
+ `;
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #1a73e8;
+ --secondary-color: #f1f3f4;
+ --text-color: #202124;
+ --border-radius: 8px;
+ }
+
+ body {
+ font-family: 'Segoe UI', sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ margin: 0;
+ padding: 0;
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+ min-height: 100vh;
+ }
+
+ header {
+ background: var(--primary-color);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+ border-bottom: 4px solid #1557b0;
+ }
+
+ h1 {
+ font-size: 2.5rem;
+ margin: 0;
+ }
+
+ p {
+ margin: 0.5rem 0 0;
+ }
+
+ main {
+ max-width: 1200px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ }
+
+ section {
+ background: white;
+ border-radius: var(--border-radius);
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ padding: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ form {
+ display: grid;
+ gap: 1rem;
+ }
+
+ label {
+ font-weight: 500;
+ }
+
+ input {
+ padding: 0.75rem;
+ border: 1px solid #ddd;
+ border-radius: var(--border-radius);
+ font-size: 1rem;
+ }
+
+ button {
+ background: var(--primary-color);
+ color: white;
+ padding: 0.75rem 1.5rem;
+ border: none;
+ border-radius: var(--border-radius);
+ cursor: pointer;
+ font-size: 1rem;
+ transition: background 0.3s ease;
+ }
+
+ button:hover {
+ background: #1557b0;
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ #itinerary-list,
+ #accommodation-list {
+ display: grid;
+ gap: 1rem;
+ }
+
+ footer {
+ text-align: center;
+ padding: 1rem;
+ background: var(--secondary-color);
+ margin-top: 2rem;
+ }
+
+ @media (max-width: 768px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ form {
+ grid-template-columns: 1fr;
+ }
+ }