I am Manos. Your AI Chania Local Insider 🔄
🧔
...
`;
stream.appendChild(typingRow);
scrollToBottom();
// 2. ΕΚΤΕΛΕΣΗ ΜΕ ΚΑΘΥΣΤΕΡΗΣΗ 1 ΔΕΥΤΕΡΟΛΕΠΤΟΥ
setTimeout(() => {
const indicator = document.getElementById('ttd-typing-indicator');
if (indicator) indicator.remove();
const botRow = document.createElement('div');
botRow.className = 'ttd-row bot slide-up';
if (stepData.isFinal) {
const isExternal = stepData.url.startsWith('http');
const target = isExternal ? 'target="_blank"' : '';
botRow.innerHTML = `
🧔
${stepData.message}
${stepData.btnText || 'Read More ➔'}🤔
What would you like to explore next? Here are some useful shortcuts:
`;
stream.appendChild(nextPrompt);
scrollToBottom();
stepData.followUps.forEach(opt => {
const btn = document.createElement('button');
btn.className = 'ttd-choice-btn follow-up-btn';
btn.innerText = opt.text;
btn.onclick = () => handleUserChoice(opt.text, opt.nextStep);
optionsContainer.appendChild(btn);
});
}
}, 600);
} else {
botRow.innerHTML = ` 🧔
${stepData.message}
`;
stream.appendChild(botRow);
scrollToBottom();
stepData.options.forEach(opt => {
const btn = document.createElement('button');
btn.className = 'ttd-choice-btn';
btn.innerText = opt.text;
btn.onclick = () => handleUserChoice(opt.text, opt.nextStep);
optionsContainer.appendChild(btn);
});
}
}, 1000);
}
function handleUserChoice(userText, nextStepKey) {
const stream = document.getElementById('ttd-chat-stream');
const userRow = document.createElement('div');
userRow.className = 'ttd-row user slide-up';
userRow.innerHTML = `${userText}
`;
stream.appendChild(userRow);
scrollToBottom();
document.getElementById('ttd-dynamic-options').innerHTML = '';
setTimeout(() => {
loadStep(nextStepKey);
}, 450);
}
function resetChat() {
document.getElementById('ttd-chat-stream').innerHTML = '';
loadStep('start');
}
if (document.readyState === "complete" || document.readyState === "interactive") {
loadStep('start');
} else {
document.addEventListener("DOMContentLoaded", () => loadStep('start'));
}
/* Κεντρικό Κοντέινερ - MOBILE-FIRST */
.ttd-widget-container {
width: 95%;
max-width: 500px;
margin: 20px auto;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
border: 1px solid #f0f0f0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.ttd-widget-title {
font-size: 18px;
font-weight: 700;
color: #1e293b;
padding: 18px;
margin: 0;
background: #f8fafc;
border-bottom: 1px solid #f1f5f9;
text-align: center;
cursor: pointer;
transition: background 0.2s, color 0.2s;
user-select: none;
}
.ttd-widget-title:hover {
background: #f1f5f9;
color: #0066cc;
}
.ttd-stream {
max-height: 380px;
overflow-y: auto;
padding: 20px 20px 0px 20px;
background: #ffffff;
display: flex;
flex-direction: column;
gap: 12px;
scroll-behavior: smooth;
}
.ttd-row {
display: flex;
align-items: flex-start;
max-width: 85%;
}
.ttd-row.bot { align-self: flex-start; }
.ttd-row.user { align-self: flex-end; justify-content: flex-end; }
.ttd-avatar {
background: #e6f0fa;
padding: 6px;
border-radius: 50%;
margin-right: 10px;
font-size: 16px;
flex-shrink: 0;
}
.ttd-bubble {
padding: 12px 16px;
font-size: 15px;
line-height: 1.4;
font-weight: 500;
}
.bot .ttd-bubble {
background: #f1f5f9;
color: #1e293b;
border-radius: 4px 16px 16px 16px;
}
.user .ttd-bubble {
background: #0066cc;
color: #ffffff;
border-radius: 16px 16px 4px 16px;
}
.final-bubble {
background: #f0fdf4 !important;
border: 1px solid #bbf7d0;
color: #166534 !important;
width: 100%;
}
.final-bubble p { margin: 0 0 12px 0; }
.info-bubble {
background: #fffbeb !important;
border: 1px solid #fef3c7;
color: #92400e !important;
border-radius: 4px 16px 16px 16px;
}
.ttd-cta-btn {
display: block;
background: #16a34a;
color: #ffffff !important;
text-decoration: none !important;
text-align: center;
padding: 12px;
border-radius: 8px;
font-weight: 600;
transition: background 0.2s;
}
.ttd-cta-btn:hover { background: #15803d; }
.ttd-inputs {
padding: 0px 20px 20px 20px;
background: #f8fafc;
border-top: 1px solid #f1f5f9;
max-height: 240px;
overflow-y: auto;
}
.chat-step {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
margin-top: 50px;
}
.ttd-choice-btn {
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
color: #0066cc;
border: 2px solid #0066cc;
padding: 10px 8px;
border-radius: 10px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.ttd-choice-btn:hover {
background: #0066cc;
color: #ffffff;
}
.follow-up-btn {
color: #b45309;
border-color: #f59e0b;
}
.follow-up-btn:hover {
background: #f59e0b;
color: #ffffff;
}
.slide-up {
animation: slideUp 0.25s ease-out forwards;
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
/* DESKTOP LAYOUT */
@media (min-width: 992px) {
.ttd-widget-container {
max-width: 800px;
margin: 40px auto;
}
.ttd-stream {
max-height: 450px;
}
.chat-step {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.ttd-choice-btn {
padding: 12px 16px;
font-size: 14px;
}
.ttd-inputs {
max-height: 350px;
}
.ttd-bubble {
font-size: 16px;
}
}
@media (min-width: 1400px) {
.ttd-widget-container { max-width: 950px; }
.chat-step { grid-template-columns: repeat(4, 1fr); }
}
Culture
Churches and Monasteries in Chania: A Local Guide to 36 Places
Churches and monasteries in Chania are not all the same kind of visit. Some open a door into everyday city life; others involve a winding drive, a steep path or a boat journey. Start by choosing the sort of day you want. This guide brings together 36 destination guides across the Chania region, from well-known monasteries to smaller places worth planning for. It is a traveller’s selection, not an inventory of every chapel in the prefecture.
I am Manos. Your AI Chania Local Insider 🔄
🧔
...
`;
stream.appendChild(typingRow);
scrollToBottom();
// 2. ΕΚΤΕΛΕΣΗ ΜΕ ΚΑΘΥΣΤΕΡΗΣΗ 1 ΔΕΥΤΕΡΟΛΕΠΤΟΥ
setTimeout(() => {
const indicator = document.getElementById('ttd-typing-indicator');
if (indicator) indicator.remove();
const botRow = document.createElement('div');
botRow.className = 'ttd-row bot slide-up';
if (stepData.isFinal) {
const isExternal = stepData.url.startsWith('http');
const target = isExternal ? 'target="_blank"' : '';
botRow.innerHTML = `
🧔
${stepData.message}
${stepData.btnText || 'Read More ➔'}🤔
What would you like to explore next? Here are some useful shortcuts:
`;
stream.appendChild(nextPrompt);
scrollToBottom();
stepData.followUps.forEach(opt => {
const btn = document.createElement('button');
btn.className = 'ttd-choice-btn follow-up-btn';
btn.innerText = opt.text;
btn.onclick = () => handleUserChoice(opt.text, opt.nextStep);
optionsContainer.appendChild(btn);
});
}
}, 600);
} else {
botRow.innerHTML = ` 🧔
${stepData.message}
`;
stream.appendChild(botRow);
scrollToBottom();
stepData.options.forEach(opt => {
const btn = document.createElement('button');
btn.className = 'ttd-choice-btn';
btn.innerText = opt.text;
btn.onclick = () => handleUserChoice(opt.text, opt.nextStep);
optionsContainer.appendChild(btn);
});
}
}, 1000);
}
function handleUserChoice(userText, nextStepKey) {
const stream = document.getElementById('ttd-chat-stream');
const userRow = document.createElement('div');
userRow.className = 'ttd-row user slide-up';
userRow.innerHTML = `${userText}
`;
stream.appendChild(userRow);
scrollToBottom();
document.getElementById('ttd-dynamic-options').innerHTML = '';
setTimeout(() => {
loadStep(nextStepKey);
}, 450);
}
function resetChat() {
document.getElementById('ttd-chat-stream').innerHTML = '';
loadStep('start');
}
if (document.readyState === "complete" || document.readyState === "interactive") {
loadStep('start');
} else {
document.addEventListener("DOMContentLoaded", () => loadStep('start'));
}
/* Κεντρικό Κοντέινερ - MOBILE-FIRST */
.ttd-widget-container {
width: 95%;
max-width: 500px;
margin: 20px auto;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
border: 1px solid #f0f0f0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.ttd-widget-title {
font-size: 18px;
font-weight: 700;
color: #1e293b;
padding: 18px;
margin: 0;
background: #f8fafc;
border-bottom: 1px solid #f1f5f9;
text-align: center;
cursor: pointer;
transition: background 0.2s, color 0.2s;
user-select: none;
}
.ttd-widget-title:hover {
background: #f1f5f9;
color: #0066cc;
}
.ttd-stream {
max-height: 380px;
overflow-y: auto;
padding: 20px 20px 0px 20px;
background: #ffffff;
display: flex;
flex-direction: column;
gap: 12px;
scroll-behavior: smooth;
}
.ttd-row {
display: flex;
align-items: flex-start;
max-width: 85%;
}
.ttd-row.bot { align-self: flex-start; }
.ttd-row.user { align-self: flex-end; justify-content: flex-end; }
.ttd-avatar {
background: #e6f0fa;
padding: 6px;
border-radius: 50%;
margin-right: 10px;
font-size: 16px;
flex-shrink: 0;
}
.ttd-bubble {
padding: 12px 16px;
font-size: 15px;
line-height: 1.4;
font-weight: 500;
}
.bot .ttd-bubble {
background: #f1f5f9;
color: #1e293b;
border-radius: 4px 16px 16px 16px;
}
.user .ttd-bubble {
background: #0066cc;
color: #ffffff;
border-radius: 16px 16px 4px 16px;
}
.final-bubble {
background: #f0fdf4 !important;
border: 1px solid #bbf7d0;
color: #166534 !important;
width: 100%;
}
.final-bubble p { margin: 0 0 12px 0; }
.info-bubble {
background: #fffbeb !important;
border: 1px solid #fef3c7;
color: #92400e !important;
border-radius: 4px 16px 16px 16px;
}
.ttd-cta-btn {
display: block;
background: #16a34a;
color: #ffffff !important;
text-decoration: none !important;
text-align: center;
padding: 12px;
border-radius: 8px;
font-weight: 600;
transition: background 0.2s;
}
.ttd-cta-btn:hover { background: #15803d; }
.ttd-inputs {
padding: 0px 20px 20px 20px;
background: #f8fafc;
border-top: 1px solid #f1f5f9;
max-height: 240px;
overflow-y: auto;
}
.chat-step {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
margin-top: 50px;
}
.ttd-choice-btn {
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
color: #0066cc;
border: 2px solid #0066cc;
padding: 10px 8px;
border-radius: 10px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.ttd-choice-btn:hover {
background: #0066cc;
color: #ffffff;
}
.follow-up-btn {
color: #b45309;
border-color: #f59e0b;
}
.follow-up-btn:hover {
background: #f59e0b;
color: #ffffff;
}
.slide-up {
animation: slideUp 0.25s ease-out forwards;
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
/* DESKTOP LAYOUT */
@media (min-width: 992px) {
.ttd-widget-container {
max-width: 800px;
margin: 40px auto;
}
.ttd-stream {
max-height: 450px;
}
.chat-step {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.ttd-choice-btn {
padding: 12px 16px;
font-size: 14px;
}
.ttd-inputs {
max-height: 350px;
}
.ttd-bubble {
font-size: 16px;
}
}
@media (min-width: 1400px) {
.ttd-widget-container { max-width: 950px; }
.chat-step { grid-template-columns: repeat(4, 1fr); }
}
Culture
Churches and Monasteries in Chania: A Local Guide to 36 Places
Churches and monasteries in Chania are not all the same kind of visit. Some open a door into everyday city life; others involve a winding drive, a steep path or a boat journey. Start by choosing the sort of day you want. This guide brings together 36 destination guides across the Chania region, from well-known monasteries to smaller places worth planning for. It is a traveller’s selection, not an inventory of every chapel in the prefecture.
Must Read
Churches and Monasteries in Chania: A Local Guide to 36 Places
Churches and monasteries in Chania are not all the same kind of visit. Some open a door into everyday city life; others involve a winding drive, a steep path or a boat journey. Start by choosing the sort of day you want. This guide brings together 36 destination guides across the Chania region, from well-known monasteries to smaller places worth planning for. It is a traveller’s selection, not an inventory of every chapel in the prefecture.
The Churches of Lissos: Agios Kirikos and Panagia in a Remote Valley
The churches of Lissos belong to an excursion where the landscape is part of the history. In the remote valley west of Sougia, Agios Kirikos and Panagia stand among the remains of an ancient settlement. Come for more than a chapel photograph. You need time to reach the valley, understand what you are seeing and return without rushing.
Sougia’s Early Christian Basilica: The Mosaics beneath Agios Panteleimon
Sougia’s early Christian basilica is a good reason to look beyond the long beach and the seaside tables. At Agios Panteleimon, the remains of an older church preserve a glimpse of the settlement’s early Christian life. The mosaics are the detail to seek out, but access needs checking. This is not a display you should assume is open every time you walk past.
Subscribe
© 2021 tagDiv. All Rights Reserved. Made with Newspaper Theme.