<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-6396098024235315800</atom:id><lastBuildDate>Thu, 22 Oct 2026 15:27:32 +0000</lastBuildDate><category>Ρεμπετικο Τραγουδι</category><category>Συναυλία-Εκδήλωση</category><category>Διαφορα</category><category>Πρόσωπα</category><category>Πολιτισμός-Βιβλίο-Θέατρο-Σινεμα-TV</category><category>Μαρκος  Βαμβακαρης</category><category>Βιογραφια</category><category>Ρεμπετης</category><category>Σαν Σημερα</category><category>Λαικο  Τραγουδι</category><category>Βασιλης  Τσιτσανης</category><category>Συγκρότημα</category><category>Ρεμπετισσα</category><category>Συνέντευξη</category><category>Μπουζουξηδες</category><category>Μπάμπης Κ. Μώκος</category><category>Πισω στο χρονο-Retro</category><category>Παραδοσιακο-Δημοτικό-Μικρασιάτικο τραγούδι</category><category>Σωτηρία Μπέλλου</category><category>Διασκευες</category><category>Οργανοπαίχτες</category><category>Μαρικα  Νινου</category><category>Δημήτρης Μυστακίδης</category><category>Κουτούκια-Καπηλειά-Ταβέρνες-Καφενεία</category><category>Βημα αναγνωστων-αρθρα-αποψεις</category><category>Ειδησεις</category><category>Αγάθωνας Ιακωβίδης</category><category>Μαριω</category><category>String Demons</category><category>Γιαννης Παπαιωαννου</category><category>ροζα εσκεναζυ</category><category>Γιωργος  Ζαμπετας</category><category>Σμυρνη</category><category>Στελιος Βαμβακαρης</category><category>Κωστας Φερρης</category><category>Μπαμπης  Τσερτος</category><category>Imam Baildi</category><category>Γιωργος  Τσωρος (Αμπατης-Μπατης)</category><category>Χασικλιδικα</category><category>Σύρος</category><category>Γιαγκίνηδες</category><category>Ντοκιμαντερ</category><category>Στέλιος Καζαντζίδης</category><category>Φεστιβάλ</category><category>Γιοβαν Τσαους</category><category>Δημητρης Μητροπανος</category><category>Κουτσαβακης - μαγκας</category><category>Μανωλης Χιωτης</category><category>Τα ρεμπέτικα της Αμερικής</category><category>Rebetien</category><category>Αργιλες</category><category>Αφοι Καλογεράκη</category><category>Δημητρης Γκογκος (Μπαγιαντερας)</category><category>Κωνσταντινος Κουτσαβακης</category><category>Παναγιώτης Τούντας</category><category>Ρεμπώτικα</category><category>Ανεστης Δελιας (τρελακιας)</category><category>Πάνος Σαββόπουλος</category><category>Παύλος Μπερμπερίδης</category><category>Στελλα Χασκιλ</category><category>Τετρας του Πειραια</category><category>Gadjo Dilo</category><category>Locomondo</category><category>Αρετή Κετιμέ</category><category>Βαγγελης Κορακακης</category><category>Μιχαλης Γενιτσαρης</category><category>Μπάμπης Γκολές</category><category>Σπυρος Ζαγοραιος</category><category>Στρατος  Παγιουμτζης</category><category>Το Στεκι  του Θαναση</category><category>Χαράλαμπος Βασιλειάδης-Τσάντας</category><category>προπολεμικα ρεμπετικα</category><category> Ηρώ Σαΐα</category><category>Pyramidos - Rodehihi</category><category>Rebeletiko</category><category>Ακης Πάνου</category><category>Αποστολος Καλδαρας</category><category>Αφιερωμα</category><category>Βαγγελης Περπινιαδης</category><category>Γιώργος Μητσάκης</category><category>Ζειμπεκικο - Ταξιμι</category><category>Θ.Μανεσης</category><category>Κωστας Βιρβος</category><category>Μαρίκα Παπαγκίκα</category><category>Ναπολέων Σαριπανίδης</category><category>Παναγιωτης Κουναδης</category><category>Πρόδρομος Τσαουσάκης</category><category>Σπυρος Γκουμας</category><category>Σταύρος Κουγιουμτζής</category><category>Στρατος Διονυσιου</category><category>Φωτεινή Βελεσιώτου</category><category>Αντωνης Διαμαντιδης (Νταλγκάς)</category><category>Αποστολος  Χατζηχρηστος</category><category>Γιάννης Χαραλαμπάκης</category><category>Γιαννης Λεμπεσης</category><category>Γιώργος Θεολογίτης (Κατσαρός)</category><category>Γρηγόρης Ασίκης</category><category>Δημήτρης Κοντογιάννης</category><category>Δισκος-Album</category><category>Ευτυχία Παπαγιαννοπούλου</category><category>Κατερίνα Τσιρίδου</category><category>Κωστης</category><category>Κώστας Ρούκουνας</category><category>Κώστας Σκαρβέλης</category><category>Λατερνα</category><category>Μιχάλης Παούρης</category><category>Μπαμπης  Μπακαλης</category><category>Νικος Μαθεσης</category><category>Σοφια Παπαζογλου</category><category>Σταυρος  Τζουανακος</category><category>Στιχουργος-Συνθέτης</category><category>Άννα Χρυσάφη</category><category>Αντωνης Αινιτης</category><category>Αντώνης Καλυβόπουλος</category><category>Γιάννης Καραμπεσίνης</category><category>Γιωργος  Μουφλουζελης</category><category>Γιωργος Βιδαλης</category><category>Γιωργος Καβουρας</category><category>Γιωργος Λαυκας</category><category>Γιωργος Ξηνταρης</category><category>Δισκογραφια</category><category>Ηρώ Σαΐα</category><category>Θύμιος Στουραϊτης</category><category>Ιορδάνης Τσομίδης</category><category>Καφε  Αμαν</category><category>Κωστας Καριπης</category><category>Λαϊκή Τετρακτύς</category><category>Μανωλης Καραντινης</category><category>Μαρία Δεναξά</category><category>Νεος Δισκος</category><category>Πάνος Γαβαλάς</category><category>Ρίτα Αμπατζή</category><category>Σπυρος Περιστερης</category><category>Σπυρος Ταραποσος</category><category>Στελιος  Κερομυτης</category><category>Στελλακης  Περπινιαδης</category><category>Σωτηρης Γαβαλας</category><category>Τακης Μπινης</category><category>άΣyλο</category><category>μουσική</category><category>Kaïmaklis</category><category>Rebeti</category><category>Rempet Asker</category><category>Rock</category><category>Tourlou The Band</category><category>VIC</category><category>folk n roll</category><category>ΑΝΑΦΑΝΔΟΝ</category><category>Αγγελα Παπαζογλου</category><category>Αμαλία Βάκα</category><category>Αποστολος  Νικολαιδης</category><category>Αργυρης  Κουναδης</category><category>Αρχοντορεμπέτικα</category><category>Αφοι Ξηντάρη</category><category>Βαγγελης Καλυμνιος</category><category>Βαγγελης Παπαζογλου</category><category>Βασιλης Σουκας</category><category>Γαβριήλ Μαρίνος ή Μαρινάκης</category><category>Γαστρονομια</category><category>Γεωργια Μηττακη</category><category>Γιάννης Ετσιρείδης</category><category>Γιαννης Μπεζος</category><category>Γιαννης Παριος</category><category>Γιατρος</category><category>Γιώργος Κάρλας</category><category>Γιώργος Κουτουλάκης</category><category>Γιώτα Νέγκα</category><category>Δημήτρης Φράτης ή Μητσάρας</category><category>Δημήτριος Καλλίνικος</category><category>Δομενικος Βαμβακαρης</category><category>Εστουδιαντίνα</category><category>Ευάγγελος Σωφρονίου ή Βαγγελάκης</category><category>Ιωαννα Γεωργακοπούλου</category><category>Κοσμος-Διεθνη</category><category>Κωστας  Μανεσης</category><category>Κωστας Καπλανης</category><category>Λαβύρυθμος</category><category>Μάνος Ελευθερίου</category><category>Μπάμπης Τσετίνης</category><category>Μπαιρακτάρης</category><category>Νίκος Μαμαγκάκης</category><category>Νικος Ξυλουρης</category><category>Νικος Παππας (κακουργος)</category><category>Ξαρχακος</category><category>Οδυσσέας Μοσχονάς</category><category>Πέτρος Ζουναράκης</category><category>Παραπεταμενοι</category><category>Πειραιας</category><category>Ρένα Ντάλλια</category><category>Σεβάς Χανούμ</category><category>Σοφία Αμπατζή</category><category>Σπύρος Καλφόπουλος</category><category>Στέλιος Χρυσίνης</category><category>Σταύρος Καλούμενος</category><category>Τεκετζήδες</category><category>Τζιμ Αποστόλου</category><category>Φώτης Χαλουλάκος ή Φωτάκης</category><category>Χρηστακης</category><category>Ψαραντωνης</category><category>εν χορδαις &amp; οργανοις</category><title>Το Ρεμπέτικο Τραγούδι</title><description>ΡΕΜΠΕΤΙΚΟ , ΛΑΙΚΟ ΚΑΙ ΠΑΡΑΔΟΣΙΑΚΟ ΤΡΑΓΟΥΔΙ ΑΛΛΑ ΚΑΙ ΟΤΙ ΕΧΕΙ ΣΧΕΣΗ ΜΕ ΤΗΝ ΕΛΛΗΝΙΚΗ ΜΟΥΣΙΚΗ ..</description><link>http://rempetikogeo69.blogspot.com/</link><managingEditor>noreply@blogger.com (George 69)</managingEditor><generator>Blogger</generator><openSearch:totalResults>1547</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-7117900903187240960</guid><pubDate>Tue, 20 Oct 2026 08:07:59 +0000</pubDate><atom:updated>2026-10-20T11:07:59.448+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Μπαμπης  Τσερτος</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><category domain="http://www.blogger.com/atom/ns#">Φωτεινή Βελεσιώτου</category><title>Βελεσιώτου &amp; Τσέρτος: Η ιστορική συναυλία για τα τραγούδια της Αντίστασης στο Θέατρο Μαρία Κάλλας</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Τα ρεμπέτικα της Κατοχής και της Αντίστασης στο Ολύμπια&lt;/title&gt;
  &lt;style&gt;
    @import url(&#39;https://fonts.googleapis.com/css2?family=Arima:wght@400;600;700&amp;family=Audiowide&amp;family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&amp;family=Orbitron:wght@600;800;900&amp;display=swap&#39;);

    #mpg-post, #mpg-post * { box-sizing: border-box; }
    #mpg-post {
      position: relative;
      font-family: &#39;EB Garamond&#39;, Georgia, serif;
      font-size: 1.18rem;
      line-height: 1.8;
      color: #2b1b12;
      background:
        radial-gradient(circle at 15% 10%, rgba(212,175,55,0.08), transparent 40%),
        radial-gradient(circle at 85% 92%, rgba(125,29,29,0.06), transparent 45%),
        #fffdf8;
      border-radius: 1rem;
      overflow: hidden;
      box-shadow: 0 0.5rem 2rem rgba(61,13,13,0.12);
    }

    /* Scroll Progress Bar */
    #mpg-progress {
      position: fixed; top: 0; left: 0; height: 0.3rem; width: 0;
      background: linear-gradient(90deg, #d4af37, #7d1d1d);
      z-index: 9999; transition: width 0.1s ease;
    }

    /* Top Navigation Toolbar */
    .mpg-topbar {
      background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
      color: #f0dfb0;
      padding: 0.75rem 1.2rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.85rem;
      border-bottom: 2px solid #d4af37;
    }

    .mpg-topbar-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
    }

    .mpg-toolbar-group {
      display: flex;
      align-items: center;
      gap: 0.45rem;
    }

    .mpg-action-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      height: 2.2rem;
      padding: 0 0.75rem;
      border-radius: 0.5rem;
      border: 1px solid rgba(212, 175, 55, 0.6);
      background: rgba(255, 253, 248, 0.12);
      color: #f0dfb0;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.25);
      transition: all 0.2s ease;
    }
    .mpg-action-btn:hover {
      background: #ffd700;
      color: #3d0d0d;
      border-color: #ffd700;
      transform: translateY(-1px);
    }

    /* Two Images Side-by-Side Container */
    .mpg-dual-image-wrapper {
      padding: 0.8rem 0.8rem 0;
    }

    .mpg-dual-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.6rem;
      background: #0d0606;
      border: 1px solid #c5a059;
      border-radius: 0.8rem;
      overflow: hidden;
      box-shadow: 0 0.6rem 1.6rem rgba(61,13,13,0.25);
      padding: 0.5rem;
    }

    .mpg-dual-card {
      position: relative;
      background: #1a0a0a;
      border-radius: 0.5rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 280px;
    }

    .mpg-dual-img {
      width: 100%;
      height: auto;
      max-height: 480px;
      object-fit: contain;
      display: block;
      transition: transform 0.3s ease;
    }

    .mpg-dual-card:hover .mpg-dual-img {
      transform: scale(1.02);
    }

    .mpg-artist-tag {
      position: absolute;
      bottom: 0.5rem;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(13, 6, 6, 0.88);
      border: 1px solid #d4af37;
      color: #f0dfb0;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.82rem;
      padding: 0.25rem 0.75rem;
      border-radius: 2rem;
      white-space: nowrap;
      box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.6);
    }

    .mpg-body { padding: 1.1rem 1.5rem 1.6rem; }

    .mpg-title {
      font-family: &#39;EB Garamond&#39;, Georgia, serif;
      font-size: 2.1rem;
      font-weight: 700;
      color: #3d0d0d;
      text-align: left;
      margin: 0.4rem 0 0.6rem;
      line-height: 1.3;
      border-bottom: 2px solid #d4af37;
      padding-bottom: 0.6rem;
    }

    .mpg-subtitle {
      text-align: left;
      font-size: 1.1rem;
      color: #7d1d1d;
      font-weight: 600;
      margin-bottom: 1.2rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
    }

    .mpg-intro {
      font-weight: 700; font-style: italic;
      font-size: 1.3rem; line-height: 1.5;
      border-left: 0.38rem solid #d4af37;
      padding-left: 1.1rem;
      margin: 1.2rem 0;
      color: #3d0d0d;
    }

    .mpg-body p { margin: 0 0 1.2rem; }

    /* Floating Animated Info Card */
    @keyframes floatCard {
      0% { transform: translateY(0px); box-shadow: 0 8px 20px rgba(125,29,29,0.2); }
      50% { transform: translateY(-7px); box-shadow: 0 16px 28px rgba(125,29,29,0.3); }
      100% { transform: translateY(0px); box-shadow: 0 8px 20px rgba(125,29,29,0.2); }
    }

    .mpg-floating-card {
      margin: 2rem 0;
      background: linear-gradient(135deg, #2b0b0b, #4a1010 70%, #2b0b0b);
      border: 2px solid #d4af37;
      border-radius: 1rem;
      padding: 1.4rem;
      color: #f0dfb0;
      animation: floatCard 4.5s ease-in-out infinite;
      position: relative;
    }

    .mpg-info-header {
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 1.15rem;
      color: #ffd700;
      border-bottom: 1px dashed #d4af37;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .mpg-info-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 0.85rem;
    }

    .mpg-info-item {
      display: flex;
      align-items: flex-start;
      gap: 0.6rem;
      background: rgba(0, 0, 0, 0.25);
      padding: 0.6rem 0.8rem;
      border-radius: 0.5rem;
      border-left: 3px solid #ffd700;
    }

    .mpg-info-item strong {
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.85rem;
      color: #ffd700;
      display: block;
    }

    .mpg-info-item span {
      font-size: 1rem;
      color: #ffffff;
      font-weight: 600;
    }

    .mpg-highlight-box {
      background: linear-gradient(180deg, #fdf6e3, #f0dfb0);
      border: 1px solid #c5a059;
      border-radius: 0.8rem;
      padding: 1.2rem 1.4rem;
      margin: 1.5rem 0;
      box-shadow: 0 0.4rem 1.2rem rgba(61,13,13,0.1);
    }

    .mpg-song-badge {
      display: inline-block;
      background: #7d1d1d;
      color: #fff;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.82rem;
      padding: 0.2rem 0.65rem;
      border-radius: 0.4rem;
      margin: 0.2rem 0.3rem 0.2rem 0;
    }

    /* Integrated High-Contrast Source &amp; Footer Block */
    .mpg-integrated-block {
      margin-top: 2rem;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 0.8rem 2rem rgba(0,0,0,0.3);
      border: 2px solid #d4af37;
    }

    /* SOURCE CARD - TOP HALF */
    .mpg-source-card {
      display: block;
      width: 100%;
      background: linear-gradient(135deg, #fffdf5, #f5e4b5);
      padding: 1rem 1.5rem;
      text-align: center;
      text-decoration: none !important;
      border-top-left-radius: 18px;
      border-top-right-radius: 18px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom: 2px solid #d4af37;
      transition: all 0.25s ease;
    }

    .mpg-source-card:hover {
      background: linear-gradient(135deg, #f5e4b5, #ffd700);
      transform: translateY(-1px);
    }

    .mpg-source-text {
      font-family: &#39;Orbitron&#39;, sans-serif;
      font-weight: 900;
      font-size: 1.15rem;
      color: #d60000; /* Vivid red for supreme contrast */
      letter-spacing: 0.08rem;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    }

    /* FOOTER - BOTTOM HALF */
    .mpg-footer-card {
      background: linear-gradient(135deg, #1a0f07 0%, #2d1a0d 100%);
      padding: 1.25rem 1.5rem;
      text-align: center;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 18px;
      border-bottom-right-radius: 18px;
      font-family: &#39;Arima&#39;, cursive, serif;
    }

    .mpg-footer-main {
      font-size: 1.35rem;
      font-weight: 700;
      color: #fde047; /* Bright yellow */
      line-height: 1.3;
      letter-spacing: 0.02rem;
      margin-bottom: 0.25rem;
    }

    .mpg-footer-sub {
      font-size: 1.05rem;
      font-weight: 600;
      color: #fff8e7; /* Soft bright white/cream */
      opacity: 0.95;
    }

    /* Toast Notification */
    #mpg-toast {
      position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px);
      background: #3d0d0d; color: #f0dfb0; border: 1px solid #d4af37;
      padding: 0.6rem 1.4rem; border-radius: 2rem; font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.8rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.4); z-index: 100000;
      opacity: 0; transition: all 0.3s ease; pointer-events: none;
    }
    #mpg-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }

    @media (max-width: 640px) {
      #mpg-post { font-size: 1.05rem; }
      .mpg-title { font-size: 1.55rem; }
      .mpg-intro { font-size: 1.15rem; }
      .mpg-dual-grid { grid-template-columns: 1fr; }
      .mpg-dual-img { height: 260px; }
      .mpg-topbar-content { flex-direction: column; align-items: stretch; gap: 0.6rem; }
      .mpg-toolbar-group { justify-content: space-between; }
      .mpg-source-text { font-size: 0.95rem; }
      .mpg-footer-main { font-size: 1.15rem; }
    }

    @media print {
      #mpg-progress, .mpg-topbar, #mpg-toast { display: none !important; }
      #mpg-post { box-shadow: none; border: none; background: #fff; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;mpg-post&quot; class=&quot;mpg-wrap&quot;&gt;

  &lt;div id=&quot;mpg-progress&quot;&gt;&lt;/div&gt;

  &lt;div class=&quot;mpg-topbar&quot;&gt;
    &lt;div class=&quot;mpg-topbar-content&quot;&gt;
      &lt;div class=&quot;mpg-toolbar-group&quot;&gt;
        &lt;span style=&quot;font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.82rem; color: #f0dfb0;&quot;&gt;Κείμενο:&lt;/span&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-dec&quot; title=&quot;Μείωση μεγέθους&quot;&gt;A−&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-reset&quot; title=&quot;Επαναφορά μεγέθους&quot;&gt;A&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-inc&quot; title=&quot;Αύξηση μεγέθους&quot;&gt;A+&lt;/button&gt;
      &lt;/div&gt;
      
      &lt;div class=&quot;mpg-toolbar-group&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-share&quot; title=&quot;Κοινοποίηση&quot;&gt;
          🔗 &lt;span&gt;Κοινοποίηση&lt;/span&gt;
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-copy&quot; title=&quot;Αντιγραφή κειμένου&quot;&gt;
          📋 &lt;span&gt;Αντιγραφή&lt;/span&gt;
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-print&quot; title=&quot;Εκτύπωση&quot;&gt;
          🖨️ &lt;span&gt;Εκτύπωση&lt;/span&gt;
        &lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- Two Images Side by Side --&gt;
  &lt;div class=&quot;mpg-dual-image-wrapper&quot;&gt;
    &lt;div class=&quot;mpg-dual-grid&quot;&gt;
      &lt;div class=&quot;mpg-dual-card&quot;&gt;
        &lt;img 
          src=&quot;https://www.tch.gr/inst/tch/gallery///Artists/%CE%A6%CE%A9%CE%A4%CE%95%CE%99%CE%9D%CE%97%20%CE%92%CE%95%CE%9B%CE%95%CE%A3%CE%99%CE%A9%CE%A4%CE%9F%CE%A5.png&quot; 
          alt=&quot;Φωτεινή Βελεσιώτου&quot; 
          class=&quot;mpg-dual-img&quot;
          loading=&quot;lazy&quot;
          onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/400x500/2b0b0b/f0dfb0?text=Φωτεινή+Βελεσιώτου&#39;;&quot;
        /&gt;
        &lt;div class=&quot;mpg-artist-tag&quot;&gt;🎤 Φωτεινή Βελεσιώτου&lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div class=&quot;mpg-dual-card&quot;&gt;
        &lt;img 
          src=&quot;https://www.tap.com.gr/images/2017/artistbouzouki/tsertos.jpg&quot; 
          alt=&quot;Μπάμπης Τσέρτος&quot; 
          class=&quot;mpg-dual-img&quot;
          loading=&quot;lazy&quot;
          onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/400x500/2b0b0b/f0dfb0?text=Μπάμπης+Τσέρτος&#39;;&quot;
        /&gt;
        &lt;div class=&quot;mpg-artist-tag&quot;&gt;🎤 Μπάμπης Τσέρτος&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- Main Body Content --&gt;
  &lt;div class=&quot;mpg-body&quot;&gt;

    &lt;h1 class=&quot;mpg-title&quot;&gt;«Τα ρεμπέτικα της Κατοχής και της Αντίστασης» στο Ολύμπια&lt;/h1&gt;
    &lt;div class=&quot;mpg-subtitle&quot;&gt;Φωτεινή Βελεσιώτου &amp;amp; Μπάμπης Τσέρτος στο Δημοτικό Μουσικό Θέατρο «Μαρία Κάλλας»&lt;/div&gt;

    &lt;p class=&quot;mpg-intro&quot;&gt;Το ρεμπέτικο δεν σώπασε στα χρόνια της Κατοχής. Αντίθετα, έγινε μια ζωντανή μαρτυρία της εποχής, καταγράφοντας μέσα από τους στίχους και τις μελωδίες του την καθημερινότητα, τις δυσκολίες αλλά και την αντίσταση των ανθρώπων απέναντι στον κατακτητή.&lt;/p&gt;
    &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

    &lt;p&gt;Αυτή τη λιγότερο γνωστή πλευρά του ρεμπέτικου τραγουδιού φωτίζει η συναυλία &lt;strong&gt;«Τα ρεμπέτικα της Κατοχής και της Αντίστασης»&lt;/strong&gt;, που παρουσιάζει το &lt;em&gt;Εργαστήρι Ελληνικής Μουσικής Δήμου Αθηναίων&lt;/em&gt;, το &lt;strong&gt;Σάββατο 24 Οκτωβρίου 2026&lt;/strong&gt;, στο Ολύμπια, Δημοτικό Μουσικό Θέατρο «Μαρία Κάλλας».&lt;/p&gt;

    &lt;p&gt;Στη σκηνή συναντιούνται δύο αγαπημένοι ερμηνευτές με μακρά διαδρομή στο λαϊκό και ρεμπέτικο τραγούδι, η &lt;strong&gt;Φωτεινή Βελεσιώτου&lt;/strong&gt; και ο &lt;strong&gt;Μπάμπης Τσέρτος&lt;/strong&gt;, σε ενορχηστρώσεις και μουσική διεύθυνση του &lt;strong&gt;Άγγελου Ηλία&lt;/strong&gt;.&lt;/p&gt;

    &lt;!-- Floating Animated Info Card --&gt;
    &lt;div class=&quot;mpg-floating-card&quot;&gt;
      &lt;div class=&quot;mpg-info-header&quot;&gt;
        📌 &lt;span&gt;ΠΛΗΡΟΦΟΡΙΕΣ ΣΥΝΑΥΛΙΑΣ&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;mpg-info-grid&quot;&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          📅 &lt;div&gt;&lt;strong&gt;Ημερομηνία:&lt;/strong&gt; &lt;span&gt;Σάββατο 24 Οκτωβρίου 2026&lt;/span&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          ⏰ &lt;div&gt;&lt;strong&gt;Ώρα έναρξης:&lt;/strong&gt; &lt;span&gt;20:30&lt;/span&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          🎤 &lt;div&gt;&lt;strong&gt;Καλλιτέχνες:&lt;/strong&gt; &lt;span&gt;Φωτεινή Βελεσιώτου, Μπάμπης Τσέρτος&lt;/span&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          🏛️ &lt;div&gt;&lt;strong&gt;Χώρος:&lt;/strong&gt; &lt;span&gt;Ολύμπια, Δημοτικό Θέατρο «Μαρία Κάλλας»&lt;/span&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;h2 style=&quot;font-family: &#39;Audiowide&#39;, sans-serif; font-size: 1.25rem; color: #7d1d1d; margin: 1.8rem 0 0.8rem; border-bottom: 1px solid #c5a059; padding-bottom: 0.4rem;&quot;&gt;
      🎶 Τα τραγούδια που κατέγραψαν την ιστορία
    &lt;/h2&gt;

    &lt;p&gt;Η πείνα, η μαύρη αγορά, οι σαλταδόροι, οι βομβαρδισμοί, οι φυλακές και η Αντίσταση έγιναν θέματα τραγουδιών που γράφτηκαν μέσα στη δίνη των γεγονότων, αποτυπώνοντας με αμεσότητα την πραγματικότητα της εποχής.&lt;/p&gt;

    &lt;div class=&quot;mpg-highlight-box&quot;&gt;
      &lt;div style=&quot;font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.9rem; color: #3d0d0d; margin-bottom: 0.6rem;&quot;&gt;
        🎼 &lt;strong&gt;Εμβληματικά Τραγούδια της Παράστασης:&lt;/strong&gt;
      &lt;/div&gt;
      &lt;span class=&quot;mpg-song-badge&quot;&gt;«Ο Σαλταδόρος» (Μ. Γενίτσαρης)&lt;/span&gt;
      &lt;span class=&quot;mpg-song-badge&quot;&gt;«Οι Μαυραγορίτες» (Μ. Γενίτσαρης)&lt;/span&gt;
      &lt;span class=&quot;mpg-song-badge&quot;&gt;«Επιδρομή στον Πειραιά» (Μ. Γενίτσαρης)&lt;/span&gt;
      &lt;span class=&quot;mpg-song-badge&quot;&gt;«Χαϊδάρι» (Μ. Βαμβακάρης)&lt;/span&gt;
      &lt;span class=&quot;mpg-song-badge&quot;&gt;«Να ‘ναι γλυκό το βόλι» (Δ. Γκόγκος - Μπαγιαντέρας)&lt;/span&gt;
    &lt;/div&gt;

    &lt;p&gt;Πρόκειται για ένα ιδιαίτερο κεφάλαιο της ελληνικής μουσικής ιστορίας, καθώς πολλά από αυτά τα τραγούδια δεν ηχογραφήθηκαν την εποχή που δημιουργήθηκαν. Με τη δισκογραφική δραστηριότητα στην Ελλάδα να έχει διακοπεί κατά τη διάρκεια της Κατοχής, οι συνθέσεις περνούσαν από στόμα σε στόμα και ακούγονταν στις ζωντανές εμφανίσεις των μουσικών.&lt;/p&gt;

    &lt;p&gt;Κάποιες ηχογραφήθηκαν μετά τον πόλεμο, ενώ άλλες διασώθηκαν χάρη στη μνήμη των δημιουργών και των ερμηνευτών τους.&lt;/p&gt;

    &lt;p&gt;Με αφορμή την επέτειο της απελευθέρωσης της Αθήνας, στις 12 Οκτωβρίου 1944, το &lt;em&gt;Εργαστήρι Ελληνικής Μουσικής Δήμου Αθηναίων&lt;/em&gt; επαναφέρει στο προσκήνιο αυτό το σπάνιο ρεπερτόριο, αναδεικνύοντας τη δύναμη του ρεμπέτικου ως μουσικής έκφρασης αλλά και ως πολύτιμης ιστορικής μαρτυρίας.&lt;/p&gt;

    &lt;!-- INTEGRATED SOURCE CARD &amp; FOOTER BLOCK --&gt;
    &lt;div class=&quot;mpg-integrated-block&quot;&gt;
      &lt;!-- TOP: Single Active Source Link Card --&gt;
      &lt;a class=&quot;mpg-source-card&quot; href=&quot;https://www.monopoli.gr/2026/10/17/promotional-items/music-promo-items/993686/foteini-velesiotou-kai-mpampis-tsertos-ermineyoun-ta-rempetika-tis-katoxis-sto-olympia/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;
        &lt;span class=&quot;mpg-source-text&quot;&gt;
          🔗 SOURCE: MONOPOLI.GR
        &lt;/span&gt;
      &lt;/a&gt;

      &lt;!-- BOTTOM: Connected Footer Block --&gt;
      &lt;div class=&quot;mpg-footer-card&quot;&gt;
        &lt;div class=&quot;mpg-footer-main&quot;&gt;
          Το Ρεμπέτικο Τραγούδι / Γιώργος Γυρνάς
        &lt;/div&gt;
        &lt;div class=&quot;mpg-footer-sub&quot;&gt;
          Ρεμπέτικα της Κατοχής
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

  &lt;/div&gt;

&lt;/div&gt;

&lt;!-- Toast Container --&gt;
&lt;div id=&quot;mpg-toast&quot;&gt;&lt;/div&gt;

&lt;!-- JavaScript Controls --&gt;
&lt;script&gt;
(function(){
  var wrap = document.getElementById(&#39;mpg-post&#39;);
  if (!wrap) return;

  // 1. Scroll Progress Bar
  var bar = document.getElementById(&#39;mpg-progress&#39;);
  window.addEventListener(&#39;scroll&#39;, function(){
    var h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    bar.style.width = (h &gt; 0 ? (window.scrollY / h) * 100 : 0) + &#39;%&#39;;
  });

  // 2. Dynamic Font Resizing
  var scale = 1;
  function applyScale(){ wrap.style.fontSize = (1.18 * scale) + &#39;rem&#39;; }
  
  document.getElementById(&#39;mpg-font-inc&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.min(1.45, scale + 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;mpg-font-dec&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.max(0.85, scale - 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;mpg-font-reset&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = 1; 
    applyScale(); 
  });

  // 3. Toast Notification
  var toastEl = document.getElementById(&#39;mpg-toast&#39;);
  var toastTimer;
  function showToast(msg) {
    if (!toastEl) return;
    toastEl.textContent = msg;
    toastEl.classList.add(&#39;show&#39;);
    clearTimeout(toastTimer);
    toastTimer = setTimeout(function(){
      toastEl.classList.remove(&#39;show&#39;);
    }, 2800);
  }

  // 4. Native Share API
  document.getElementById(&#39;mpg-btn-share&#39;).addEventListener(&#39;click&#39;, function(){
    var shareData = {
      title: &#39;Τα ρεμπέτικα της Κατοχής και της Αντίστασης στο Ολύμπια&#39;,
      text: &#39;Φωτεινή Βελεσιώτου &amp; Μπάμπης Τσέρτος ερμηνεύουν τα ρεμπέτικα της Κατοχής στο Δημοτικό Θέατρο Μαρία Κάλλας.&#39;,
      url: window.location.href
    };
    if (navigator.share) {
      navigator.share(shareData).catch(function(){});
    } else {
      navigator.clipboard.writeText(window.location.href).then(function(){
        showToast(&#39;Ο σύνδεσμος αντιγράφηκε!&#39;);
      }).catch(function(){
        showToast(&#39;Αντιγράψτε το URL από τη γραμμή διευθύνσεων.&#39;);
      });
    }
  });

  // 5. Copy Text Logic
  document.getElementById(&#39;mpg-btn-copy&#39;).addEventListener(&#39;click&#39;, function(){
    var bodyText = document.querySelector(&#39;.mpg-body&#39;).innerText;
    navigator.clipboard.writeText(bodyText).then(function(){
      showToast(&#39;Το κείμενο αντιγράφηκε επιτυχώς!&#39;);
    }).catch(function(){
      showToast(&#39;Αποτυχία αντιγραφής.&#39;);
    });
  });

  // 6. Print Handler
  document.getElementById(&#39;mpg-btn-print&#39;).addEventListener(&#39;click&#39;, function(){
    window.print();
  });

})();
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/10/rempetika-tsis-katochis-velesiotou-tsertos-olympia-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-1594064324876454432</guid><pubDate>Thu, 15 Oct 2026 11:01:37 +0000</pubDate><atom:updated>2026-10-15T14:06:48.258+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><title>Grammy 2027: Ο Μίνως Μάτσας ταξιδεύει το ελληνικό ρεμπέτικο στον κόσμο</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Μίνως Μάτσας: Το ελληνικό ρεμπέτικο στον δρόμο για τα Grammy 2027&lt;/title&gt;
  &lt;style&gt;
    @import url(&#39;https://fonts.googleapis.com/css2?family=Audiowide&amp;family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&amp;display=swap&#39;);

    #mpg-post, #mpg-post * { box-sizing: border-box; }
    #mpg-post {
      position: relative;
      font-family: &#39;EB Garamond&#39;, Georgia, serif;
      font-size: 1.18rem;
      line-height: 1.8;
      color: #2b1b12;
      background:
        radial-gradient(circle at 15% 10%, rgba(212,175,55,0.08), transparent 40%),
        radial-gradient(circle at 85% 92%, rgba(125,29,29,0.06), transparent 45%),
        #fffdf8;
      border-radius: 1rem;
      overflow: hidden;
      box-shadow: 0 0.5rem 2rem rgba(61,13,13,0.12);
    }

    /* Scroll Progress Bar */
    #mpg-progress {
      position: fixed; top: 0; left: 0; height: 0.3rem; width: 0;
      background: linear-gradient(90deg, #d4af37, #7d1d1d);
      z-index: 9999; transition: width 0.1s ease;
    }

    /* Top Navigation Toolbar */
    .mpg-topbar {
      background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
      color: #f0dfb0;
      padding: 0.75rem 1.2rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.85rem;
      border-bottom: 2px solid #d4af37;
    }

    .mpg-topbar-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
    }

    .mpg-toolbar-group {
      display: flex;
      align-items: center;
      gap: 0.45rem;
    }

    .mpg-toolbar-label {
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.82rem;
      color: #f0dfb0;
      margin-right: 0.2rem;
    }

    .mpg-action-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      height: 2.2rem;
      padding: 0 0.75rem;
      border-radius: 0.5rem;
      border: 1px solid rgba(212, 175, 55, 0.6);
      background: rgba(255, 253, 248, 0.12);
      color: #f0dfb0;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.25);
      transition: all 0.2s ease;
    }
    .mpg-action-btn:hover {
      background: #ffd700;
      color: #3d0d0d;
      border-color: #ffd700;
      transform: translateY(-1px);
    }
    .mpg-action-btn:active {
      transform: translateY(0);
    }

    /* Protected Hero Image Container */
    .mpg-hero-img-wrapper {
      position: relative;
      width: 100%;
      padding: 0.8rem 0.8rem 0;
    }

    .mpg-image-container {
      position: relative;
      width: 100%;
      min-height: 280px;
      max-height: 520px;
      border-radius: 0.8rem;
      overflow: hidden;
      box-shadow: 0 0.6rem 1.6rem rgba(61,13,13,0.25);
      border: 1px solid #c5a059;
      background: #0d0606;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* Direct Uncropped Hero Image */
    .mpg-hero-img {
      width: 100%;
      height: auto;
      max-height: 520px;
      object-fit: contain; /* Full uncropped image display */
      display: block;
    }

    /* Overlaid Source Badge inside Image Container */
    .mpg-hero-caption-overlay {
      position: absolute;
      bottom: 0.8rem;
      right: 0.8rem;
      z-index: 10;
      background: rgba(13, 6, 6, 0.85);
      backdrop-filter: blur(4px);
      padding: 0.45rem 0.85rem;
      border-radius: 0.5rem;
      border: 1px solid rgba(212, 175, 55, 0.7);
      color: #f0dfb0;
      font-size: 0.82rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
      box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.5);
    }

    .mpg-hero-caption-overlay a {
      color: #ffd700;
      font-weight: bold;
      text-decoration: underline;
      transition: color 0.2s ease;
    }
    .mpg-hero-caption-overlay a:hover {
      color: #ffffff;
    }

    /* Main Article Body */
    .mpg-body { padding: 1.1rem 1.5rem 1.6rem; }

    .mpg-title {
      font-family: &#39;EB Garamond&#39;, Georgia, serif;
      font-size: 2.2rem;
      font-weight: 700;
      color: #3d0d0d;
      text-align: left;
      margin: 0.4rem 0 1rem;
      line-height: 1.3;
      border-bottom: 2px solid #d4af37;
      padding-bottom: 0.6rem;
    }

    .mpg-subtitle {
      text-align: left;
      font-size: 1.15rem;
      color: #7d1d1d;
      font-weight: 600;
      margin-top: -0.5rem;
      margin-bottom: 1.2rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
    }

    .mpg-intro {
      font-weight: 700; font-style: italic;
      font-size: 1.35rem; line-height: 1.5;
      border-left: 0.3rem solid #d4af37;
      padding-left: 1.1rem;
      margin: 1.2rem 0;
      color: #3d0d0d;
    }

    .mpg-body p { margin: 0 0 1.2rem; }

    /* Custom Category Badges &amp; Cards */
    .mpg-card {
      border-radius: 0.9rem;
      padding: 1.25rem 1.5rem;
      margin: 1.4rem 0;
      box-shadow: 0 0.4rem 1.2rem rgba(61,13,13,0.12);
      border: 1px solid #c5a059;
    }
    .mpg-card-grammy { background: linear-gradient(180deg,#fdf6e3,#f0dfb0); }
    .mpg-card-cultures { background: linear-gradient(180deg,#f6ece0,#ecd9bd); }

    .mpg-anchor {
      display: inline-flex; align-items: center; gap: 0.5rem;
      font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.85rem;
      letter-spacing: 0.03rem;
      color: #5c1010;
      background: linear-gradient(135deg,#fdf6e3,#f0dfb0);
      border: 1px solid #c5a059; border-radius: 999px;
      padding: 0.45rem 1.1rem;
      box-shadow: 0 0.2rem 0.5rem rgba(125,29,29,0.12);
      margin: 1.5rem 0 1rem;
    }

    /* Video Player Embed Styling */
    .mpg-video-section {
      margin: 2rem 0;
      background: #2b0b0b;
      padding: 1rem;
      border-radius: 0.9rem;
      border: 1px solid #d4af37;
      box-shadow: 0 0.6rem 1.8rem rgba(0,0,0,0.25);
    }
    .mpg-video-title {
      color: #f0dfb0;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.95rem;
      margin-bottom: 0.8rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .mpg-video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 ratio */
      height: 0;
      border-radius: 0.6rem;
      overflow: hidden;
    }
    .mpg-video-container iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      border: 0;
    }

    /* Dynamic Grid for Artists */
    .mpg-artists-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 0.8rem;
      margin-top: 0.8rem;
    }
    .mpg-artist-chip {
      background: rgba(125, 29, 29, 0.08);
      border: 1px solid #c5a059;
      padding: 0.5rem 0.8rem;
      border-radius: 0.5rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.82rem;
      color: #3d0d0d;
      text-align: center;
    }

    /* Dates timeline pill */
    .mpg-timeline-pill {
      display: inline-block;
      background: #7d1d1d;
      color: #f0dfb0;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.78rem;
      padding: 0.15rem 0.6rem;
      border-radius: 0.4rem;
      margin-right: 0.4rem;
    }

    /* Footer Source Banner */
    .mpg-source {
      width: 100%; display: flex; align-items: center; justify-content: center; text-align: center;
      background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
      color: #f0dfb0 !important; text-decoration: none;
      padding: 1.1rem 1.5rem; border-top: 2px solid #d4af37;
      font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.95rem;
      transition: filter 0.2s ease, transform 0.2s ease;
    }
    .mpg-source:hover { filter: brightness(1.2); transform: translateY(-0.1rem); }

    /* Toast Notification */
    #mpg-toast {
      position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px);
      background: #3d0d0d; color: #f0dfb0; border: 1px solid #d4af37;
      padding: 0.6rem 1.4rem; border-radius: 2rem; font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.8rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.4); z-index: 100000;
      opacity: 0; transition: all 0.3s ease; pointer-events: none;
    }
    #mpg-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }

    @media (max-width: 640px) {
      #mpg-post { font-size: 1.05rem; }
      .mpg-title { font-size: 1.6rem; }
      .mpg-intro { font-size: 1.2rem; }
      .mpg-topbar-content { flex-direction: column; align-items: stretch; gap: 0.6rem; }
      .mpg-toolbar-group { justify-content: space-between; }
      .mpg-source { flex-direction: column; align-items: flex-start; text-align: left; }
      .mpg-image-container { height: 260px; }
    }

    @media print {
      #mpg-progress, .mpg-topbar, #mpg-toast { display: none !important; }
      #mpg-post { box-shadow: none; border: none; background: #fff; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;mpg-post&quot; class=&quot;mpg-wrap&quot;&gt;

  &lt;div id=&quot;mpg-progress&quot;&gt;&lt;/div&gt;

  &lt;div class=&quot;mpg-topbar&quot;&gt;
    &lt;div class=&quot;mpg-topbar-content&quot;&gt;
      &lt;div class=&quot;mpg-toolbar-group&quot;&gt;
        &lt;span class=&quot;mpg-toolbar-label&quot;&gt;Κείμενο:&lt;/span&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-dec&quot; title=&quot;Μείωση μεγέθους&quot;&gt;A−&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-reset&quot; title=&quot;Επαναφορά μεγέθους&quot;&gt;A&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-inc&quot; title=&quot;Αύξηση μεγέθους&quot;&gt;A+&lt;/button&gt;
      &lt;/div&gt;
      
      &lt;div class=&quot;mpg-toolbar-group&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-share&quot; title=&quot;Κοινοποίηση&quot;&gt;
          🔗 &lt;span&gt;Κοινοποίηση&lt;/span&gt;
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-copy&quot; title=&quot;Αντιγραφή κειμένου&quot;&gt;
          📋 &lt;span&gt;Αντιγραφή&lt;/span&gt;
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-print&quot; title=&quot;Εκτύπωση&quot;&gt;
          🖨️ &lt;span&gt;Εκτύπωση&lt;/span&gt;
        &lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- Direct Hero Image Container --&gt;
  &lt;div class=&quot;mpg-hero-img-wrapper&quot;&gt;
    &lt;div class=&quot;mpg-image-container&quot; id=&quot;mpg-image-box&quot;&gt;
      &lt;img 
        src=&quot;https://www.insider.gr/sites/default/files/styles/cover_image_725x500/public/2024-07/screenshot_26_2.jpg?itok=g30VppAX&quot; 
        alt=&quot;Μίνως Μάτσας - Τα Ρεμπέτικα&quot; 
        class=&quot;mpg-hero-img&quot; 
        loading=&quot;lazy&quot;
        onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/800x500/3d0d0d/f0dfb0?text=Minos+Matsas+-+Rebetika&#39;;&quot;
      /&gt;
      
      &lt;!-- Source Badge inside the Image Frame --&gt;
      &lt;div class=&quot;mpg-hero-caption-overlay&quot;&gt;
        📸 &lt;strong&gt;&lt;a href=&quot;https://www.insider.gr/eidiseis/327676/minos-matsas-ta-rempetika-stis-209-sto-irodeio&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Πηγή: Insider.gr - Μίνως Μάτσας: «Τα Ρεμπέτικα» στο Ηρώδειο&lt;/a&gt;&lt;/strong&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- Body Content --&gt;
  &lt;div class=&quot;mpg-body&quot;&gt;

    &lt;h1 class=&quot;mpg-title&quot;&gt;Μίνως Μάτσας: Το Ελληνικό Ρεμπέτικο στον Δρόμο για τα Grammy&lt;/h1&gt;
    &lt;div class=&quot;mpg-subtitle&quot;&gt;Η μουσική συνάντηση τεσσάρων παγκόσμιων πολιτισμών&lt;/div&gt;

    &lt;p class=&quot;mpg-intro&quot;&gt;Στη διεθνή μουσική σκηνή στρέφεται ο Μίνως Μάτσας, καθώς το άλμπουμ του &lt;strong&gt;«Τα Ρεμπέτικα + Fado, Tango &amp;amp; Blues»&lt;/strong&gt; διεκδικεί μια θέση στις επίσημες υποψηφιότητες των &lt;strong&gt;Grammy Awards 2027&lt;/strong&gt;.&lt;/p&gt;
    &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

    &lt;p&gt;Ο Έλληνας συνθέτης συμμετέχει στη διαδικασία επιλογής για δύο κατηγορίες, παρουσιάζοντας μια πρωτοποριακή μουσική συνάντηση του ελληνικού ρεμπέτικου με το πορτογαλικό &lt;em&gt;fado&lt;/em&gt;, το αργεντίνικο &lt;em&gt;tango&lt;/em&gt; και τα αμερικανικά &lt;em&gt;blues&lt;/em&gt;.&lt;/p&gt;

    &lt;div class=&quot;mpg-anchor&quot;&gt;🏆 Οι Δύο Κατηγορίες των Grammy που Διεκδικεί&lt;/div&gt;

    &lt;div class=&quot;mpg-card mpg-card-grammy&quot;&gt;
      &lt;p style=&quot;margin-bottom: 0.8rem;&quot;&gt;
        &lt;span class=&quot;mpg-timeline-pill&quot;&gt;Κατηγορία 1&lt;/span&gt;
        &lt;strong&gt;Best Global Music Album:&lt;/strong&gt; Αφορά ολοκληρωμένες δισκογραφικές παραγωγές που αναδεικνύουν μουσικές παραδόσεις και πολιτιστικές επιρροές από διαφορετικές περιοχές του κόσμου.
      &lt;/p&gt;
      &lt;p style=&quot;margin-bottom: 0.8rem;&quot;&gt;
        &lt;span class=&quot;mpg-timeline-pill&quot;&gt;Κατηγορία 2&lt;/span&gt;
        &lt;strong&gt;Best Global Music Performance:&lt;/strong&gt; Αναγνωρίζει μεμονωμένες φωνητικές ή οργανικές ερμηνείες με έντονο χαρακτήρα παγκόσμιας μουσικής.
      &lt;/p&gt;
      &lt;hr style=&quot;border: 0; border-top: 1px dashed #c5a059; margin: 0.8rem 0;&quot;&gt;
      &lt;p style=&quot;font-size: 0.95rem; color: #5c1010; margin: 0;&quot;&gt;
        📌 &lt;strong&gt;Χρονοδιάγραμμα Ψηφοφορίας:&lt;/strong&gt; Η πρώτη ψηφοφορία των μελών της Recording Academy πραγματοποιήθηκε 12–22 Οκτωβρίου. Τα ονόματα των επίσημων υποψηφίων θα ανακοινωθούν στις &lt;strong&gt;16 Νοεμβρίου 2026&lt;/strong&gt;, ενώ η 69η τελετή απονομής θα διεξαχθεί στις &lt;strong&gt;7 Φεβρουαρίου 2027&lt;/strong&gt;.
      &lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mpg-anchor&quot;&gt;🌍 Τέσσερις Μουσικές Παραδόσεις με Κοινή Γλώσσα&lt;/div&gt;

    &lt;p&gt;Στο επίκεντρο του άλμπουμ βρίσκεται η ιδέα ότι μουσικές παραδόσεις που αναπτύχθηκαν σε διαφορετικές ηπείρους μπορούν να εκφράζουν παρόμοια ανθρώπινα βιώματα:&lt;/p&gt;

    &lt;div class=&quot;mpg-card mpg-card-cultures&quot;&gt;
      &lt;ul style=&quot;list-style: none; padding: 0; margin: 0;&quot;&gt;
        &lt;li style=&quot;margin-bottom: 0.6rem;&quot;&gt;🪕 &lt;strong&gt;Ρεμπέτικο:&lt;/strong&gt; Ιστορίες για τον έρωτα, τη φτώχεια, τον κοινωνικό αποκλεισμό και την ξενιτιά.&lt;/li&gt;
        &lt;li style=&quot;margin-bottom: 0.6rem;&quot;&gt;🎸 &lt;strong&gt;Fado (Πορτογαλία):&lt;/strong&gt; Η κυριαρχία της νοσταλγίας, της saudade και της απώλειας.&lt;/li&gt;
        &lt;li style=&quot;margin-bottom: 0.6rem;&quot;&gt;💃 &lt;strong&gt;Tango (Αργεντινή):&lt;/strong&gt; Πάθος, δραματικότητα και έντονος ρυθμός.&lt;/li&gt;
        &lt;li style=&quot;margin-bottom: 0.2rem;&quot;&gt;🎷 &lt;strong&gt;Blues (ΗΠΑ):&lt;/strong&gt; Αφηγήσεις για τις ανθρώπινες δυσκολίες και την ανάγκη έκφρασης.&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;p&gt;Μέσα από αυτή τη συνύπαρξη, ο Μίνως Μάτσας αναδεικνύει τις βαθείς συγγένειες ανάμεσα σε μουσικά είδη που, παρά τις διαφορετικές καταβολές τους, μιλούν για την αγάπη, τον αποχωρισμό, τη μοναξιά και την ελπίδα.&lt;/p&gt;

    &lt;!-- Embedded Video Player Section --&gt;
    &lt;div class=&quot;mpg-video-section&quot;&gt;
      &lt;div class=&quot;mpg-video-title&quot;&gt;
        🎵 &lt;span&gt;Ακούστε το άλμπουμ «Τα Ρεμπέτικα + Fado, Tango &amp;amp; Blues» (Intro Live):&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;mpg-video-container&quot;&gt;
        &lt;iframe src=&quot;https://www.youtube.com/embed/PL0RF9ZXgTE&quot; title=&quot;Intro (Live) - Μίνως Μάτσας&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mpg-anchor&quot;&gt;🏛️ Από τη Μεγάλη Συναυλία στο Ηρώδειο στη Δισκογραφία&lt;/div&gt;

    &lt;p&gt;Το άλμπουμ προέρχεται από τη ζωντανή συναυλία που πραγματοποιήθηκε στις &lt;strong&gt;16 Σεπτεμβρίου 2025 στο Ωδείο Ηρώδου Αττικού&lt;/strong&gt;, στο πλαίσιο του δεύτερου κύκλου της μουσικής παραγωγής «Τα Ρεμπέτικα».&lt;/p&gt;

    &lt;p&gt;Στην παράσταση συμμετείχαν πέντε διακεκριμένοι ερμηνευτές με διαφορετικές μουσικές αφετηρίες:&lt;/p&gt;

    &lt;div class=&quot;mpg-artists-grid&quot;&gt;
      &lt;div class=&quot;mpg-artist-chip&quot;&gt;🎤 Κώστας Τριανταφυλλίδης&lt;/div&gt;
      &lt;div class=&quot;mpg-artist-chip&quot;&gt;🎤 Δήμητρα Μωραΐτη&lt;/div&gt;
      &lt;div class=&quot;mpg-artist-chip&quot;&gt;🎤 Lina&lt;/div&gt;
      &lt;div class=&quot;mpg-artist-chip&quot;&gt;🎤 Debora Russ&lt;/div&gt;
      &lt;div class=&quot;mpg-artist-chip&quot;&gt;🎤 Eric B. Turner&lt;/div&gt;
    &lt;/div&gt;

    &lt;p style=&quot;margin-top: 1.2rem;&quot;&gt;Οι φωνές τους συνδέθηκαν αρμονικά με το μουσικό σύνολο που διηύθυνε ο Μίνως Μάτσας. Η ζωντανή ηχογράφηση κυκλοφόρησε στις &lt;strong&gt;26 Ιουνίου 2026&lt;/strong&gt; από τη Minos EMI / Universal Music Group.&lt;/p&gt;

    &lt;p&gt;Η ψηφιακή έκδοση περιλαμβάνει &lt;strong&gt;29 ηχογραφημένα κομμάτια&lt;/strong&gt;, συνολικής διάρκειας σχεδόν δύο ωρών. Ανάμεσά τους ξεχωρίζουν τα διαχρονικά τραγούδια: &lt;em&gt;«Το μινόρε της αυγής»&lt;/em&gt;, &lt;em&gt;«Χαριλάκι»&lt;/em&gt;, &lt;em&gt;«Sweet Home Chicago»&lt;/em&gt;, &lt;em&gt;«El Choclo»&lt;/em&gt; και &lt;em&gt;«Estranha Forma de Vida»&lt;/em&gt;.&lt;/p&gt;

  &lt;/div&gt;

  &lt;!-- Footer Source Banner --&gt;
  &lt;a class=&quot;mpg-source&quot; href=&quot;https://www.parapolitika.gr/lifestyle/article/1806247/minos-matsas-to-elliniko-rebetiko-ston-dromo-gia-ta-grammy-i-mousiki-sunadisi-tessaron-politismon/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;
    Source: Parapolitika.gr
  &lt;/a&gt;

&lt;/div&gt;

&lt;!-- Toast Container --&gt;
&lt;div id=&quot;mpg-toast&quot;&gt;&lt;/div&gt;

&lt;!-- JavaScript Controls --&gt;
&lt;script&gt;
(function(){
  var wrap = document.getElementById(&#39;mpg-post&#39;);
  if (!wrap) return;

  // 1. Scroll Progress Bar
  var bar = document.getElementById(&#39;mpg-progress&#39;);
  window.addEventListener(&#39;scroll&#39;, function(){
    var h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    bar.style.width = (h &gt; 0 ? (window.scrollY / h) * 100 : 0) + &#39;%&#39;;
  });

  // 2. Dynamic Font Resizing
  var scale = 1;
  function applyScale(){ wrap.style.fontSize = (1.18 * scale) + &#39;rem&#39;; }
  
  document.getElementById(&#39;mpg-font-inc&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.min(1.45, scale + 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;mpg-font-dec&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.max(0.85, scale - 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;mpg-font-reset&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = 1; 
    applyScale(); 
  });

  // 3. Toast Notification
  var toastEl = document.getElementById(&#39;mpg-toast&#39;);
  var toastTimer;
  function showToast(msg) {
    if (!toastEl) return;
    toastEl.textContent = msg;
    toastEl.classList.add(&#39;show&#39;);
    clearTimeout(toastTimer);
    toastTimer = setTimeout(function(){
      toastEl.classList.remove(&#39;show&#39;);
    }, 2800);
  }

  // 4. Native Share API
  document.getElementById(&#39;mpg-btn-share&#39;).addEventListener(&#39;click&#39;, function(){
    var shareData = {
      title: &#39;Μίνως Μάτσας: Το ελληνικό ρεμπέτικο στον δρόμο για τα Grammy&#39;,
      text: &#39;Το άλμπουμ «Τα Ρεμπέτικα + Fado, Tango &amp; Blues» διεκδικεί υποψηφιότητα στα Grammy Awards 2027.&#39;,
      url: window.location.href
    };
    if (navigator.share) {
      navigator.share(shareData).catch(function(){});
    } else {
      navigator.clipboard.writeText(window.location.href).then(function(){
        showToast(&#39;Ο σύνδεσμος αντιγράφηκε!&#39;);
      }).catch(function(){
        showToast(&#39;Αντιγράψτε το URL από τη γραμμή διευθύνσεων.&#39;);
      });
    }
  });

  // 5. Copy Text Logic
  document.getElementById(&#39;mpg-btn-copy&#39;).addEventListener(&#39;click&#39;, function(){
    var bodyText = document.querySelector(&#39;.mpg-body&#39;).innerText;
    navigator.clipboard.writeText(bodyText).then(function(){
      showToast(&#39;Το κείμενο αντιγράφηκε επιτυχώς!&#39;);
    }).catch(function(){
      showToast(&#39;Αποτυχία αντιγραφής.&#39;);
    });
  });

  // 6. Print Handler
  document.getElementById(&#39;mpg-btn-print&#39;).addEventListener(&#39;click&#39;, function(){
    window.print();
  });

})();
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/10/minos-matsas-rempetika-fado-tango-blues-grammy-2027.html</link><author>noreply@blogger.com (George Girnas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/PL0RF9ZXgTE/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-6347425780261767188</guid><pubDate>Tue, 06 Oct 2026 08:42:40 +0000</pubDate><atom:updated>2026-10-06T11:42:40.553+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Διαφορα</category><category domain="http://www.blogger.com/atom/ns#">Ειδησεις</category><category domain="http://www.blogger.com/atom/ns#">Ξαρχακος</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><title>Δικαστική διαμάχη Δημητρούκα - Ξαρχάκου για το άλμπουμ «Ρεμπέτικο – 40 Χρόνια Μετά»</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;«Ρεμπέτικο» στα δικαστήρια: Αγαθή Δημητρούκα και Σταύρος Ξαρχάκος&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            vintage: {
              cream: &#39;#FDFBF7&#39;,
              paper: &#39;#F4EFE6&#39;,
              text: &#39;#2C2520&#39;,
              link: &#39;#A84428&#39;,        /* Κεραμιδί / Σκουριά */
              linkHover: &#39;#701C1C&#39;,   /* Μπορντό */
              footerBg: &#39;#3E3129&#39;,    /* Βαθύ Καφέ / Καπνισμένο Ξύλο */
              footerText: &#39;#EAE3D2&#39;   /* Χρώμα Ελεφαντόδοντου */
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            serif: [&#39;&quot;EB Garamond&quot;&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;family=Jura:wght@500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #FDFBF7 !important;
      color: #2C2520 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;Inter&#39;, sans-serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #1a1614 !important;
      color: #EAE3D2 !important;
    }

    /* Article Body Typography */
    #article-body {
      font-family: &#39;EB Garamond&#39;, Georgia, serif !important;
      color: #2C2520;
    }

    .dark #article-body {
      color: #EAE3D2;
    }

    /* Links Styles - Keramidi base, Bordo on active/hover */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #A84428 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(168, 68, 40, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper a.red-link:active,
    #pettichat-post-wrapper p a:hover,
    #pettichat-post-wrapper p a:active {
      color: #701C1C !important; /* Μπορντό */
      background-color: rgba(112, 28, 28, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #e2876c !important;
      background-color: rgba(226, 135, 108, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper a.red-link:active,
    .dark #pettichat-post-wrapper p a:hover,
    .dark #pettichat-post-wrapper p a:active {
      color: #fca5a5 !important;
      background-color: rgba(252, 165, 165, 0.25);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #F4EFE6;
    }
    .dark ::-webkit-scrollbar-track {
      background: #1a1614;
    }
    ::-webkit-scrollbar-thumb {
      background: #A84428;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#F4EFE6] text-[#2C2520] dark:bg-[#120f0e] dark:text-[#EAE3D2] font-sans transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-2xl border border-[#e2d8c7] dark:border-[#2e2621] flex flex-col justify-between&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-[#A84428] via-[#701C1C] to-[#3E3129] w-0 z-50 transition-all duration-75 shadow-[0_0_10px_rgba(168,68,40,0.8)]&quot;&gt;&lt;/div&gt;

    &lt;div&gt;
      &lt;header style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;sticky top-0 z-40 w-full shadow-md border-b-2 border-[#A84428]&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
          
          &lt;!-- Brand Badge &amp; Topic Title --&gt;
          &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
            &lt;a href=&quot;https://www.aftodioikisi.gr/politistika/rempetiko-sta-dikastiria-agathi-dimitroyka-kai-stayros-xarchakos/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;flex-shrink-0 flex items-center bg-[#A84428] hover:bg-[#701C1C] text-[#EAE3D2] px-2.5 py-1 rounded font-extrabold text-xs tracking-wider uppercase transition-colors&quot;&gt;
              AFTODIOIKISI.GR
            &lt;/a&gt;
            &lt;div class=&quot;truncate border-l border-[#5c493d] pl-3&quot;&gt;
              &lt;span style=&quot;color: #EAE3D2 !important;&quot; class=&quot;font-bold text-[1em] sm:text-[1.15em] block truncate leading-tight&quot;&gt;
                «Ρεμπέτικο» στα δικαστήρια
              &lt;/span&gt;
              &lt;span style=&quot;color: #d1be9d !important;&quot; class=&quot;font-jura text-[0.7em] block font-semibold uppercase tracking-wider truncate&quot;&gt;
                Πολιτισμός • Μουσικά Νέα
              &lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- Controls --&gt;
          &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
            
            &lt;!-- Font Sizing Buttons --&gt;
            &lt;div style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;hidden md:flex items-center rounded-lg p-1 text-[0.75em] font-sans shadow-sm&quot;&gt;
              &lt;button onclick=&quot;adjustFontSize(-1)&quot; style=&quot;color: #EAE3D2 !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
              &lt;button onclick=&quot;resetFontSize()&quot; style=&quot;color: #e2876c !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
              &lt;button onclick=&quot;adjustFontSize(1)&quot; style=&quot;color: #EAE3D2 !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- Print --&gt;
            &lt;button onclick=&quot;window.print()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εκτύπωση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-print text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Share --&gt;
            &lt;button onclick=&quot;copyArticleLink()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Κοινοποίηση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-share-nodes text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Dark/Light Theme --&gt;
            &lt;button onclick=&quot;toggleTheme()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
              &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;section id=&quot;art-rempetiko-dikastiria&quot; class=&quot;pt-[1em] pb-[1.5em] transition-colors duration-300&quot;&gt;
        
        &lt;!-- HERO IMAGE WITH ACTIVE LINK INSIDE --&gt;
        &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
          &lt;div class=&quot;max-w-[1000px] mx-auto bg-[#F4EFE6] dark:bg-[#26201c] p-[0.4em] rounded-xl shadow-md border border-[#e2d8c7] dark:border-[#3a302a]&quot;&gt;
            &lt;div class=&quot;group block relative w-full overflow-hidden rounded-lg bg-black&quot;&gt;
              &lt;img src=&quot;https://www.xarhakos.org/wp-content/uploads/2024/04/image_under-1.png&quot; 
                   alt=&quot;Σταύρος Ξαρχάκος - Ρεμπέτικο&quot; 
                   onclick=&quot;openLightbox(this.src)&quot;
                   class=&quot;w-full h-auto max-h-[650px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
              
              &lt;!-- ACTIVE LINK OVERLAY INSIDE THE HERO IMAGE --&gt;
              &lt;div class=&quot;absolute bottom-3 right-3 z-20&quot;&gt;
                &lt;a href=&quot;https://www.xarhakos.org/wp-content/uploads/2024/04/image_under-1.png&quot; 
                   target=&quot;_blank&quot; 
                   rel=&quot;noopener&quot; 
                   style=&quot;color: #FFFFFF !important; background-color: rgba(30, 24, 20, 0.92) !important; border: 1px solid #A84428 !important;&quot;
                   class=&quot;inline-flex items-center gap-1.5 text-xs font-bold px-3 py-1.5 rounded-md shadow-lg transition-all backdrop-blur-sm !no-underline hover:!bg-[#701C1C]&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-link text-xs style=&#39;color: #e2876c;&#39;&quot;&gt;&lt;/i&gt;
                  &lt;span style=&quot;color: #FFFFFF !important;&quot;&gt;Πηγή Εικόνας: xarhakos.org&lt;/span&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-[10px]&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[0.5em]&quot;&gt;
          
          &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200 font-serif&quot; style=&quot;font-size: 1.15em; line-height: 1.8;&quot;&gt;
            
            &lt;!-- HEADING &amp; CATEGORY --&gt;
            &lt;div class=&quot;font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2 mb-2&quot;&gt;
                &lt;span class=&quot;bg-[#A84428] text-[#EAE3D2] text-xs font-bold uppercase tracking-wider px-2.5 py-0.5 rounded&quot;&gt;ΠΟΛΙΤΙΣΜΟΣ&lt;/span&gt;
                &lt;span class=&quot;text-xs text-[#6e5d52] dark:text-[#b8a798] font-medium&quot;&gt;• Δικαστικό Ρεπορτάζ&lt;/span&gt;
              &lt;/div&gt;
              &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-extrabold tracking-tight text-[#2C2520] dark:text-[#EAE3D2] mb-3 leading-snug border-b-2 border-[#A84428] pb-3&quot;&gt;
                «Ρεμπέτικο» στα δικαστήρια: Αγαθή Δημητρούκα και Σταύρος Ξαρχάκος
              &lt;/h1&gt;
            &lt;/div&gt;

            &lt;!-- BOLD INTRO PARAGRAPH --&gt;
            &lt;p class=&quot;font-serif font-semibold text-[1.1em] sm:text-[1.2em] leading-relaxed text-[#2C2520] dark:text-[#EAE3D2] bg-[#F4EFE6] dark:bg-[#26201c] p-4 border-l-4 border-[#A84428] rounded-r-lg&quot;&gt;
              Μια δικαστική αντιπαράθεση έχει ξεσπάσει γύρω από την κυκλοφορία του άλμπουμ «Ρεμπέτικο – 40 Χρόνια Μετά», με την Αγαθή Δημητρούκα, στιχουργό και κληρονόμο του Νίκου Γκάτσου, να έχει προσφύγει στη δικαιοσύνη κατά του συνθέτη Σταύρου Ξαρχάκου και της δισκογραφικής εταιρείας Panik Records.
            &lt;/p&gt;

            &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Η υπόθεση αφορά τη ζωντανή ηχογράφηση της ομώνυμης παράστασης, μέσα από την οποία ο Σταύρος Ξαρχάκος επανέφερε στη σκηνή, τέσσερις δεκαετίες μετά την πρώτη παρουσίασή του, το μουσικό έργο που είχε γραφτεί για την εμβληματική ταινία του Κώστα Φέρρη.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Σύμφωνα με δημοσίευμα του TVXS, η Αγαθή Δημητρούκα έχει καταθέσει αγωγή εναντίον του συνθέτη και της δισκογραφικής εταιρείας. Την ύπαρξη της δικαστικής προσφυγής επιβεβαίωσε και ο ίδιος ο Σταύρος Ξαρχάκος, χωρίς ωστόσο να κάνει περαιτέρω δηλώσεις για την ουσία της υπόθεσης.
            &lt;/p&gt;

            &lt;h2 class=&quot;text-xl sm:text-2xl font-bold font-sans text-[#2C2520] dark:text-[#EAE3D2] mt-6 mb-2 pt-2 border-t border-[#e2d8c7] dark:border-[#382d27]&quot;&gt;
              Η διαφωνία ξεκίνησε πριν από την κυκλοφορία του δίσκου
            &lt;/h2&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Το ζήτημα είχε τεθεί ήδη πριν από την έκδοση του άλμπουμ. Όταν έγινε γνωστό ότι η ζωντανή ηχογράφηση της παράστασης επρόκειτο να κυκλοφορήσει σε δισκογραφική μορφή, η Αγαθή Δημητρούκα φέρεται να απέστειλε εξώδικο τόσο στον Σταύρο Ξαρχάκο όσο και στην Panik Records, ζητώντας να μην προχωρήσει η κυκλοφορία.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Παρά την εξώδικη διαμαρτυρία, το άλμπουμ τελικά κυκλοφόρησε. Όπως αναφέρεται στα σχετικά δημοσιεύματα, για την έκδοση είχε χορηγηθεί άδεια από τον Οργανισμό Συλλογικής Διαχείρισης «Αυτοδιαχείριση», στον οποίο ανήκει η κληρονόμος των έργων του Νίκου Γκάτσου.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Η εξέλιξη αυτή οδήγησε στη συνέχεια στην κατάθεση της αγωγής και στη μεταφορά της διαφωνίας στις δικαστικές αίθουσες.
            &lt;/p&gt;

            &lt;!-- CENTER IMAGE WITH ACTIVE LINK INSIDE --&gt;
            &lt;div class=&quot;my-8 text-center font-sans&quot;&gt;
              &lt;div class=&quot;inline-block max-w-[850px] w-full bg-[#F4EFE6] dark:bg-[#26201c] p-2 rounded-xl shadow-md border border-[#e2d8c7] dark:border-[#3a302a] relative&quot;&gt;
                &lt;div class=&quot;group relative overflow-hidden rounded-lg bg-black&quot;&gt;
                  &lt;img src=&quot;https://www.xarhakos.org/wp-content/uploads/2024/06/EOS54831-scaled.jpg&quot; 
                       alt=&quot;Ο Δίσκος «Ρεμπέτικο»&quot; 
                       onclick=&quot;openLightbox(this.src)&quot;
                       class=&quot;w-full h-auto max-h-[550px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
                  
                  &lt;!-- ACTIVE LINK OVERLAY INSIDE THE CENTER IMAGE --&gt;
                  &lt;div class=&quot;absolute bottom-3 right-3 z-20&quot;&gt;
                    &lt;a href=&quot;https://www.xarhakos.org/wp-content/uploads/2024/06/EOS54831-scaled.jpg&quot; 
                       target=&quot;_blank&quot; 
                       rel=&quot;noopener&quot; 
                       style=&quot;color: #FFFFFF !important; background-color: rgba(30, 24, 20, 0.92) !important; border: 1px solid #A84428 !important;&quot;
                       class=&quot;inline-flex items-center gap-1.5 text-xs font-bold px-3 py-1.5 rounded-md shadow-lg transition-all backdrop-blur-sm !no-underline hover:!bg-[#701C1C]&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-link text-xs&quot;&gt;&lt;/i&gt;
                      &lt;span style=&quot;color: #FFFFFF !important;&quot;&gt;Πηγή Εικόνας: xarhakos.org&lt;/span&gt;
                      &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-[10px]&quot;&gt;&lt;/i&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-xs text-[#6e5d52] dark:text-[#b8a798] mt-2 italic font-semibold&quot;&gt;
                  Ο Δίσκος «Ρεμπέτικο»
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;h2 class=&quot;text-xl sm:text-2xl font-bold font-sans text-[#2C2520] dark:text-[#EAE3D2] mt-6 mb-2 pt-2 border-t border-[#e2d8c7] dark:border-[#382d27]&quot;&gt;
              Τι υποστηρίζει η πλευρά της Αγαθής Δημητρούκα
            &lt;/h2&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Σύμφωνα με τις πληροφορίες που επικαλείται το TVXS, η Αγαθή Δημητρούκα υποστηρίζει ότι, ως κύρια και μοναδική κληρονόμος του Νίκου Γκάτσου, είχε δώσει τη συγκατάθεσή της για την πραγματοποίηση των συναυλιών.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Η συναίνεσή της, σύμφωνα με τη θέση που της αποδίδεται, αφορούσε επανεκτελέσεις των τραγουδιών και όχι νέες διασκευές τους. Η ίδια φέρεται να θεωρεί ότι ο τρόπος με τον οποίο παρουσιάστηκαν ορισμένα από τα έργα διαφοροποιεί σημαντικά την αρχική τους μορφή και επηρεάζει την ταυτότητα των τραγουδιών.
            &lt;/p&gt;

            &lt;!-- HIGHLIGHT / QUOTE BOX --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#26201c] rounded-xl border-l-4 border-[#701C1C] shadow-sm font-sans italic text-[#2C2520] dark:text-[#EAE3D2] text-lg sm:text-xl leading-relaxed&quot;&gt;
              «Στην καρδιά της σημερινής δικαστικής διαμάχης βρίσκεται η διάκριση ανάμεσα σε μια επανεκτέλεση ενός ήδη υπάρχοντος τραγουδιού και σε μια διασκευή που μεταβάλλει στοιχεία της αρχικής δημιουργίας.»
            &lt;/div&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Στο πλαίσιο αυτό, υποστηρίζει ότι τέτοιες αλλαγές δεν θα ήταν κάτι στο οποίο θα συναινούσε ο ίδιος ο Νίκος Γκάτσος.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Από την άλλη πλευρά, στα δημοσιεύματα αναφέρεται ότι η Αγαθή Δημητρούκα είχε παρακολουθήσει την παράσταση στο Ηρώδειο, ενώ στη συνέχεια είχε κάνει δημόσιες αναρτήσεις σχετικά με επόμενες παρουσιάσεις του έργου. Το στοιχείο αυτό έχει τη δική του σημασία στο πλαίσιο της αντιδικίας, ωστόσο δεν αποτελεί από μόνο του κρίση για το νομικό σκέλος της υπόθεσης, το οποίο θα αξιολογηθεί δικαστικά.
            &lt;/p&gt;

            &lt;h2 class=&quot;text-xl sm:text-2xl font-bold font-sans text-[#2C2520] dark:text-[#EAE3D2] mt-6 mb-2 pt-2 border-t border-[#e2d8c7] dark:border-[#382d27]&quot;&gt;
              Τα τραγούδια που συνδέθηκαν με το «Ρεμπέτικο»
            &lt;/h2&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Το «Ρεμπέτικο» κυκλοφόρησε για πρώτη φορά το 1983, αποτελώντας ένα από τα σημαντικά έργα της ελληνικής μουσικής και του ελληνικού κινηματογράφου. Οι στίχοι του Νίκου Γκάτσου συνοδεύουν μια σειρά τραγουδιών που έχουν παραμείνει ιδιαίτερα γνωστά:
            &lt;/p&gt;

            &lt;!-- SONGS BOX --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border-t-4 border-[#A84428] shadow-md font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-[#e2d8c7] dark:border-[#382d27] mb-4 text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-xl text-[#A84428] dark:text-[#e2876c]&quot;&gt;&lt;/i&gt;
                &lt;h3 class=&quot;font-bold text-lg tracking-tight&quot;&gt;Εμβληματικά Τραγούδια του Έργου&lt;/h3&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-2 text-[#2C2520] dark:text-[#EAE3D2] font-medium text-base&quot;&gt;
                &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Το Δίχτυ»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Μάνα μου Ελλάς»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Στης πίκρας τα ξερόνησα»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Εμένα λόγια μη μου λες»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Μπουρνοβαλιά»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Στη Σαλαμίνα»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-center gap-2 sm:col-span-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;«Το Πρακτορείο»&lt;/span&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Στην καρδιά της σημερινής δικαστικής διαμάχης βρίσκεται επομένως ο τρόπος με τον οποίο παρουσιάστηκαν τα συγκεκριμένα έργα στη νέα ζωντανή ηχογράφηση. Η βασική διαφωνία αφορά τη διάκριση ανάμεσα σε μια επανεκτέλεση ενός ήδη υπάρχοντος τραγουδιού και σε μια διασκευή που μεταβάλλει στοιχεία της αρχικής δημιουργίας.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Η υπόθεση αναμένεται να κριθεί πλέον σε νομικό επίπεδο, με ιδιαίτερο ενδιαφέρον για το ζήτημα των δικαιωμάτων των δημιουργών και των κληρονόμων τους, αλλά και για τα όρια που μπορεί να υπάρχουν όταν ένα εμβληματικό μουσικό έργο επανέρχεται στο προσκήνιο, πολλά χρόνια μετά την αρχική δημιουργία του.
            &lt;/p&gt;

          &lt;/article&gt;
        &lt;/main&gt;
      &lt;/section&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mt-10 w-full max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] pb-4 font-sans&quot;&gt;
      
      &lt;!-- ΚΑΡΤΑ ΠΗΓΗΣ AFTODIOIKISI --&gt;
      &lt;div style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;w-full p-5 sm:p-6 rounded-t-[14px] rounded-b-none transition-all duration-300 shadow-md border-t-2 border-x-2 border-[#A84428]&quot;&gt;
        &lt;div class=&quot;flex flex-col sm:flex-row items-center justify-between gap-4&quot;&gt;
          &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
            &lt;div class=&quot;w-12 h-12 rounded-full bg-[#A84428] flex flex-shrink-0 items-center justify-center text-[#EAE3D2] shadow-md&quot;&gt;
              &lt;i class=&quot;fa-solid fa-newspaper text-xl&quot;&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;span class=&quot;text-[0.7em] uppercase tracking-widest text-[#e2876c] font-extrabold block&quot;&gt;Πρωτογενης Πηγη&lt;/span&gt;
              &lt;h3 class=&quot;font-bold text-base sm:text-lg text-[#EAE3D2] leading-tight&quot;&gt;Aftodioikisi.gr&lt;/h3&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a href=&quot;https://www.aftodioikisi.gr/politistika/rempetiko-sta-dikastiria-agathi-dimitroyka-kai-stayros-xarchakos/&quot; 
             target=&quot;_blank&quot; 
             rel=&quot;noopener noreferrer&quot; 
             style=&quot;color: #FFFFFF !important; background-color: #A84428 !important;&quot;
             class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2.5 px-6 py-3 rounded-md font-bold hover:!bg-[#701C1C] active:!bg-[#701C1C] shadow-md hover:shadow-lg transition-all duration-300 text-sm sm:text-base text-center !no-underline&quot;&gt;
            &lt;i class=&quot;fa-solid fa-globe&quot;&gt;&lt;/i&gt;
            &lt;span style=&quot;color: #FFFFFF !important;&quot;&gt;Πηγή: Aftodioikisi.gr&lt;/span&gt;
            &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- ΦΟΥΤΕΡ (FOOTER) --&gt;
      &lt;footer style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;w-full p-4 sm:p-5 rounded-t-none rounded-b-[14px] border-t border-[#5c493d] border-b-2 border-x-2 border-[#3E3129]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.85em] sm:text-[0.9em] font-medium tracking-wide&quot;&gt;
          &lt;p&gt;© &lt;span class=&quot;font-bold text-[#e2876c]&quot;&gt;Το Ρεμπέτικο Τραγούδι&lt;/span&gt; • «Ρεμπέτικο» στα δικαστήρια: Αγαθή Δημητρούκα και Σταύρος Ξαρχάκος&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt;

    &lt;/div&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/92 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-[#A84428] transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-[#3E3129] text-[#EAE3D2] border border-[#A84428] py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-[#e2876c] text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Scroll Progress Bar */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Size Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/10/rempetiko-sta-dikastiria-agathi-dimitrouka-stavros-xarchakos.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-1578877790311162524</guid><pubDate>Fri, 02 Oct 2026 08:54:51 +0000</pubDate><atom:updated>2026-10-02T11:59:19.389+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Πολιτισμός-Βιβλίο-Θέατρο-Σινεμα-TV</category><title>«Ανιχνεύοντας το ρεμπέτικο»: Παρουσίαση βιβλίου του Στέφανου Λουκά &amp; ρεμπέτικο γλέντι στη Νέα Ιωνία</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Παρουσίαση του βιβλίου «Ανιχνεύοντας το ρεμπέτικο» στο ΚΕΠ Νέας Ιωνίας&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            vintage: {
              cream: &#39;#FDFBF7&#39;,
              paper: &#39;#F4EFE6&#39;,
              text: &#39;#2C2520&#39;,
              link: &#39;#A84428&#39;,        /* Κεραμιδί / Σκουριά */
              linkHover: &#39;#701C1C&#39;,   /* Μπορντό */
              footerBg: &#39;#3E3129&#39;,    /* Βαθύ Καφέ / Καπνισμένο Ξύλο */
              footerText: &#39;#EAE3D2&#39;   /* Χρώμα Ελεφαντόδοντου */
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            serif: [&#39;&quot;EB Garamond&quot;&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;family=Jura:wght@500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #FDFBF7 !important;
      color: #2C2520 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;Inter&#39;, sans-serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #1a1614 !important;
      color: #EAE3D2 !important;
    }

    /* Article Body Typography */
    #article-body {
      font-family: &#39;EB Garamond&#39;, Georgia, serif !important;
      color: #2C2520;
    }

    .dark #article-body {
      color: #EAE3D2;
    }

    /* Links Styles - Keramidi base, Bordo on active/hover */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #A84428 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(168, 68, 40, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper a.red-link:active,
    #pettichat-post-wrapper p a:hover,
    #pettichat-post-wrapper p a:active {
      color: #701C1C !important; /* Μπορντό */
      background-color: rgba(112, 28, 28, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #e2876c !important;
      background-color: rgba(226, 135, 108, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper a.red-link:active,
    .dark #pettichat-post-wrapper p a:hover,
    .dark #pettichat-post-wrapper p a:active {
      color: #fca5a5 !important;
      background-color: rgba(252, 165, 165, 0.25);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #F4EFE6;
    }
    .dark ::-webkit-scrollbar-track {
      background: #1a1614;
    }
    ::-webkit-scrollbar-thumb {
      background: #A84428;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#F4EFE6] text-[#2C2520] dark:bg-[#120f0e] dark:text-[#EAE3D2] font-sans transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-2xl border border-[#e2d8c7] dark:border-[#2e2621] flex flex-col justify-between&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-[#A84428] via-[#701C1C] to-[#3E3129] w-0 z-50 transition-all duration-75 shadow-[0_0_10px_rgba(168,68,40,0.8)]&quot;&gt;&lt;/div&gt;

    &lt;div&gt;
      &lt;header style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;sticky top-0 z-40 w-full shadow-md border-b-2 border-[#A84428]&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
          
          &lt;!-- Brand Badge &amp; Topic Title --&gt;
          &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
            &lt;a href=&quot;https://enypografa.gr/%CF%80%CE%BF%CE%BB%CE%B9%CF%84%CE%B9%CF%83%CF%84%CE%B9%CE%BA%CE%AC-%CE%B4%CF%81%CF%8E%CE%BC%CE%B5%CE%BD%CE%B1/%CF%80%CE%B1%CF%81%CE%BF%CF%85%CF%83%CE%AF%CE%B1%CF%83%CE%B7-%CF%84%CE%BF%CF%85-%CE%B2%CE%B9%CE%B2%CE%BB%CE%AF%CE%BF%CF%85-%CE%B1%CE%BD%CE%B9%CF%87%CE%BD%CE%B5%CF%8D%CE%BF%CE%BD%CF%84%CE%B1/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;flex-shrink-0 flex items-center bg-[#A84428] hover:bg-[#701C1C] text-[#EAE3D2] px-2.5 py-1 rounded font-extrabold text-xs tracking-wider uppercase transition-colors&quot;&gt;
              ENYPOGRAFA.GR
            &lt;/a&gt;
            &lt;div class=&quot;truncate border-l border-[#5c493d] pl-3&quot;&gt;
              &lt;span style=&quot;color: #EAE3D2 !important;&quot; class=&quot;font-bold text-[1em] sm:text-[1.15em] block truncate leading-tight&quot;&gt;
                «Ανιχνεύοντας το ρεμπέτικο»
              &lt;/span&gt;
              &lt;span style=&quot;color: #d1be9d !important;&quot; class=&quot;font-jura text-[0.7em] block font-semibold uppercase tracking-wider truncate&quot;&gt;
                Πολιτιστικά Δρώμενα • Νέα Ιωνία
              &lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- Controls --&gt;
          &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
            
            &lt;!-- Font Sizing Buttons --&gt;
            &lt;div style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;hidden md:flex items-center rounded-lg p-1 text-[0.75em] font-sans shadow-sm&quot;&gt;
              &lt;button onclick=&quot;adjustFontSize(-1)&quot; style=&quot;color: #EAE3D2 !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
              &lt;button onclick=&quot;resetFontSize()&quot; style=&quot;color: #e2876c !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
              &lt;button onclick=&quot;adjustFontSize(1)&quot; style=&quot;color: #EAE3D2 !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- Print --&gt;
            &lt;button onclick=&quot;window.print()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εκτύπωση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-print text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Share --&gt;
            &lt;button onclick=&quot;copyArticleLink()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Κοινοποίηση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-share-nodes text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Dark/Light Theme --&gt;
            &lt;button onclick=&quot;toggleTheme()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
              &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;section id=&quot;art-anichnefontas-rempetiko&quot; class=&quot;pt-[1em] pb-[1.5em] transition-colors duration-300&quot;&gt;
        
        &lt;!-- HERO IMAGE --&gt;
        &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
          &lt;div class=&quot;max-w-[1000px] mx-auto bg-[#F4EFE6] dark:bg-[#26201c] p-[0.4em] rounded-xl shadow-md border border-[#e2d8c7] dark:border-[#3a302a]&quot;&gt;
            &lt;div class=&quot;group block relative w-full overflow-hidden rounded-lg bg-black&quot;&gt;
              &lt;img src=&quot;https://i.ytimg.com/vi/j8YmIfmsSfY/maxresdefault.jpg&quot; 
                   alt=&quot;Παρουσίαση του βιβλίου Ανιχνεύοντας το ρεμπέτικο στο ΚΕΠ Νέας Ιωνίας&quot; 
                   onclick=&quot;openLightbox(this.src)&quot;
                   class=&quot;w-full h-auto max-h-[650px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[0.5em]&quot;&gt;
          
          &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200 font-serif&quot; style=&quot;font-size: 1.15em; line-height: 1.8;&quot;&gt;
            
            &lt;!-- HEADING &amp; CATEGORY --&gt;
            &lt;div class=&quot;font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2 mb-2&quot;&gt;
                &lt;span class=&quot;bg-[#A84428] text-[#EAE3D2] text-xs font-bold uppercase tracking-wider px-2.5 py-0.5 rounded&quot;&gt;ΠΟΛΙΤΙΣΤΙΚΑ ΔΡΩΜΕΝΑ&lt;/span&gt;
                &lt;span class=&quot;text-xs text-[#6e5d52] dark:text-[#b8a798] font-medium&quot;&gt;• Νέα Ιωνία&lt;/span&gt;
              &lt;/div&gt;
              &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-extrabold tracking-tight text-[#2C2520] dark:text-[#EAE3D2] mb-3 leading-snug border-b-2 border-[#A84428] pb-3&quot;&gt;
                Παρουσίαση του βιβλίου «Ανιχνεύοντας το ρεμπέτικο» στο ΚΕΠ Νέας Ιωνίας
              &lt;/h1&gt;
            &lt;/div&gt;

            &lt;!-- BOLD INTRO PARAGRAPH --&gt;
            &lt;p class=&quot;font-serif font-semibold text-[1.1em] sm:text-[1.2em] leading-relaxed text-[#2C2520] dark:text-[#EAE3D2] bg-[#F4EFE6] dark:bg-[#26201c] p-4 border-l-4 border-[#A84428] rounded-r-lg&quot;&gt;
              Ο Σύνδεσμος Συνταξιούχων ΙΚΑ &amp; Επικουρικής Ασφάλισης Νέας Ιωνίας &amp; Πέριξ προσκαλεί τους πολίτες στην παρουσίαση του βιβλίου του Στέφανου Λουκά «Ανιχνεύοντας το ρεμπέτικο», στις 10 Οκτωβρίου, στις 19:00, στο ΚΕΠ Νέας Ιωνίας (Πατρ. Ιωακείμ 3).
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Την παρουσίαση του βιβλίου θα πραγματοποιήσει ο ίδιος ο συγγραφέας, ταξιδεύοντας το κοινό στις ρίζες, την εξέλιξη και τους σταθμούς του αστικού λαϊκού μας τραγουδιού.
            &lt;/p&gt;

            &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

            &lt;!-- EVENT DETAILS BOX --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border border-[#e2d8c7] dark:border-[#382d27] shadow-sm font-sans space-y-3&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2 text-[#A84428] dark:text-[#e2876c] font-bold text-lg mb-2&quot;&gt;
                &lt;i class=&quot;fa-solid fa-calendar-check text-xl&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Στοιχεία Εκδήλωσης&lt;/span&gt;
              &lt;/div&gt;
              
              &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;
                &lt;div class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-regular fa-clock text-[#A84428] dark:text-[#e2876c] mt-1&quot;&gt;&lt;/i&gt;
                  &lt;div&gt;
                    &lt;strong&gt;Ημερομηνία &amp; Ώρα:&lt;/strong&gt;
                    &lt;p&gt;Σάββατο 10 Οκτωβρίου, 19:00&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-location-dot text-[#A84428] dark:text-[#e2876c] mt-1&quot;&gt;&lt;/i&gt;
                  &lt;div&gt;
                    &lt;strong&gt;Χώρος Εκδήλωσης:&lt;/strong&gt;
                    &lt;p&gt;ΚΕΠ Νέας Ιωνίας (Πατρ. Ιωακείμ 3)&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-user-pen text-[#A84428] dark:text-[#e2876c] mt-1&quot;&gt;&lt;/i&gt;
                  &lt;div&gt;
                    &lt;strong&gt;Παρουσίαση:&lt;/strong&gt;
                    &lt;p&gt;Στέφανος Λουκάς (Συγγραφέας)&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] mt-1&quot;&gt;&lt;/i&gt;
                  &lt;div&gt;
                    &lt;strong&gt;Μουσικό Πρόγραμμα:&lt;/strong&gt;
                    &lt;p&gt;Ρεμπέτικο γλέντι με τους «Ασυμβίβαστους ρεμπέτες»&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Αμέσως μετά την παρουσίαση, η βραδιά θα συνεχιστεί με αυθεντικό ρεμπέτικο γλέντι, συντροφιά με το συγκρότημα «Ασυμβίβαστοι ρεμπέτες». Παράλληλα, στον χώρο της εκδήλωσης θα λειτουργεί βιβλιοπωλείο για όσους επιθυμούν να προμηθευτούν το βιβλίο.
            &lt;/p&gt;

            &lt;!-- QUOTE / HIGHLIGHT BOX --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#26201c] rounded-xl border-l-4 border-[#701C1C] shadow-sm font-sans italic text-[#2C2520] dark:text-[#EAE3D2] text-lg sm:text-xl leading-relaxed&quot;&gt;
              «Μια ξεχωριστή πολιτιστική συνάντηση αφιερωμένη στο ρεμπέτικο τραγούδι, με ομιλία, μουσική και αυθεντική ρεμπέτικη διάθεση στη Νέα Ιωνία.»
            &lt;/div&gt;

            &lt;!-- ORGANIZERS LIST --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border-t-4 border-[#A84428] shadow-md font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-[#e2d8c7] dark:border-[#382d27] mb-4 text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;
                &lt;i class=&quot;fa-solid fa-users text-xl text-[#A84428] dark:text-[#e2876c]&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;font-bold text-xl tracking-tight&quot;&gt;Διοργάνωση &amp; Πληροφορίες&lt;/h2&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;space-y-2.5 text-[#2C2520] dark:text-[#EAE3D2] font-medium text-base&quot;&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Διοργάνωση:&lt;/strong&gt; Σύνδεσμος Συνταξιούχων ΙΚΑ &amp; Επικουρικής Ασφάλισης Νέας Ιωνίας &amp; Πέριξ&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Βιβλίο:&lt;/strong&gt; «Ανιχνεύοντας το ρεμπέτικο» του Στέφανου Λουκά&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Μουσικό Σχήμα:&lt;/strong&gt; «Ασυμβίβαστοι ρεμπέτες»&lt;/span&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

          &lt;/article&gt;
        &lt;/main&gt;
      &lt;/section&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mt-10 w-full max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] pb-4 font-sans&quot;&gt;
      
      &lt;!-- ΚΑΡΤΑ ΠΗΓΗΣ ENYPOGRAFA --&gt;
      &lt;div style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;w-full p-5 sm:p-6 rounded-t-[14px] rounded-b-none transition-all duration-300 shadow-md border-t-2 border-x-2 border-[#A84428]&quot;&gt;
        &lt;div class=&quot;flex flex-col sm:flex-row items-center justify-between gap-4&quot;&gt;
          &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
            &lt;div class=&quot;w-12 h-12 rounded-full bg-[#A84428] flex flex-shrink-0 items-center justify-center text-[#EAE3D2] shadow-md&quot;&gt;
              &lt;i class=&quot;fa-solid fa-newspaper text-xl&quot;&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;span class=&quot;text-[0.7em] uppercase tracking-widest text-[#e2876c] font-extrabold block&quot;&gt;Πρωτογενης Πηγη&lt;/span&gt;
              &lt;h3 class=&quot;font-bold text-base sm:text-lg text-[#EAE3D2] leading-tight&quot;&gt;Enypografa.gr&lt;/h3&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a href=&quot;https://enypografa.gr/%CF%80%CE%BF%CE%BB%CE%B9%CF%84%CE%B9%CF%83%CF%84%CE%B9%CE%BA%CE%AC-%CE%B4%CF%81%CF%8E%CE%BC%CE%B5%CE%BD%CE%B1/%CF%80%CE%B1%CF%81%CE%BF%CF%85%CF%83%CE%AF%CE%B1%CF%83%CE%B7-%CF%84%CE%BF%CF%85-%CE%B2%CE%B9%CE%B2%CE%BB%CE%AF%CE%BF%CF%85-%CE%B1%CE%BD%CE%B9%CF%87%CE%BD%CE%B5%CF%8D%CE%BF%CE%BD%CF%84%CE%B1/&quot; 
             target=&quot;_blank&quot; 
             rel=&quot;noopener noreferrer&quot; 
             class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2.5 px-6 py-3 rounded-md font-bold text-[#EAE3D2] bg-[#A84428] hover:bg-[#701C1C] active:bg-[#701C1C] shadow-md hover:shadow-lg transition-all duration-300 text-sm sm:text-base text-center !no-underline&quot;&gt;
            &lt;i class=&quot;fa-solid fa-globe&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Πηγή: Enypografa.gr&lt;/span&gt;
            &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- ΦΟΥΤΕΡ (FOOTER) --&gt;
      &lt;footer style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;w-full p-4 sm:p-5 rounded-t-none rounded-b-[14px] border-t border-[#5c493d] border-b-2 border-x-2 border-[#3E3129]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.85em] sm:text-[0.9em] font-medium tracking-wide&quot;&gt;
          &lt;p&gt;© &lt;span class=&quot;font-bold text-[#e2876c]&quot;&gt;Το Ρεμπέτικο Τραγούδι&lt;/span&gt; • Παρουσίαση του βιβλίου «Ανιχνεύοντας το ρεμπέτικο»&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt;

    &lt;/div&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/92 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-[#A84428] transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-[#3E3129] text-[#EAE3D2] border border-[#A84428] py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-[#e2876c] text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Scroll Progress Bar */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Size Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/10/parousiasi-vivliou-anichnefontas-to-rempetiko-nea-ionia.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-6380252492443334386</guid><pubDate>Tue, 29 Sep 2026 08:11:32 +0000</pubDate><atom:updated>2026-09-29T11:12:11.077+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Τριήμερο Ρεμπέτικου στο Αιγάλεω: Όλες οι εκδηλώσεις του 3ου Athens Rebetiko Festival</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;3ο Athens Rebetiko Festival - Κέντρο Πολιτισμού «Ελληνικό Μολύβι»&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            vintage: {
              cream: &#39;#FDFBF7&#39;,
              paper: &#39;#F4EFE6&#39;,
              text: &#39;#2C2520&#39;,
              link: &#39;#A84428&#39;,        /* Κεραμιδί / Σκουριά */
              linkHover: &#39;#701C1C&#39;,   /* Μπορντό */
              footerBg: &#39;#3E3129&#39;,    /* Βαθύ Καφέ / Καπνισμένο Ξύλο */
              footerText: &#39;#EAE3D2&#39;   /* Χρώμα Ελεφαντόδοντου */
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            serif: [&#39;&quot;EB Garamond&quot;&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;family=Jura:wght@500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #FDFBF7 !important;
      color: #2C2520 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;Inter&#39;, sans-serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #1a1614 !important;
      color: #EAE3D2 !important;
    }

    /* Article Body Typography */
    #article-body {
      font-family: &#39;EB Garamond&#39;, Georgia, serif !important;
      color: #2C2520;
    }

    .dark #article-body {
      color: #EAE3D2;
    }

    /* Links Styles - Keramidi base, Bordo on active/hover */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #A84428 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(168, 68, 40, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper a.red-link:active,
    #pettichat-post-wrapper p a:hover,
    #pettichat-post-wrapper p a:active {
      color: #701C1C !important; /* Μπορντό */
      background-color: rgba(112, 28, 28, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #e2876c !important;
      background-color: rgba(226, 135, 108, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper a.red-link:active,
    .dark #pettichat-post-wrapper p a:hover,
    .dark #pettichat-post-wrapper p a:active {
      color: #fca5a5 !important;
      background-color: rgba(252, 165, 165, 0.25);
    }

    /* Hero Caption Link */
    .hero-caption a {
      color: #EAE3D2 !important;
      text-decoration: underline !important;
      font-weight: 600;
    }
    .hero-caption a:hover {
      color: #ffffff !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #F4EFE6;
    }
    .dark ::-webkit-scrollbar-track {
      background: #1a1614;
    }
    ::-webkit-scrollbar-thumb {
      background: #A84428;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#F4EFE6] text-[#2C2520] dark:bg-[#120f0e] dark:text-[#EAE3D2] font-sans transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-2xl border border-[#e2d8c7] dark:border-[#2e2621] flex flex-col justify-between&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-[#A84428] via-[#701C1C] to-[#3E3129] w-0 z-50 transition-all duration-75 shadow-[0_0_10px_rgba(168,68,40,0.8)]&quot;&gt;&lt;/div&gt;

    &lt;div&gt;
      &lt;header style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;sticky top-0 z-40 w-full shadow-md border-b-2 border-[#A84428]&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
          
          &lt;!-- ERT Brand Badge &amp; Topic Title --&gt;
          &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
            &lt;a href=&quot;https://www.ert.gr/xorigies/3o-athens-rebetiko-festival/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;flex-shrink-0 flex items-center bg-[#A84428] hover:bg-[#701C1C] text-[#EAE3D2] px-2.5 py-1 rounded font-extrabold text-xs tracking-wider uppercase transition-colors&quot;&gt;
              ERT.GR
            &lt;/a&gt;
            &lt;div class=&quot;truncate border-l border-[#5c493d] pl-3&quot;&gt;
              &lt;span style=&quot;color: #EAE3D2 !important;&quot; class=&quot;font-bold text-[1em] sm:text-[1.15em] block truncate leading-tight&quot;&gt;
                3ο Athens Rebetiko Festival
              &lt;/span&gt;
              &lt;span style=&quot;color: #d1be9d !important;&quot; class=&quot;font-jura text-[0.7em] block font-semibold uppercase tracking-wider truncate&quot;&gt;
                Χορηγίες • Πολιτισμός • «Ελληνικό Μολύβι»
              &lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- Controls --&gt;
          &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
            
            &lt;!-- Font Sizing Buttons --&gt;
            &lt;div style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;hidden md:flex items-center rounded-lg p-1 text-[0.75em] font-sans shadow-sm&quot;&gt;
              &lt;button onclick=&quot;adjustFontSize(-1)&quot; style=&quot;color: #EAE3D2 !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
              &lt;button onclick=&quot;resetFontSize()&quot; style=&quot;color: #e2876c !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
              &lt;button onclick=&quot;adjustFontSize(1)&quot; style=&quot;color: #EAE3D2 !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- Print --&gt;
            &lt;button onclick=&quot;window.print()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εκτύπωση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-print text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Share --&gt;
            &lt;button onclick=&quot;copyArticleLink()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Κοινοποίηση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-share-nodes text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Dark/Light Theme --&gt;
            &lt;button onclick=&quot;toggleTheme()&quot; style=&quot;background-color: rgba(234, 227, 210, 0.1) !important; border: 1px solid rgba(234, 227, 210, 0.2) !important; color: #EAE3D2 !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-[#A84428] flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
              &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;section id=&quot;art-athens-rebetiko-festival&quot; class=&quot;pt-[1em] pb-[1.5em] transition-colors duration-300&quot;&gt;
        
        &lt;!-- HERO IMAGE WITH OVERLAY SOURCE CREDIT --&gt;
        &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
          &lt;div class=&quot;max-w-[1000px] mx-auto bg-[#F4EFE6] dark:bg-[#26201c] p-[0.4em] rounded-xl shadow-md border border-[#e2d8c7] dark:border-[#3a302a]&quot;&gt;
            &lt;div class=&quot;group block relative w-full overflow-hidden rounded-lg bg-black&quot;&gt;
              &lt;img src=&quot;https://www.ert.gr/wp-content/uploads/2026/09/whatsapp-image-2026-09-26-at-10-37-25-am-h.jpeg&quot; 
                   alt=&quot;3ο Athens Rebetiko Festival - Κέντρο Πολιτισμού Ελληνικό Μολύβι&quot; 
                   onclick=&quot;openLightbox(this.src)&quot;
                   class=&quot;w-full h-auto max-h-[650px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
              
              &lt;!-- OVERLAY CAPTION --&gt;
              &lt;div class=&quot;hero-caption absolute bottom-[0.75rem] left-[0.75rem] right-[0.75rem] sm:left-auto sm:right-[0.75rem] bg-[#3E3129]/90 text-[#EAE3D2] text-[0.75em] px-[0.85em] py-[0.4em] rounded-md backdrop-blur-md font-sans shadow-md flex items-center gap-2 border border-white/20&quot;&gt;
                &lt;i class=&quot;fa-solid fa-camera text-[#e2876c]&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Πηγή Εικόνας: &lt;a href=&quot;https://www.ert.gr/xorigies/3o-athens-rebetiko-festival/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;Ert.gr&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[0.5em]&quot;&gt;
          
          &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200 font-serif&quot; style=&quot;font-size: 1.15em; line-height: 1.8;&quot;&gt;
            
            &lt;!-- HEADING &amp; CATEGORY --&gt;
            &lt;div class=&quot;font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2 mb-2&quot;&gt;
                &lt;span class=&quot;bg-[#A84428] text-[#EAE3D2] text-xs font-bold uppercase tracking-wider px-2.5 py-0.5 rounded&quot;&gt;ΧΟΡΗΓΙΕΣ ERT&lt;/span&gt;
                &lt;span class=&quot;text-xs text-[#6e5d52] dark:text-[#b8a798] font-medium&quot;&gt;• Αιγάλεω, Αθήνα&lt;/span&gt;
              &lt;/div&gt;
              &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-extrabold tracking-tight text-[#2C2520] dark:text-[#EAE3D2] mb-3 leading-snug border-b-2 border-[#A84428] pb-3&quot;&gt;
                3ο Athens Rebetiko Festival στο Κέντρο Πολιτισμού «Ελληνικό Μολύβι»
              &lt;/h1&gt;
            &lt;/div&gt;

            &lt;!-- BOLD INTRO PARAGRAPH --&gt;
            &lt;p class=&quot;font-serif font-semibold text-[1.1em] sm:text-[1.2em] leading-relaxed text-[#2C2520] dark:text-[#EAE3D2] bg-[#F4EFE6] dark:bg-[#26201c] p-4 border-l-4 border-[#A84428] rounded-r-lg&quot;&gt;
              Το Αρχείο Ελληνικής Μουσικής «GRECOUS» διοργανώνει στο «Ελληνικό Μολύβι» στο Αιγάλεω το 3rd Athens Rebetiko Festival στην καρδιά της πόλης, υπό την αιγίδα του Δήμου Αιγάλεω.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Παρασκευή 9, Σάββατο 10 και Κυριακή 11 Οκτωβρίου, μια τριήμερη γιορτή της μουσικής και του πολιτισμού γεμάτη συναυλίες, χορούς, τραγούδια, ταξίμια, μανέδες, σεμινάρια, ομιλίες, θέατρο σκιών και δρώμενα για παιδιά μας περιμένουν να γευτούμε αυτό το υπέροχο χαρμάνι ιστορίας και αστικού λαϊκού τραγουδιού.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Κορυφαίοι μουσικοί, καλλιτέχνες, συγκροτήματα από το εξωτερικό, ακαδημαϊκοί, δημοσιογράφοι, ερευνητές, καραγκιοζοπαίχτες και ραδιοφωνικοί παραγωγοί μας ταξιδεύουν στον μυθικό κόσμο – υπόκοσμο του Ρεμπέτικου.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Παράλληλα λειτουργούν έκθεση οργανοποιίας, η έκθεση «100 Αφίσες του Ρεμπέτικου», χώρος δημιουργικής απασχόλησης για παιδιά και διάφορα δρώμενα στο φουαγιέ του πολιτιστικού χώρου.
            &lt;/p&gt;

            &lt;!-- QUOTE BOX --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#26201c] rounded-xl border-l-4 border-[#701C1C] shadow-sm font-sans italic text-[#2C2520] dark:text-[#EAE3D2] text-lg sm:text-xl leading-relaxed&quot;&gt;
              «Γιατί… υπάρχουν στίχοι που ρίζωσαν στις πέτρες αυτού του τόπου και μελωδίες που γεννήθηκαν για να τρεχαντηρέψουν την κοινή μας μοίρα… το Ρεμπέτικο!»
            &lt;/div&gt;

            &lt;!-- PROGRAMME SECTION --&gt;
            &lt;div class=&quot;my-8 space-y-6 font-sans&quot;&gt;
              
              &lt;div class=&quot;flex items-center gap-3 pb-2 border-b-2 border-[#A84428]&quot;&gt;
                &lt;i class=&quot;fa-solid fa-calendar-days text-2xl text-[#A84428] dark:text-[#e2876c]&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;Αναλυτικό Πρόγραμμα Εκδηλώσεων&lt;/h2&gt;
              &lt;/div&gt;

              &lt;!-- FRIDAY 9/10 --&gt;
              &lt;div class=&quot;p-5 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border border-[#e2d8c7] dark:border-[#382d27] shadow-sm&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 mb-3&quot;&gt;
                  &lt;span class=&quot;bg-[#A84428] text-[#EAE3D2] px-3 py-1 rounded font-bold text-sm&quot;&gt;Παρασκευή 9/10&lt;/span&gt;
                  &lt;span class=&quot;text-sm font-semibold text-[#6e5d52] dark:text-[#b8a798]&quot;&gt;Έναρξη: 15:30&lt;/span&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;space-y-2 text-[#2C2520] dark:text-[#EAE3D2] text-base font-serif&quot;&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-play text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Προβολή Ντοκιμαντέρ&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-comments text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συζήτηση: Ψηφιοποίηση Αρχείου Ελληνικής Μουσικής&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-graduation-cap text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Σεμινάριο «Το Χασάπικο» – Κυριάκος Γκουβέντας&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-users text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Χορευτικό Συλλόγου Μικρασιατών Αιγάλεω «Νέες Κυδωνίες»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Ηχώ των Μαντολίνων (Κύπρος) – Ρεμπέτικες αντηχήσεις με μαντολίνα»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Κουαρτέτο Μαλάντρο – Ρεμπέτικα τραγούδια πειραγμένα»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Ιφιγένεια Ιωάννου &amp; Eivala – Η σμυρνέικη κληρονομιά στην σύγχρονη μουσική»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Αμορόζα – Τα ρεμπέτικα της Θάλασσας»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2 text-[#701C1C] dark:text-[#fca5a5] font-bold&quot;&gt;&lt;i class=&quot;fa-solid fa-star text-xs mt-2&quot;&gt;&lt;/i&gt; Κεντρική Συναυλία με την Kompanía &amp; guest Ζωρζ Πιλαλί&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;

              &lt;!-- SATURDAY 10/10 --&gt;
              &lt;div class=&quot;p-5 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border border-[#e2d8c7] dark:border-[#382d27] shadow-sm&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 mb-3&quot;&gt;
                  &lt;span class=&quot;bg-[#A84428] text-[#EAE3D2] px-3 py-1 rounded font-bold text-sm&quot;&gt;Σάββατο 10/10&lt;/span&gt;
                  &lt;span class=&quot;text-sm font-semibold text-[#6e5d52] dark:text-[#b8a798]&quot;&gt;Έναρξη: 13:00&lt;/span&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;space-y-2 text-[#2C2520] dark:text-[#EAE3D2] text-base font-serif&quot;&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-play text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Προβολή Ντοκιμαντέρ&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-comments text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συζήτηση: Πανελλήνιος Μουσικός Σύλλογος&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-record-vinyl text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Παρουσίαση ανέκδοτων ηχογραφήσεων του Στέλιου Κερομύτη&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Αφιέρωμα στον Παναγιώτη Πετσά»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-book text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Βιβλιοπαρουσίαση «Χαρ. Βασιλειάδης ή Τσάντας»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Πετροκάραβα» βασισμένη στο ομώνυμο βιβλίο του Γ. Τσιαντή&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-masks-theater text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Παράσταση Καραγκιόζη για μεγάλους «Ο φόνος του Σακαφλιά και άλλες ιστορίες»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Αφιέρωμα στην Σωτηρία Μπέλλου»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Πλήρη Ντάξει – Le Rebetiko aujour d’hui – Κοινωνία και καθημερινότητα»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2 text-[#701C1C] dark:text-[#fca5a5] font-bold&quot;&gt;&lt;i class=&quot;fa-solid fa-star text-xs mt-2&quot;&gt;&lt;/i&gt; Κεντρική Συναυλία: Μανώλης Δημητριανάκης, Μαριώ, Μαρία Σουλτάτου, Κώστας Θωμαΐδης, Νάντια Καραγιάννη, Μάρω Λύτρα, Κατερίνα Τσιρίδου, Τουμπάκη Ειρήνη, Αντώνης &amp; Θοδωρής Ξηντάρης, Δημήτρης Γκίνης, Δημήτρης Σταματέλος&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;

              &lt;!-- SUNDAY 11/10 --&gt;
              &lt;div class=&quot;p-5 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border border-[#e2d8c7] dark:border-[#382d27] shadow-sm&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 mb-3&quot;&gt;
                  &lt;span class=&quot;bg-[#A84428] text-[#EAE3D2] px-3 py-1 rounded font-bold text-sm&quot;&gt;Κυριακή 11/10&lt;/span&gt;
                  &lt;span class=&quot;text-sm font-semibold text-[#6e5d52] dark:text-[#b8a798]&quot;&gt;Έναρξη: 13:15&lt;/span&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;space-y-2 text-[#2C2520] dark:text-[#EAE3D2] text-base font-serif&quot;&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-child text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Τρεις παραστάσεις Καραγκιόζη για παιδιά – Η νέα γενιά καραγκιοζοπαιχτών&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-microphone text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Ομιλία «Τα Αρχοντορεμπέτικα» – Σιδερής Πρίντεζης&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-comments text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συζήτηση&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Ραστ Χιτζάζ – Αφιέρωμα στον Γιώργο Μουφλουζέλη»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-globe text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Kosmokrators (Βέλγιο) – A cosmic experience»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Ρεμπέτικη Πυξίδα – Ρεμπέτικο &amp; Αντίσταση»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-guitar text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Ρεμπέτικες κιθάρες»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2&quot;&gt;&lt;i class=&quot;fa-solid fa-music text-[#A84428] dark:text-[#e2876c] text-xs mt-2&quot;&gt;&lt;/i&gt; Συναυλία «Τρίο ΖαΠαΤα – Ρεμπέτικο &amp; Ήχοι της Ανατολικής Μεσογείου»&lt;/li&gt;
                  &lt;li class=&quot;flex items-start gap-2 text-[#701C1C] dark:text-[#fca5a5] font-bold&quot;&gt;&lt;i class=&quot;fa-solid fa-star text-xs mt-2&quot;&gt;&lt;/i&gt; Κεντρική Συναυλία με τους Rebeti&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;

            &lt;/div&gt;

            &lt;!-- SEMINARS &amp; TICKETS INFO BOX --&gt;
            &lt;div class=&quot;my-6 grid grid-cols-1 md:grid-cols-2 gap-4 font-sans&quot;&gt;
              
              &lt;!-- Seminars --&gt;
              &lt;div class=&quot;p-5 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border border-[#A84428]/30 shadow-sm&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-[#A84428] dark:text-[#e2876c] font-bold text-lg mb-3&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-chalkboard-user text-xl&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Πρόγραμμα Σεμιναρίων&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;space-y-3 text-sm text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;
                  &lt;div&gt;
                    &lt;span class=&quot;font-bold block text-[#A84428] dark:text-[#e2876c]&quot;&gt;Σάββατο στις 16:00:&lt;/span&gt;
                    &lt;p&gt;• «Σεμινάριο μπουζουκιού» – Φώτης Βεργόπουλος&lt;/p&gt;
                    &lt;p&gt;• «Η συντήρηση των οργάνων από τους μουσικούς» – Ανδρέας Δέλλιος&lt;/p&gt;
                    &lt;p&gt;• «Οργανοποιία» – Βασίλης Αναγνώστου&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;span class=&quot;font-bold block text-[#A84428] dark:text-[#e2876c]&quot;&gt;Κυριακή στις 15:30:&lt;/span&gt;
                    &lt;p&gt;• «Σεμινάριο Τραγουδιού» – Αυγερινή Γάτση&lt;/p&gt;
                    &lt;p&gt;• «Σεμινάριο κιθάρας» – Κωστής Κωστάκης&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- Location &amp; Entrance --&gt;
              &lt;div class=&quot;p-5 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border border-[#e2d8c7] dark:border-[#382d27] shadow-sm flex flex-col justify-between&quot;&gt;
                &lt;div&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-[#A84428] dark:text-[#e2876c] font-bold text-lg mb-3&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-ticket text-xl&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Είσοδος &amp; Χώρος&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;space-y-2 text-sm text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;
                    &lt;p&gt;&lt;strong&gt;Τιμή Εισιτηρίου:&lt;/strong&gt; 15€ την ημέρα | 35€ για το τριήμερο&lt;/p&gt;
                    &lt;p&gt;&lt;strong&gt;Χώρος:&lt;/strong&gt; Κέντρο Πολιτισμού «Ελληνικό Μολύβι»&lt;/p&gt;
                    &lt;p&gt;&lt;strong&gt;Διεύθυνση:&lt;/strong&gt; Ιερά Οδός 154, Αιγάλεω (δίπλα στο μετρό Ελαιώνας)&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;mt-4 pt-3 border-t border-[#e2d8c7] dark:border-[#382d27] text-xs text-[#6e5d52] dark:text-[#b8a798]&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-building-columns mr-1&quot;&gt;&lt;/i&gt; Υπό την αιγίδα του &lt;strong&gt;Δήμου Αιγάλεω&lt;/strong&gt;
                &lt;/div&gt;
              &lt;/div&gt;

            &lt;/div&gt;

            &lt;!-- ORGANIZERS LIST --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-[#F4EFE6] dark:bg-[#231d19] rounded-xl border-t-4 border-[#A84428] shadow-md font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-[#e2d8c7] dark:border-[#382d27] mb-4 text-[#2C2520] dark:text-[#EAE3D2]&quot;&gt;
                &lt;i class=&quot;fa-solid fa-users text-xl text-[#A84428] dark:text-[#e2876c]&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;font-bold text-xl tracking-tight&quot;&gt;Διοργάνωση &amp; Φορείς&lt;/h2&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;space-y-2.5 text-[#2C2520] dark:text-[#EAE3D2] font-medium text-base&quot;&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Διοργάνωση:&lt;/strong&gt; Αρχείο Ελληνικής Μουσικής «GRECOUS»&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Αιγίδα:&lt;/strong&gt; Δήμος Αιγάλεω&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-[#A84428] dark:text-[#e2876c] font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Φιλοξενία:&lt;/strong&gt; Κέντρο Πολιτισμού «Ελληνικό Μολύβι» (Ιερά Οδός 154, Αιγάλεω)&lt;/span&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

          &lt;/article&gt;
        &lt;/main&gt;
      &lt;/section&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mt-10 w-full max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] pb-4 font-sans&quot;&gt;
      
      &lt;!-- ΚΑΡΤΑ ΠΗΓΗΣ ERT --&gt;
      &lt;div style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;w-full p-5 sm:p-6 rounded-t-[14px] rounded-b-none transition-all duration-300 shadow-md border-t-2 border-x-2 border-[#A84428]&quot;&gt;
        &lt;div class=&quot;flex flex-col sm:flex-row items-center justify-between gap-4&quot;&gt;
          &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
            &lt;div class=&quot;w-12 h-12 rounded-full bg-[#A84428] flex flex-shrink-0 items-center justify-center text-[#EAE3D2] shadow-md&quot;&gt;
              &lt;i class=&quot;fa-solid fa-newspaper text-xl&quot;&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;span class=&quot;text-[0.7em] uppercase tracking-widest text-[#e2876c] font-extrabold block&quot;&gt;Πρωτογενης Πηγη&lt;/span&gt;
              &lt;h3 class=&quot;font-bold text-base sm:text-lg text-[#EAE3D2] leading-tight&quot;&gt;ERT.GR &lt;/h3&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a href=&quot;https://www.ert.gr/xorigies/3o-athens-rebetiko-festival/&quot; 
             target=&quot;_blank&quot; 
             rel=&quot;noopener noreferrer&quot; 
             class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2.5 px-6 py-3 rounded-md font-bold text-[#EAE3D2] bg-[#A84428] hover:bg-[#701C1C] active:bg-[#701C1C] shadow-md hover:shadow-lg transition-all duration-300 text-sm sm:text-base text-center !no-underline&quot;&gt;
            &lt;i class=&quot;fa-solid fa-globe&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Πηγή: Ert.gr&lt;/span&gt;
            &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- ΦΟΥΤΕΡ (FOOTER) --&gt;
      &lt;footer style=&quot;background-color: #3E3129 !important; color: #EAE3D2 !important;&quot; class=&quot;w-full p-4 sm:p-5 rounded-t-none rounded-b-[14px] border-t border-[#5c493d] border-b-2 border-x-2 border-[#3E3129]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.85em] sm:text-[0.9em] font-medium tracking-wide&quot;&gt;
          &lt;p&gt;© &lt;span class=&quot;font-bold text-[#e2876c]&quot;&gt;Το Ρεμπέτικο Τραγούδι&lt;/span&gt; • 3ο Athens Rebetiko Festival&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt;

    &lt;/div&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/92 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-[#A84428] transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-[#3E3129] text-[#EAE3D2] border border-[#A84428] py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-[#e2876c] text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Scroll Progress Bar */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Size Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/09/3o-athens-rebetiko-festival-elliniko-molyvi.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-124594952543332563</guid><pubDate>Tue, 22 Sep 2026 08:03:44 +0000</pubDate><atom:updated>2026-09-22T11:07:44.705+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>2ο Φεστιβάλ Ρεμπέτικου Δράμας με επίκεντρο τη νέα γενιά</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;2ο Φεστιβάλ Ρεμπέτικου Δράμας: «Ρεμπέτικο και Νεολαία»&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            ert: {
              blue: &#39;#024b8d&#39;,
              blueHover: &#39;#013666&#39;,
              blueLight: &#39;#eef6ff&#39;,
              red: &#39;#e20613&#39;,
              dark: &#39;#0b1320&#39;,
              grayBg: &#39;#f8fafc&#39;,
              textMain: &#39;#1e293b&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            serif: [&#39;&quot;EB Garamond&quot;&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;family=Jura:wght@500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #ffffff !important;
      color: #1e293b !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;Inter&#39;, sans-serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #0f172a !important;
      color: #f1f5f9 !important;
    }

    /* Force EB Garamond for Article Body */
    #article-body {
      font-family: &#39;EB Garamond&#39;, Georgia, serif !important;
    }

    /* ERTNews Link Styles */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #024b8d !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(2, 75, 141, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #013666 !important;
      background-color: rgba(2, 75, 141, 0.2);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #60a5fa !important;
      background-color: rgba(96, 165, 250, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #93c5fd !important;
      background-color: rgba(96, 165, 250, 0.28);
    }

    /* Hero Caption Link */
    .hero-caption a {
      color: #93c5fd !important;
      text-decoration: underline !important;
      font-weight: 600;
    }
    .hero-caption a:hover {
      color: #ffffff !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #0f172a;
    }
    ::-webkit-scrollbar-thumb {
      background: #024b8d;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-slate-100 text-slate-900 dark:bg-slate-950 dark:text-slate-100 font-sans transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-2xl border border-slate-200 dark:border-slate-800 flex flex-col justify-between&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-sky-400 via-ert-blue to-ert-red w-0 z-50 transition-all duration-75 shadow-[0_0_10px_rgba(2,75,141,0.8)]&quot;&gt;&lt;/div&gt;

    &lt;div&gt;
      &lt;header style=&quot;background-color: #0b1320 !important; color: #ffffff !important;&quot; class=&quot;sticky top-0 z-40 w-full shadow-md border-b-2 border-ert-blue&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
          
          &lt;!-- ERT News Brand Badge &amp; Topic Title --&gt;
          &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
            &lt;a href=&quot;https://www.ertnews.gr/ert3/politismos-ert3/rempetiko-kai-neolaia-sto-2o-festival-rempetikou-dramas/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;flex-shrink-0 flex items-center bg-ert-red text-white px-2.5 py-1 rounded font-extrabold text-xs tracking-wider uppercase&quot;&gt;
              ERT NEWS
            &lt;/a&gt;
            &lt;div class=&quot;truncate border-l border-slate-700 pl-3&quot;&gt;
              &lt;span style=&quot;color: #ffffff !important;&quot; class=&quot;font-bold text-[1em] sm:text-[1.15em] block truncate leading-tight&quot;&gt;
                2ο Φεστιβάλ Ρεμπέτικου Δράμας
              &lt;/span&gt;
              &lt;span style=&quot;color: #93c5fd !important;&quot; class=&quot;font-jura text-[0.7em] block font-semibold uppercase tracking-wider truncate&quot;&gt;
                Πολιτισμός • ERT3 • «Ρεμπέτικο και Νεολαία»
              &lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- Controls --&gt;
          &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
            
            &lt;!-- Font Sizing Buttons --&gt;
            &lt;div style=&quot;background-color: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important;&quot; class=&quot;hidden md:flex items-center rounded-lg p-1 text-[0.75em] font-sans shadow-sm&quot;&gt;
              &lt;button onclick=&quot;adjustFontSize(-1)&quot; style=&quot;color: #ffffff !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
              &lt;button onclick=&quot;resetFontSize()&quot; style=&quot;color: #93c5fd !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
              &lt;button onclick=&quot;adjustFontSize(1)&quot; style=&quot;color: #ffffff !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- Print --&gt;
            &lt;button onclick=&quot;window.print()&quot; style=&quot;background-color: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-ert-blue flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εκτύπωση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-print text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Share --&gt;
            &lt;button onclick=&quot;copyArticleLink()&quot; style=&quot;background-color: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-ert-blue flex items-center justify-center transition-all shadow-md&quot; title=&quot;Κοινοποίηση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-share-nodes text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Dark/Light Theme --&gt;
            &lt;button onclick=&quot;toggleTheme()&quot; style=&quot;background-color: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full hover:bg-ert-blue flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
              &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;section id=&quot;art-festival-rempetikou-dramas&quot; class=&quot;pt-[1em] pb-[1.5em] transition-colors duration-300&quot;&gt;
        
        &lt;!-- HERO IMAGE WITH OVERLAY SOURCE CREDIT --&gt;
        &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
          &lt;div class=&quot;max-w-[1000px] mx-auto bg-slate-100 dark:bg-slate-900 p-[0.4em] rounded-xl shadow-md border border-slate-200 dark:border-slate-800&quot;&gt;
            &lt;div class=&quot;group block relative w-full overflow-hidden rounded-lg bg-black&quot;&gt;
              &lt;img src=&quot;https://www.ertnews.gr/wp-content/uploads/2026/09/drama-1-768x529.jpg&quot; 
                   alt=&quot;2ο Φεστιβάλ Ρεμπέτικου Δράμας: Το ρεμπέτικο συναντά τη νεολαία&quot; 
                   onclick=&quot;openLightbox(this.src)&quot;
                   class=&quot;w-full h-auto max-h-[650px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
              
              &lt;!-- OVERLAY CAPTION --&gt;
              &lt;div class=&quot;hero-caption absolute bottom-[0.75rem] left-[0.75rem] right-[0.75rem] sm:left-auto sm:right-[0.75rem] bg-black/85 text-white text-[0.75em] px-[0.85em] py-[0.4em] rounded-md backdrop-blur-md font-sans shadow-md flex items-center gap-2 border border-white/20&quot;&gt;
                &lt;i class=&quot;fa-solid fa-camera text-sky-400&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Πηγή Εικόνας: &lt;a href=&quot;https://www.ertnews.gr/ert3/politismos-ert3/rempetiko-kai-neolaia-sto-2o-festival-rempetikou-dramas/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;Ertnews.gr&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[0.5em]&quot;&gt;
          
          &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200 font-serif&quot; style=&quot;font-size: 1.15em; line-height: 1.8;&quot;&gt;
            
            &lt;!-- HEADING &amp; CATEGORY --&gt;
            &lt;div class=&quot;font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2 mb-2&quot;&gt;
                &lt;span class=&quot;bg-ert-blue text-white text-xs font-bold uppercase tracking-wider px-2.5 py-0.5 rounded&quot;&gt;ΠΟΛΙΤΙΣΜΟΣ ERT3&lt;/span&gt;
                &lt;span class=&quot;text-xs text-slate-500 dark:text-slate-400 font-medium&quot;&gt;• Δράμα&lt;/span&gt;
              &lt;/div&gt;
              &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-extrabold tracking-tight text-slate-900 dark:text-slate-50 mb-3 leading-snug border-b-2 border-ert-blue pb-3&quot;&gt;
                2ο Φεστιβάλ Ρεμπέτικου Δράμας: Το ρεμπέτικο συναντά τη νεολαία
              &lt;/h1&gt;
            &lt;/div&gt;

            &lt;!-- BOLD INTRO PARAGRAPH (SERIF FONT TO MATCH BODY TEXT) --&gt;
            &lt;p class=&quot;font-serif font-semibold text-[1.1em] sm:text-[1.2em] leading-relaxed text-slate-800 dark:text-slate-200 bg-ert-blueLight dark:bg-slate-900 p-4 border-l-4 border-ert-blue rounded-r-lg&quot;&gt;
              Η Δράμα ετοιμάζεται να υποδεχθεί για δεύτερη συνεχόμενη χρονιά το Φεστιβάλ Ρεμπέτικου, μια μουσική διοργάνωση που θέλει να κρατήσει ζωντανό το αυθεντικό λαϊκό τραγούδι και ταυτόχρονα να το φέρει πιο κοντά στη νέα γενιά.
            &lt;/p&gt;

            &lt;!-- INVISIBLE MORE TAG FOR POST CUT --&gt;
            &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Το &lt;strong&gt;2ο Φεστιβάλ Ρεμπέτικου Δράμας&lt;/strong&gt;, με τίτλο &lt;strong&gt;«Ρεμπέτικο και Νεολαία»&lt;/strong&gt;, θα πραγματοποιηθεί από τις &lt;strong&gt;25 έως τις 27 Σεπτεμβρίου 2026&lt;/strong&gt;, με τη συμμετοχή του συλλόγου &lt;em&gt;«Δραμινών φίλων της μουσικής – ΑΡΙΩΝ»&lt;/em&gt;, της Περιφερειακής Ενότητας Δράμας της ΠΑΜΘ, του Δήμου Δράμας, της Οικολογικής Κίνησης Δράμας και του Μουσικού Σχολείου Δράμας.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Μετά την ιδιαίτερα θετική ανταπόκριση που είχε η πρώτη διοργάνωση, το Φεστιβάλ επιστρέφει με ένα τριήμερο αφιερωμένο στο ρεμπέτικο τραγούδι, την ιστορία του, τους ανθρώπους του και κυρίως στη σχέση του με τα παιδιά και τους νέους.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Η φετινή διοργάνωση έχει έναν ξεχωριστό στόχο: να δώσει χώρο στη νέα γενιά να γνωρίσει το ρεμπέτικο, να έρθει σε επαφή με τον ήχο και την ιστορία του και να πειραματιστεί δημιουργικά μαζί του. Οι διοργανωτές θέλουν οι νέοι να μην αντιμετωπίσουν το ρεμπέτικο ως κάτι μακρινό ή ξεπερασμένο, αλλά ως μια μουσική παράδοση που μπορεί να συνεχίσει να εξελίσσεται και να αποκτά νέα ζωή.
            &lt;/p&gt;

            &lt;!-- HIGHLIGHT BOX FOR LOCATIONS &amp; DATES --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-slate-50 dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 text-ert-blue dark:text-sky-400 font-bold text-lg mb-2&quot;&gt;
                &lt;i class=&quot;fa-solid fa-map-location-dot text-xl&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Σημεία Εκδηλώσεων &amp; Πρόγραμμα&lt;/span&gt;
              &lt;/div&gt;
              &lt;p class=&quot;text-slate-700 dark:text-slate-300 font-serif leading-relaxed text-base sm:text-lg&quot;&gt;
                Το πρόγραμμα θα φιλοξενηθεί σε γραφικά σημεία της Δράμας, μεταξύ άλλων στο &lt;strong&gt;Θεατράκι της Αγίας Βαρβάρας&lt;/strong&gt; και στον χώρο των &lt;strong&gt;Παλιών Λουτρών&lt;/strong&gt;, απέναντι από τη Δημοτική Βιβλιοθήκη. Οι εκδηλώσεις είναι &lt;strong&gt;ανοιχτές στο κοινό&lt;/strong&gt; και περιλαμβάνουν συναυλίες, μουσικά αφιερώματα και εμφανίσεις σχημάτων που ασχολούνται με το ρεμπέτικο.
              &lt;/p&gt;
            &lt;/div&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Η πρώτη ημέρα, &lt;strong&gt;Παρασκευή 25 Σεπτεμβρίου&lt;/strong&gt;, είναι αφιερωμένη ιδιαίτερα στη νεολαία, με τη δυναμική συμμετοχή των &lt;strong&gt;Μουσικών Σχολείων&lt;/strong&gt;. Το Σαββατοκύριακο &lt;strong&gt;26 και 27 Σεπτεμβρίου&lt;/strong&gt; η μουσική γιορτή συνεχίζεται με περισσότερα ρεμπέτικα σχήματα, ενώ το πρόγραμμα περιλαμβάνει και ειδικό αφιέρωμα στον εμβληματικό ρεμπέτη &lt;strong&gt;Αγάθωνα Ιακωβίδη&lt;/strong&gt;.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Παράλληλα, οι επισκέπτες θα έχουν την ευκαιρία να γνωρίσουν πλευρές της ιστορίας του ρεμπέτικου μέσα από &lt;strong&gt;έκθεση με παλιούς δίσκους, βιβλία και φωτογραφικό υλικό&lt;/strong&gt;, δημιουργώντας μια διαφορετική σύνδεση ανάμεσα στη μουσική του παρελθόντος και το σήμερα.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Το 2ο Φεστιβάλ Ρεμπέτικου Δράμας δείχνει έτσι πως η παράδοση μπορεί να συνεχίσει να υπάρχει μέσα από τις νέες γενιές. Το ζητούμενο δεν είναι μόνο να ακουστούν ξανά παλιά τραγούδια, αλλά να γνωρίσουν οι νέοι τη μουσική αυτή, να τη μελετήσουν, να την αγαπήσουν και, γιατί όχι, να τη διαμορφώσουν με τον δικό τους τρόπο.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Για τρεις ημέρες, η Δράμα θα κινηθεί στους ρυθμούς του ρεμπέτικου, με μουσική, ιστορία, μνήμες αλλά και νέες φωνές. Μια συνάντηση του παλιού με το καινούργιο, με το ρεμπέτικο να παραμένει μια ζωντανή μουσική παράδοση που μπορεί να μιλήσει και στη σημερινή γενιά.
            &lt;/p&gt;

            &lt;!-- ORGANIZERS CARD --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-slate-100 dark:bg-slate-900 rounded-xl border-t-4 border-ert-blue shadow-md font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-slate-300 dark:border-slate-800 mb-4 text-slate-900 dark:text-slate-100&quot;&gt;
                &lt;i class=&quot;fa-solid fa-users text-xl text-ert-blue dark:text-sky-400&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;font-bold text-xl tracking-tight&quot;&gt;Διοργάνωση &amp; Συνεργαζόμενοι Φορείς&lt;/h2&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;space-y-2.5 text-slate-800 dark:text-slate-200 font-medium text-base&quot;&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-ert-blue dark:text-sky-400 font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Σύλλογος «Δραμινών Φίλων της Μουσικής – ΑΡΙΩΝ»&lt;/strong&gt;&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-ert-blue dark:text-sky-400 font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Περιφερειακή Ενότητα Δράμας&lt;/strong&gt; (Περιφέρεια Ανατολικής Μακεδονίας &amp; Θράκης)&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-ert-blue dark:text-sky-400 font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Δήμος Δράμας&lt;/strong&gt;&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-ert-blue dark:text-sky-400 font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Οικολογική Κίνησης Δράμας&lt;/strong&gt;&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2&quot;&gt;
                  &lt;span class=&quot;text-ert-blue dark:text-sky-400 font-bold&quot;&gt;•&lt;/span&gt;
                  &lt;span&gt;&lt;strong&gt;Μουσικό Σχολείο Δράμας&lt;/strong&gt;&lt;/span&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

            &lt;!-- EVENT IDENTITY CARD --&gt;
            &lt;div class=&quot;mt-8 p-5 sm:p-6 bg-[#e5e7eb] dark:bg-slate-800 border-2 border-ert-blue rounded-none shadow-md font-sans text-slate-900 dark:text-slate-100&quot;&gt;
              
              &lt;!-- Header with Fingerprint Icon --&gt;
              &lt;div class=&quot;flex items-center gap-3 pb-3 mb-5 border-b border-slate-300 dark:border-slate-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-fingerprint text-3xl text-slate-800 dark:text-slate-200&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;font-bold text-2xl tracking-tight text-slate-900 dark:text-white&quot;&gt;
                  Ταυτότητα Εκδήλωσης
                &lt;/h2&gt;
              &lt;/div&gt;

              &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6 text-sm sm:text-base&quot;&gt;
                
                &lt;!-- Left Column: Date &amp; Tickets --&gt;
                &lt;div class=&quot;space-y-5&quot;&gt;
                  &lt;!-- Date --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-lg text-slate-900 dark:text-white mb-2&quot;&gt;
                      &lt;i class=&quot;fa-regular fa-calendar-days text-2xl text-slate-800 dark:text-slate-200&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;Ημερομηνίες:&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-8 space-y-1&quot;&gt;
                      &lt;span class=&quot;inline-block bg-ert-blue text-white font-bold px-3 py-1 text-sm rounded-none&quot;&gt;
                        25 – 27 Σεπτεμβρίου 2026
                      &lt;/span&gt;
                      &lt;p class=&quot;text-slate-700 dark:text-slate-300 font-medium text-base pt-1&quot;&gt;
                        Παρασκευή – Κυριακή
                      &lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;!-- Admission --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-lg text-slate-900 dark:text-white mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-ticket text-2xl text-slate-800 dark:text-slate-200&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;Είσοδος:&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;p class=&quot;pl-8 text-slate-700 dark:text-slate-300 font-medium text-sm leading-relaxed&quot;&gt;
                      &lt;strong&gt;Ελεύθερη είσοδος&lt;/strong&gt; για το κοινό σε όλες τις συναυλίες και τις παράλληλες δράσεις.
                    &lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;!-- Right Column: Location &amp; Info --&gt;
                &lt;div class=&quot;space-y-5&quot;&gt;
                  &lt;!-- Location --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-lg text-slate-900 dark:text-white mb-2&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-location-dot text-2xl text-slate-800 dark:text-slate-200&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;Τοποθεσία:&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-8 space-y-2&quot;&gt;
                      &lt;p class=&quot;text-slate-800 dark:text-slate-200 font-medium text-sm sm:text-base leading-snug&quot;&gt;
                        • Θεατράκι Αγίας Βαρβάρας&lt;br&gt;
                        • Χώρος Παλιών Λουτρών (απέναντι από τη Δημοτική Βιβλιοθήκη)&lt;br&gt;
                        &lt;strong&gt;Δράμα&lt;/strong&gt;
                      &lt;/p&gt;
                      &lt;a href=&quot;https://www.dimos-dramas.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;inline-block bg-ert-blue text-white font-bold px-3 py-1.5 text-xs uppercase tracking-wide rounded-none hover:bg-ert-blueHover transition-colors no-underline !text-white !bg-ert-blue&quot;&gt;
                        Δήμος Δράμας
                      &lt;/a&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;!-- Theme Focus --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-lg text-slate-900 dark:text-white mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-music text-2xl text-slate-800 dark:text-slate-200&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;Θεματική &amp; Αφιερώματα:&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;p class=&quot;pl-8 text-slate-800 dark:text-slate-200 font-medium text-sm sm:text-base&quot;&gt;
                      «Ρεμπέτικο και Νεολαία» • Αφιέρωμα στον Αγάθωνα Ιακωβίδη • Έκθεση παλιών δίσκων &amp; βιβλίων
                    &lt;/p&gt;
                  &lt;/div&gt;

                &lt;/div&gt;

              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/article&gt;
        &lt;/main&gt;
      &lt;/section&gt;
    &lt;/div&gt;

    &lt;!-- UNIFIED SOURCE CARD &amp; FOOTER BLOCK --&gt;
    &lt;div class=&quot;mt-10 w-full max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] pb-4 font-sans&quot;&gt;
      
      &lt;!-- ΚΑΡΤΑ ΠΗΓΗΣ ERT NEWS --&gt;
      &lt;div class=&quot;w-full p-5 sm:p-6 rounded-t-[14px] rounded-b-none bg-slate-900 text-white transition-all duration-300 shadow-md border-t-2 border-x-2 border-ert-blue&quot;&gt;
        &lt;div class=&quot;flex flex-col sm:flex-row items-center justify-between gap-4&quot;&gt;
          &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
            &lt;div class=&quot;w-12 h-12 rounded-full bg-ert-red flex flex-shrink-0 items-center justify-center text-white shadow-md&quot;&gt;
              &lt;i class=&quot;fa-solid fa-newspaper text-xl&quot;&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;span class=&quot;text-[0.7em] uppercase tracking-widest text-sky-400 font-extrabold block&quot;&gt;Πρωτογενης Πηγη&lt;/span&gt;
              &lt;h3 class=&quot;font-bold text-base sm:text-lg text-white leading-tight&quot;&gt;ERT News (ΕΡΤ3 / Πολιτισμός)&lt;/h3&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a href=&quot;https://www.ertnews.gr/ert3/politismos-ert3/rempetiko-kai-neolaia-sto-2o-festival-rempetikou-dramas/&quot; 
             target=&quot;_blank&quot; 
             rel=&quot;noopener noreferrer&quot; 
             class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2.5 px-6 py-3 rounded-md font-bold text-white bg-ert-blue hover:bg-ert-blueHover shadow-md hover:shadow-lg transition-all duration-300 text-sm sm:text-base text-center !no-underline&quot;&gt;
            &lt;i class=&quot;fa-solid fa-globe&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Πηγή: Ertnews.gr&lt;/span&gt;
            &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- ΦΟΥΤΕΡ --&gt;
      &lt;footer class=&quot;w-full p-4 sm:p-5 rounded-t-none rounded-b-[14px] bg-slate-950 text-slate-400 border-b-2 border-x-2 border-slate-800&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] font-medium&quot;&gt;
          &lt;p&gt;© 2026 «2ο Φεστιβάλ Ρεμπέτικου Δράμας» • «Ρεμπέτικο και Νεολαία»&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt;

    &lt;/div&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/92 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-ert-blue transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-slate-900 text-white border border-slate-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-sky-400 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Scroll Progress Bar */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Size Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/09/2o-festival-rempetikou-dramas-neolaia.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-9021256844254888855</guid><pubDate>Wed, 16 Sep 2026 08:12:47 +0000</pubDate><atom:updated>2026-09-17T10:11:00.801+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><title>Παιδικό Θέατρο στον Πειραιά: Το ρεμπέτικο γίνεται διαδραστικό παιχνίδι για όλη την οικογένεια</title><description>&lt;div id=&quot;rtp-post&quot; class=&quot;rtp-wrap&quot;&gt;
&lt;style&gt;
  @import url(&#39;https://fonts.googleapis.com/css2?family=Audiowide&amp;family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&amp;display=swap&#39;);

  #rtp-post, #rtp-post * { box-sizing: border-box; }
  #rtp-post {
    position: relative;
    font-family: &#39;EB Garamond&#39;, Georgia, serif;
    font-size: 1.18rem;
    line-height: 1.8;
    color: #2b1b12;
    background:
      radial-gradient(circle at 15% 10%, rgba(212,175,55,0.08), transparent 40%),
      radial-gradient(circle at 85% 92%, rgba(125,29,29,0.06), transparent 45%),
      #fffdf8;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 2rem rgba(61,13,13,0.12);
  }

  /* Progress Bar */
  #rtp-progress {
    position: fixed; top: 0; left: 0; height: 0.3rem; width: 0;
    background: linear-gradient(90deg, #d4af37, #7d1d1d);
    z-index: 9999; transition: width 0.1s ease;
  }

  /* Redesigned Top Header Bar with Controls */
  .rtp-topbar {
    background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
    color: #f0dfb0;
    padding: 0.75rem 1.2rem;
    font-family: &#39;Audiowide&#39;, sans-serif;
    font-size: 0.85rem;
    border-bottom: 2px solid #d4af37;
  }

  .rtp-topbar-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }

  .rtp-toolbar-group {
    display: flex;
    align-items: center;
    gap: 0.45rem;
  }

  .rtp-toolbar-label {
    font-family: &#39;Audiowide&#39;, sans-serif;
    font-size: 0.82rem;
    color: #f0dfb0;
    margin-right: 0.2rem;
  }

  .rtp-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    height: 2.2rem;
    padding: 0 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(212, 175, 55, 0.6);
    background: rgba(255, 253, 248, 0.12);
    color: #f0dfb0;
    font-family: &#39;Audiowide&#39;, sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.25);
    transition: all 0.2s ease;
  }
  .rtp-action-btn:hover {
    background: #ffd700;
    color: #3d0d0d;
    border-color: #ffd700;
    transform: translateY(-1px);
  }
  .rtp-action-btn:active {
    transform: translateY(0);
  }

  /* Hero Section */
  .rtp-hero { padding: 0.8rem 0.8rem 0; }
  .rtp-hero-inner {
    position: relative; border-radius: 0.8rem; overflow: hidden;
    box-shadow: 0 0.6rem 1.6rem rgba(61,13,13,0.25);
    cursor: pointer; animation: rtpFade 0.7s ease;
  }
  .rtp-hero-inner img { width: 100%; height: auto; max-height: 28rem; object-fit: cover; display: block; transition: transform 0.4s ease; }
  .rtp-hero-inner:hover img { transform: scale(1.02); }
  .rtp-hero-caption {
    position: absolute; bottom: 0.6rem; right: 0.6rem;
    background: rgba(20,8,8,0.85); color: #f0dfb0;
    font-size: 0.78rem; padding: 0.4rem 0.8rem; border-radius: 0.4rem;
  }
  .rtp-hero-caption a { color: #f0dfb0; text-decoration: underline; }

  /* Body Content */
  .rtp-body { padding: 1.1rem 1.5rem 1.6rem; }

  .rtp-intro {
    font-weight: 700; font-style: italic;
    font-size: 1.65rem; line-height: 1.5;
    border-left: 0.3rem solid #d4af37;
    padding-left: 1.1rem;
    margin: 0.8rem 0 1.2rem;
    color: #3d0d0d;
  }

  .rtp-body p { margin: 0 0 1.2rem; }
  .rtp-body a { color: #7d1d1d; font-weight: 700; text-decoration: underline; text-underline-offset: 0.18rem; }

  /* Section Anchors */
  .rtp-anchor {
    display: inline-flex; align-items: center; gap: 0.5rem;
    font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.82rem;
    letter-spacing: 0.04rem;
    color: #5c1010;
    background: linear-gradient(135deg,#fdf6e3,#f0dfb0);
    border: 1px solid #c5a059; border-radius: 999px;
    padding: 0.45rem 1.1rem;
    box-shadow: 0 0.2rem 0.5rem rgba(125,29,29,0.12);
    margin: 1.6rem 0 1rem;
  }

  /* Presale Ticket Button (Gold Theme) */
  .rtp-btn-wrap { text-align: center; margin: 1.8rem 0; }
  .rtp-btn {
    display: inline-flex; align-items: center; gap: 0.6rem;
    font-family: &#39;Audiowide&#39;, sans-serif; font-size: 1.05rem;
    font-weight: 700;
    color: #3d0d0d;
    text-decoration: none;
    background: linear-gradient(135deg, #ffd700 0%, #f3a812 50%, #d4af37 100%);
    border: 2px solid #5c1010;
    padding: 0.95rem 1.8rem; border-radius: 0.8rem;
    box-shadow: 0 0.5rem 1.4rem rgba(125, 29, 29, 0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
  }
  .rtp-btn:hover {
    transform: translateY(-0.18rem);
    box-shadow: 0 0.7rem 1.8rem rgba(125, 29, 29, 0.35);
    filter: brightness(1.05);
  }

  /* Carousel Sizing &amp; Layout */
  .rtp-carousel { position: relative; border-radius: 0.8rem; overflow: hidden; box-shadow: 0 0.5rem 1.4rem rgba(61,13,13,0.2); background: #0f0704; margin: 1rem 0 1.6rem; }
  .rtp-track { display: flex; transition: transform 0.6s ease; }
  .rtp-slide { min-width: 100%; height: 24rem; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
  .rtp-slide img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: pointer; position: relative; z-index: 1; }
  .rtp-slide .rtp-bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(1.2rem); opacity: 0.45; transform: scale(1.1); }
  .rtp-slide-credit { position: absolute; bottom: 0.6rem; right: 0.6rem; background: rgba(0,0,0,0.75); color: #f0dfb0; font-size: 0.75rem; padding: 0.3rem 0.7rem; border-radius: 0.35rem; z-index: 2; }
  .rtp-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; border-radius: 50%; background: rgba(0,0,0,0.65); color: #f0dfb0; border: 1px solid #d4af37; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; font-size: 1.2rem; }
  .rtp-nav-btn.prev { left: 0.6rem; } .rtp-nav-btn.next { right: 0.6rem; }
  .rtp-dots { position: absolute; bottom: 0.7rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.45rem; z-index: 3; }
  .rtp-dot { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; transition: all 0.2s ease; }
  .rtp-dot.active { width: 1.3rem; border-radius: 999px; background: #d4af37; }

  /* Info Cards Layout */
  .rtp-card { border-radius: 0.9rem; padding: 1.25rem 1.5rem; margin: 1.2rem 0; box-shadow: 0 0.4rem 1.2rem rgba(61,13,13,0.12); border: 1px solid #c5a059; }
  .rtp-card-cast { background: linear-gradient(180deg,#fdf6e3,#f0dfb0); }
  .rtp-card-info { background: linear-gradient(180deg,#f6ece0,#ecd9bd); }
  .rtp-card p { margin: 0; font-size: 1.1rem; line-height: 1.7; }

  .rtp-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem 1.6rem; }
  .rtp-info-label { font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.8rem; color: #7d1d1d; letter-spacing: 0.03rem; display: block; margin-bottom: 0.35rem; }
  .rtp-info-value { font-size: 1.05rem; font-weight: 600; }
  .rtp-chip { display: inline-block; background: linear-gradient(135deg,#7d1d1d,#5c1010); color: #f0dfb0; padding: 0.35rem 0.9rem; border-radius: 0.5rem; font-size: 0.95rem; font-weight: 600; }

  .rtp-rule { border: none; border-top: 1px solid #e5cfa0; margin: 1.8rem 0; }

  /* Footer Source Banner with Fixed High Contrast Text */
  .rtp-source {
    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
    color: #f0dfb0 !important; text-decoration: none;
    padding: 1.1rem 1.5rem; border-top: 2px solid #d4af37;
    font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.92rem;
    transition: filter 0.2s ease, transform 0.2s ease;
    flex-wrap: wrap;
  }
  .rtp-source, .rtp-source *, .rtp-source span, .rtp-source a {
    color: #f0dfb0 !important;
  }
  .rtp-source:hover { filter: brightness(1.2); transform: translateY(-0.1rem); }
  .rtp-source-label { font-size: 0.75rem; color: #d4af37 !important; opacity: 0.95; display: block; margin-bottom: 0.25rem; }

  /* Toast Notification */
  #rtp-toast {
    position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px);
    background: #3d0d0d; color: #f0dfb0; border: 1px solid #d4af37;
    padding: 0.6rem 1.4rem; border-radius: 2rem; font-family: &#39;Audiowide&#39;, sans-serif;
    font-size: 0.8rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.4); z-index: 100000;
    opacity: 0; transition: all 0.3s ease; pointer-events: none;
  }
  #rtp-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }

  /* Lightbox */
  #rtp-lightbox { position: fixed; inset: 0; background: rgba(10,4,4,0.92); display: none; align-items: center; justify-content: center; z-index: 99999; padding: 1rem; }
  #rtp-lightbox.open { display: flex; }
  #rtp-lightbox img { max-width: 100%; max-height: 90vh; border-radius: 0.5rem; box-shadow: 0 1rem 3rem rgba(0,0,0,0.5); }
  #rtp-lightbox-close { position: absolute; top: 1rem; right: 1.2rem; color: #f0dfb0; font-size: 2rem; background: none; border: none; cursor: pointer; }

  @keyframes rtpFade { from { opacity: 0; transform: translateY(0.5rem); } to { opacity: 1; transform: translateY(0); } }

  /* Media Queries &amp; Print Styles */
  @media (max-width: 640px) {
    #rtp-post { font-size: 1.05rem; }
    .rtp-intro { font-size: 1.35rem; }
    .rtp-info-grid { grid-template-columns: 1fr; }
    .rtp-slide { height: 18rem; }
    .rtp-topbar-content { flex-direction: column; align-items: stretch; gap: 0.6rem; }
    .rtp-toolbar-group { justify-content: space-between; }
    .rtp-source { flex-direction: column; align-items: flex-start; text-align: left; }
  }

  @media print {
    #rtp-progress, .rtp-topbar, .rtp-nav-btn, .rtp-dots, #rtp-toast { display: none !important; }
    #rtp-post { box-shadow: none; border: none; background: #fff; }
    .rtp-btn { border: 1px solid #000; color: #000; background: none; }
  }
&lt;/style&gt;

&lt;div id=&quot;rtp-progress&quot;&gt;&lt;/div&gt;

&lt;!-- Topbar with Integrated Action Controls --&gt;
&lt;div class=&quot;rtp-topbar&quot;&gt;
  &lt;div class=&quot;rtp-topbar-content&quot;&gt;
    &lt;div class=&quot;rtp-toolbar-group&quot;&gt;
      &lt;span class=&quot;rtp-toolbar-label&quot;&gt;Κείμενο:&lt;/span&gt;
      &lt;button type=&quot;button&quot; class=&quot;rtp-action-btn&quot; id=&quot;rtp-font-dec&quot; title=&quot;Μείωση μεγέθους&quot;&gt;A−&lt;/button&gt;
      &lt;button type=&quot;button&quot; class=&quot;rtp-action-btn&quot; id=&quot;rtp-font-reset&quot; title=&quot;Επαναφορά μεγέθους&quot;&gt;A&lt;/button&gt;
      &lt;button type=&quot;button&quot; class=&quot;rtp-action-btn&quot; id=&quot;rtp-font-inc&quot; title=&quot;Αύξηση μεγέθους&quot;&gt;A+&lt;/button&gt;
    &lt;/div&gt;
    
    &lt;div class=&quot;rtp-toolbar-group&quot;&gt;
      &lt;button type=&quot;button&quot; class=&quot;rtp-action-btn&quot; id=&quot;rtp-btn-share&quot; title=&quot;Κοινοποίηση&quot;&gt;
        🔗 &lt;span&gt;Κοινοποίηση&lt;/span&gt;
      &lt;/button&gt;
      &lt;button type=&quot;button&quot; class=&quot;rtp-action-btn&quot; id=&quot;rtp-btn-copy&quot; title=&quot;Αντιγραφή κειμένου&quot;&gt;
        📋 &lt;span&gt;Αντιγραφή&lt;/span&gt;
      &lt;/button&gt;
      &lt;button type=&quot;button&quot; class=&quot;rtp-action-btn&quot; id=&quot;rtp-btn-print&quot; title=&quot;Εκτύπωση&quot;&gt;
        🖨️ &lt;span&gt;Εκτύπωση&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- Hero Image --&gt;
&lt;div class=&quot;rtp-hero&quot;&gt;
  &lt;div class=&quot;rtp-hero-inner rtp-lightbox-trigger&quot; data-src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/p/750x422/cu608x405/0,13,608,354/crop/both/04/045605de87c244389012f6713b143652.jpg?quality=81&amp;404=default&amp;v=4&quot;&gt;
    &lt;img src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/p/750x422/cu608x405/0,13,608,354/crop/both/04/045605de87c244389012f6713b143652.jpg?quality=81&amp;404=default&amp;v=4&quot; alt=&quot;Το ρεμπέτικο γίνεται ένα συναρπαστικό μουσικοθεατρικό παιχνίδι για όλη την οικογένεια&quot;&gt;
    &lt;div class=&quot;rtp-hero-caption&quot;&gt;📷 Πηγή εικόνας: &lt;a href=&quot;https://www.athinorama.gr/child/3076411/to-rempetiko-ginetai-ena-sunarpastiko-mousikotheatriko-paixnidi-gia-oli-tin-oikogeneia/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Athinorama.gr&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;rtp-body&quot;&gt;

  &lt;p class=&quot;rtp-intro&quot;&gt;Η γνωριμία των παιδιών με το ρεμπέτικο δεν είναι απλώς μια εκπαιδευτική δράση.&lt;/p&gt;

  &lt;p&gt;Είναι ένα άνοιγμα σε έναν ολόκληρο κόσμο που γεννήθηκε στα λιμάνια, στις φτωχογειτονιές, στα Καφέ Αμάν της Σμύρνης και στα σοκάκια του Πειραιά — μια πρόσκληση να αγγίξουν μια μουσική που κουβαλά ιστορία, μνήμη και συναίσθημα.&lt;/p&gt;

  &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

  &lt;p&gt;Γι&#39; αυτό και η πρωτοβουλία του Δημοτικού Θεάτρου Πειραιά έχει ιδιαίτερη σημασία: φέρνει την προσχολική και πρωτοβάθμια ηλικία σε επαφή με ένα είδος που, ενώ βαθιά ριζωμένο στο παρελθόν, μπορεί να γίνει ζωντανή, σύγχρονη και απόλυτα προσιτή εμπειρία.&lt;/p&gt;

  &lt;p&gt;Στο φουαγιέ του θεάτρου, η παράσταση &lt;strong&gt;«Ρεμπέτικο για Παιδιά – Ένα ταξίδι στον χρόνο μέσα από τη μουσική»&lt;/strong&gt; (18–20/09), σε κείμενο και σκηνοθεσία του &lt;strong&gt;Μανόλη Μπρίμπου&lt;/strong&gt;, καταργεί την απόσταση ανάμεσα στο χθες και το σήμερα. Με μια φανταστική μηχανή του χρόνου, με ζωντανή μουσική και θεατρικό παιχνίδι, τα παιδιά και οι γονείς γίνονται συνταξιδιώτες σε μια διαδρομή που ξεκινά από την Τετράδα του Πειραιά και φτάνει μέχρι τη Νέα Υόρκη.&lt;/p&gt;

  &lt;p&gt;Οι μικροί θεατές γίνονται «καβουράκια», ταξιδεύουν με φανταστικές βάρκες, ανακαλύπτουν μουσικούς δρόμους και τραγουδούν μελωδίες που άντεξαν στον χρόνο. Με τις αφηγήσεις των &lt;strong&gt;Ζέτα Ντίλη&lt;/strong&gt; και &lt;strong&gt;Άννας Χατζηεφραίμ&lt;/strong&gt; και τους ήχους των &lt;strong&gt;Μιχάλη Γαροφαλάκη&lt;/strong&gt;, &lt;strong&gt;Ανδρέας Καρατζά&lt;/strong&gt; και &lt;strong&gt;Μανόλη Μπρίμπου&lt;/strong&gt;, το ρεμπέτικο αποκαλύπτεται ως αυτό που πραγματικά είναι: ένας θησαυρός της Άυλης Πολιτιστικής Κληρονομιάς της UNESCO, ικανός να ενώνει γενιές και να καλλιεργεί τη συλλογική μνήμη μέσα από τη χαρά του παιχνιδιού.&lt;/p&gt;

  &lt;div class=&quot;rtp-btn-wrap&quot;&gt;
    &lt;a class=&quot;rtp-btn&quot; href=&quot;https://www.more.com&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;🎟️ Προπώληση εισιτηρίων · more.com&lt;/a&gt;
  &lt;/div&gt;

  &lt;div class=&quot;rtp-anchor&quot;&gt;♪ Φωτογραφικό υλικό της παράστασης&lt;/div&gt;

  &lt;!-- Image Carousel --&gt;
  &lt;div class=&quot;rtp-carousel&quot;&gt;
    &lt;div class=&quot;rtp-track&quot; id=&quot;rtp-track&quot;&gt;
      &lt;div class=&quot;rtp-slide&quot;&gt;
        &lt;div class=&quot;rtp-bg&quot; style=&quot;background-image:url(&#39;https://www.athinorama.gr/Content/ImagesDatabase/d6/d68835d7ff414a80811f1beeca7ed98a.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1023&amp;&#39;);&quot;&gt;&lt;/div&gt;
        &lt;img class=&quot;rtp-lightbox-trigger&quot; data-src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/d6/d68835d7ff414a80811f1beeca7ed98a.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1023&amp;&quot; src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/d6/d68835d7ff414a80811f1beeca7ed98a.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1023&amp;&quot; alt=&quot;Ρεμπέτικο για Παιδιά 1&quot;&gt;
        &lt;div class=&quot;rtp-slide-credit&quot;&gt;Μαργαρώνης / On Stage Greece ©&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;rtp-slide&quot;&gt;
        &lt;div class=&quot;rtp-bg&quot; style=&quot;background-image:url(&#39;https://www.athinorama.gr/Content/ImagesDatabase/fd/fdb34b9c0c684e19b6a5a07ff92087dc.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1023&amp;&#39;);&quot;&gt;&lt;/div&gt;
        &lt;img class=&quot;rtp-lightbox-trigger&quot; data-src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/fd/fdb34b9c0c684e19b6a5a07ff92087dc.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1023&amp;&quot; src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/fd/fdb34b9c0c684e19b6a5a07ff92087dc.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1023&amp;&quot; alt=&quot;Ρεμπέτικο για Παιδιά 2&quot;&gt;
        &lt;div class=&quot;rtp-slide-credit&quot;&gt;Μαργαρώνης / On Stage Greece ©&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;rtp-slide&quot;&gt;
        &lt;div class=&quot;rtp-bg&quot; style=&quot;background-image:url(&#39;https://www.athinorama.gr/Content/ImagesDatabase/15/15dc6af955cd477293973196e8c26755.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1016&amp;&#39;);&quot;&gt;&lt;/div&gt;
        &lt;img class=&quot;rtp-lightbox-trigger&quot; data-src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/15/15dc6af955cd477293973196e8c26755.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1016&amp;&quot; src=&quot;https://www.athinorama.gr/Content/ImagesDatabase/15/15dc6af955cd477293973196e8c26755.jpg?v=1&amp;maxwidth=680&amp;originalwidth=1016&amp;&quot; alt=&quot;Ρεμπέτικο για Παιδιά 3&quot;&gt;
        &lt;div class=&quot;rtp-slide-credit&quot;&gt;Μαργαρώνης / On Stage Greece ©&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button type=&quot;button&quot; class=&quot;rtp-nav-btn prev&quot; id=&quot;rtp-prev&quot;&gt;‹&lt;/button&gt;
    &lt;button type=&quot;button&quot; class=&quot;rtp-nav-btn next&quot; id=&quot;rtp-next&quot;&gt;›&lt;/button&gt;
    &lt;div class=&quot;rtp-dots&quot; id=&quot;rtp-dots&quot;&gt;
      &lt;span class=&quot;rtp-dot active&quot; data-i=&quot;0&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;rtp-dot&quot; data-i=&quot;1&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;rtp-dot&quot; data-i=&quot;2&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;div class=&quot;rtp-anchor&quot;&gt;🎭 Συντελεστές της παράστασης&lt;/div&gt;

  &lt;div class=&quot;rtp-card rtp-card-cast&quot;&gt;
    &lt;p&gt;Το κείμενο και τη σκηνοθεσία υπογράφει ο &lt;strong&gt;Μανόλη Μπρίμπος&lt;/strong&gt;, ενώ την αφήγηση και ερμηνεία αναλαμβάνουν οι &lt;strong&gt;Ζέτα Ντίλη&lt;/strong&gt; και &lt;strong&gt;Άννα Χατζηεφραίμ&lt;/strong&gt;. Τη μουσική επί σκηνής πλαισιώνουν οι &lt;strong&gt;Μιχάλη Γαροφαλάκης&lt;/strong&gt;, &lt;strong&gt;Ανδρέας Καρατζάς&lt;/strong&gt; και &lt;strong&gt;Μανόλη Μπρίμπος&lt;/strong&gt;. Οι φωτογραφίες είναι του &lt;strong&gt;Μαργαρώνης / On Stage Greece&lt;/strong&gt;.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;rtp-anchor&quot;&gt;🪕 Ταυτότητα εκδήλωσης&lt;/div&gt;

  &lt;div class=&quot;rtp-card rtp-card-info&quot;&gt;
    &lt;div class=&quot;rtp-info-grid&quot;&gt;
      &lt;div class=&quot;rtp-info-item&quot;&gt;
        &lt;span class=&quot;rtp-info-label&quot;&gt;Ημερομηνίες&lt;/span&gt;
        &lt;span class=&quot;rtp-chip&quot;&gt;18–20 Σεπτεμβρίου 2026&lt;/span&gt;
        &lt;div class=&quot;rtp-info-value&quot; style=&quot;margin-top:0.4rem;&quot;&gt;Παρασκευή – Κυριακή&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;rtp-info-item&quot;&gt;
        &lt;span class=&quot;rtp-info-label&quot;&gt;Εισιτήρια&lt;/span&gt;
        &lt;div class=&quot;rtp-info-value&quot;&gt;Προπώληση μέσω &lt;a href=&quot;https://www.more.com&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;more.com&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;rtp-info-item&quot;&gt;
        &lt;span class=&quot;rtp-info-label&quot;&gt;Τοποθεσία&lt;/span&gt;
        &lt;div class=&quot;rtp-info-value&quot;&gt;Φουαγιέ Δημοτικού Θεάτρου Πειραιά — Ηρώων Πολυτεχνείου 32&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;rtp-info-item&quot;&gt;
        &lt;span class=&quot;rtp-info-label&quot;&gt;Κοινό&lt;/span&gt;
        &lt;div class=&quot;rtp-info-value&quot;&gt;Προσχολική &amp; πρωτοβάθμια ηλικία, για όλη την οικογένεια&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

&lt;/div&gt;

&lt;!-- Source Banner with High Contrast Text --&gt;
&lt;a class=&quot;rtp-source&quot; href=&quot;https://www.athinorama.gr/child/3076411/to-rempetiko-ginetai-ena-sunarpastiko-mousikotheatriko-paixnidi-gia-oli-tin-oikogeneia/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;
  &lt;span&gt;&lt;span class=&quot;rtp-source-label&quot;&gt;Πρωτογενής πηγή&lt;/span&gt;Athinorama.gr — Οδηγός Πόλης &amp; Πολιτισμού&lt;/span&gt;
  &lt;span&gt;🌐 Άνοιγμα πηγής ↗&lt;/span&gt;
&lt;/a&gt;

&lt;/div&gt;

&lt;!-- Lightbox Modal --&gt;
&lt;div id=&quot;rtp-lightbox&quot;&gt;&lt;button type=&quot;button&quot; id=&quot;rtp-lightbox-close&quot;&gt;✕&lt;/button&gt;&lt;img id=&quot;rtp-lightbox-img&quot; src=&quot;&quot; alt=&quot;&quot;&gt;&lt;/div&gt;

&lt;!-- Toast Container --&gt;
&lt;div id=&quot;rtp-toast&quot;&gt;&lt;/div&gt;

&lt;script&gt;
(function(){
  var wrap = document.getElementById(&#39;rtp-post&#39;);
  if (!wrap) return;

  // Scroll Progress Bar
  var bar = document.getElementById(&#39;rtp-progress&#39;);
  window.addEventListener(&#39;scroll&#39;, function(){
    var h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    bar.style.width = (h &gt; 0 ? (window.scrollY / h) * 100 : 0) + &#39;%&#39;;
  });

  // Font Resizing Logic
  var scale = 1;
  function applyScale(){ wrap.style.fontSize = (1.18 * scale) + &#39;rem&#39;; }
  
  document.getElementById(&#39;rtp-font-inc&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.min(1.45, scale + 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;rtp-font-dec&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.max(0.85, scale - 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;rtp-font-reset&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = 1; 
    applyScale(); 
  });

  // Toast Notification System
  var toastEl = document.getElementById(&#39;rtp-toast&#39;);
  var toastTimer;
  function showToast(msg) {
    if (!toastEl) return;
    toastEl.textContent = msg;
    toastEl.classList.add(&#39;show&#39;);
    clearTimeout(toastTimer);
    toastTimer = setTimeout(function(){
      toastEl.classList.remove(&#39;show&#39;);
    }, 2800);
  }

  // Share Button Logic
  document.getElementById(&#39;rtp-btn-share&#39;).addEventListener(&#39;click&#39;, function(){
    var shareData = {
      title: &#39;Ρεμπέτικο για Παιδιά - Δημοτικό Θέατρο Πειραιά&#39;,
      text: &#39;Η γνωριμία των παιδιών με το ρεμπέτικο στο Δημοτικό Θέατρο Πειραιά.&#39;,
      url: window.location.href
    };
    if (navigator.share) {
      navigator.share(shareData).catch(function(){});
    } else {
      navigator.clipboard.writeText(window.location.href).then(function(){
        showToast(&#39;Ο σύνδεσμος αντιγράφηκε!&#39;);
      }).catch(function(){
        showToast(&#39;Αντιγράψτε το URL από τη γραμμή διευθύνσεων.&#39;);
      });
    }
  });

  // Copy Content Logic
  document.getElementById(&#39;rtp-btn-copy&#39;).addEventListener(&#39;click&#39;, function(){
    var bodyText = document.querySelector(&#39;.rtp-body&#39;).innerText;
    navigator.clipboard.writeText(bodyText).then(function(){
      showToast(&#39;Το κείμενο αντιγράφηκε επιτυχώς!&#39;);
    }).catch(function(){
      showToast(&#39;Αποτυχία αντιγραφής.&#39;);
    });
  });

  // Print Logic
  document.getElementById(&#39;rtp-btn-print&#39;).addEventListener(&#39;click&#39;, function(){
    window.print();
  });

  // Carousel Logic
  var track = document.getElementById(&#39;rtp-track&#39;);
  var dots = document.querySelectorAll(&#39;#rtp-dots .rtp-dot&#39;);
  var total = dots.length, cur = 0, timer;
  function go(i){ 
    cur = (i + total) % total; 
    track.style.transform = &#39;translateX(-&#39; + (cur*100) + &#39;%)&#39;; 
    dots.forEach(function(d,idx){ d.classList.toggle(&#39;active&#39;, idx===cur); }); 
  }
  function restart(){ clearInterval(timer); timer = setInterval(function(){ go(cur+1); }, 4500); }
  document.getElementById(&#39;rtp-next&#39;).addEventListener(&#39;click&#39;, function(){ go(cur+1); restart(); });
  document.getElementById(&#39;rtp-prev&#39;).addEventListener(&#39;click&#39;, function(){ go(cur-1); restart(); });
  dots.forEach(function(d){ d.addEventListener(&#39;click&#39;, function(){ go(parseInt(d.getAttribute(&#39;data-i&#39;),10)); restart(); }); });
  restart();

  // Lightbox Modal Logic
  var lb = document.getElementById(&#39;rtp-lightbox&#39;);
  var lbImg = document.getElementById(&#39;rtp-lightbox-img&#39;);
  document.querySelectorAll(&#39;.rtp-lightbox-trigger&#39;).forEach(function(el){
    el.addEventListener(&#39;click&#39;, function(){
      lbImg.src = el.getAttribute(&#39;data-src&#39;);
      lb.classList.add(&#39;open&#39;);
    });
  });
  document.getElementById(&#39;rtp-lightbox-close&#39;).addEventListener(&#39;click&#39;, function(){ lb.classList.remove(&#39;open&#39;); });
  lb.addEventListener(&#39;click&#39;, function(e){ if (e.target === lb) lb.classList.remove(&#39;open&#39;); });

})();
&lt;/script&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/09/rempetiko-gia-paidia-dimotiko-theatro-peiraia.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-5847953662028997396</guid><pubDate>Fri, 11 Sep 2026 11:53:56 +0000</pubDate><atom:updated>2026-09-17T10:13:40.729+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Μαρίκα Παπαγκίκα</category><category domain="http://www.blogger.com/atom/ns#">Πολιτισμός-Βιβλίο-Θέατρο-Σινεμα-TV</category><title>«&quot;Το Ηλεκτρικό Κορίτσι&quot;: Η Κερασία Σαμαρά ερμηνεύει τη Μαρίκα Παπαγκίκα στον Ταύρο»</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;«Μαρίκα Παπαγκίκα – Το ηλεκτρικό κορίτσι» - ΠΙΟΠ&lt;/title&gt;
  &lt;style&gt;
    @import url(&#39;https://fonts.googleapis.com/css2?family=Audiowide&amp;family=EB+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&amp;display=swap&#39;);

    #mpg-post, #mpg-post * { box-sizing: border-box; }
    #mpg-post {
      position: relative;
      font-family: &#39;EB Garamond&#39;, Georgia, serif;
      font-size: 1.18rem;
      line-height: 1.8;
      color: #2b1b12;
      background:
        radial-gradient(circle at 15% 10%, rgba(212,175,55,0.08), transparent 40%),
        radial-gradient(circle at 85% 92%, rgba(125,29,29,0.06), transparent 45%),
        #fffdf8;
      border-radius: 1rem;
      overflow: hidden;
      box-shadow: 0 0.5rem 2rem rgba(61,13,13,0.12);
    }

    /* Progress Bar */
    #mpg-progress {
      position: fixed; top: 0; left: 0; height: 0.3rem; width: 0;
      background: linear-gradient(90deg, #d4af37, #7d1d1d);
      z-index: 9999; transition: width 0.1s ease;
    }

    /* Top Header Bar with Controls */
    .mpg-topbar {
      background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
      color: #f0dfb0;
      padding: 0.75rem 1.2rem;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.85rem;
      border-bottom: 2px solid #d4af37;
    }

    .mpg-topbar-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
    }

    .mpg-toolbar-group {
      display: flex;
      align-items: center;
      gap: 0.45rem;
    }

    .mpg-toolbar-label {
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.82rem;
      color: #f0dfb0;
      margin-right: 0.2rem;
    }

    .mpg-action-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      height: 2.2rem;
      padding: 0 0.75rem;
      border-radius: 0.5rem;
      border: 1px solid rgba(212, 175, 55, 0.6);
      background: rgba(255, 253, 248, 0.12);
      color: #f0dfb0;
      font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 0.15rem 0.4rem rgba(0,0,0,0.25);
      transition: all 0.2s ease;
    }
    .mpg-action-btn:hover {
      background: #ffd700;
      color: #3d0d0d;
      border-color: #ffd700;
      transform: translateY(-1px);
    }
    .mpg-action-btn:active {
      transform: translateY(0);
    }

    /* Hero Section */
    .mpg-hero { padding: 0.8rem 0.8rem 0; }
    .mpg-hero-inner {
      position: relative; border-radius: 0.8rem; overflow: hidden;
      box-shadow: 0 0.6rem 1.6rem rgba(61,13,13,0.25);
      cursor: pointer; animation: mpgFade 0.7s ease;
    }
    .mpg-hero-inner img { width: 100%; height: auto; max-height: 28rem; object-fit: cover; display: block; transition: transform 0.4s ease; }
    .mpg-hero-inner:hover img { transform: scale(1.02); }
    .mpg-hero-caption {
      position: absolute; bottom: 0.6rem; right: 0.6rem;
      background: rgba(20,8,8,0.85); color: #f0dfb0;
      font-size: 0.78rem; padding: 0.4rem 0.8rem; border-radius: 0.4rem;
    }
    .mpg-hero-caption a { color: #f0dfb0; text-decoration: underline; }

    /* Body Content */
    .mpg-body { padding: 1.1rem 1.5rem 1.6rem; }

    .mpg-intro {
      font-weight: 700; font-style: italic;
      font-size: 1.55rem; line-height: 1.5;
      border-left: 0.3rem solid #d4af37;
      padding-left: 1.1rem;
      margin: 0.8rem 0 1.2rem;
      color: #3d0d0d;
    }

    .mpg-body p { margin: 0 0 1.2rem; }
    .mpg-body a { color: #7d1d1d; font-weight: 700; text-decoration: underline; text-underline-offset: 0.18rem; }

    /* Section Anchors */
    .mpg-anchor {
      display: inline-flex; align-items: center; gap: 0.5rem;
      font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.82rem;
      letter-spacing: 0.04rem;
      color: #5c1010;
      background: linear-gradient(135deg,#fdf6e3,#f0dfb0);
      border: 1px solid #c5a059; border-radius: 999px;
      padding: 0.45rem 1.1rem;
      box-shadow: 0 0.2rem 0.5rem rgba(125,29,29,0.12);
      margin: 1.6rem 0 1rem;
    }

    /* Action Button (Gold Theme) */
    .mpg-btn-wrap { text-align: center; margin: 1.8rem 0; }
    .mpg-btn {
      display: inline-flex; align-items: center; gap: 0.6rem;
      font-family: &#39;Audiowide&#39;, sans-serif; font-size: 1.05rem;
      font-weight: 700;
      color: #3d0d0d;
      text-decoration: none;
      background: linear-gradient(135deg, #ffd700 0%, #f3a812 50%, #d4af37 100%);
      border: 2px solid #5c1010;
      padding: 0.95rem 1.8rem; border-radius: 0.8rem;
      box-shadow: 0 0.5rem 1.4rem rgba(125, 29, 29, 0.25);
      transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
    }
    .mpg-btn:hover {
      transform: translateY(-0.18rem);
      box-shadow: 0 0.7rem 1.8rem rgba(125, 29, 29, 0.35);
      filter: brightness(1.05);
    }

    /* Info Cards Layout */
    .mpg-card { border-radius: 0.9rem; padding: 1.25rem 1.5rem; margin: 1.2rem 0; box-shadow: 0 0.4rem 1.2rem rgba(61,13,13,0.12); border: 1px solid #c5a059; }
    .mpg-card-cast { background: linear-gradient(180deg,#fdf6e3,#f0dfb0); }
    .mpg-card-info { background: linear-gradient(180deg,#f6ece0,#ecd9bd); }
    .mpg-card p { margin: 0; font-size: 1.1rem; line-height: 1.7; }

    .mpg-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem 1.6rem; }
    .mpg-info-label { font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.8rem; color: #7d1d1d; letter-spacing: 0.03rem; display: block; margin-bottom: 0.35rem; }
    .mpg-info-value { font-size: 1.05rem; font-weight: 600; }
    .mpg-chip { display: inline-block; background: linear-gradient(135deg,#7d1d1d,#5c1010); color: #f0dfb0; padding: 0.35rem 0.9rem; border-radius: 0.5rem; font-size: 0.95rem; font-weight: 600; }

    .mpg-rule { border: none; border-top: 1px solid #e5cfa0; margin: 1.8rem 0; }

    /* Footer Source Banner */
    .mpg-source {
      width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
      background: linear-gradient(135deg, #3d0d0d, #7d1d1d 60%, #5c1010);
      color: #f0dfb0 !important; text-decoration: none;
      padding: 1.1rem 1.5rem; border-top: 2px solid #d4af37;
      font-family: &#39;Audiowide&#39;, sans-serif; font-size: 0.92rem;
      transition: filter 0.2s ease, transform 0.2s ease;
      flex-wrap: wrap;
    }
    .mpg-source, .mpg-source *, .mpg-source span, .mpg-source a {
      color: #f0dfb0 !important;
    }
    .mpg-source:hover { filter: brightness(1.2); transform: translateY(-0.1rem); }
    .mpg-source-label { font-size: 0.75rem; color: #d4af37 !important; opacity: 0.95; display: block; margin-bottom: 0.25rem; }

    /* Toast Notification */
    #mpg-toast {
      position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px);
      background: #3d0d0d; color: #f0dfb0; border: 1px solid #d4af37;
      padding: 0.6rem 1.4rem; border-radius: 2rem; font-family: &#39;Audiowide&#39;, sans-serif;
      font-size: 0.8rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.4); z-index: 100000;
      opacity: 0; transition: all 0.3s ease; pointer-events: none;
    }
    #mpg-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }

    /* Lightbox */
    #mpg-lightbox { position: fixed; inset: 0; background: rgba(10,4,4,0.92); display: none; align-items: center; justify-content: center; z-index: 99999; padding: 1rem; }
    #mpg-lightbox.open { display: flex; }
    #mpg-lightbox img { max-width: 100%; max-height: 90vh; border-radius: 0.5rem; box-shadow: 0 1rem 3rem rgba(0,0,0,0.5); }
    #mpg-lightbox-close { position: absolute; top: 1rem; right: 1.2rem; color: #f0dfb0; font-size: 2rem; background: none; border: none; cursor: pointer; }

    @keyframes mpgFade { from { opacity: 0; transform: translateY(0.5rem); } to { opacity: 1; transform: translateY(0); } }

    /* Media Queries &amp; Print Styles */
    @media (max-width: 640px) {
      #mpg-post { font-size: 1.05rem; }
      .mpg-intro { font-size: 1.35rem; }
      .mpg-info-grid { grid-template-columns: 1fr; }
      .mpg-topbar-content { flex-direction: column; align-items: stretch; gap: 0.6rem; }
      .mpg-toolbar-group { justify-content: space-between; }
      .mpg-source { flex-direction: column; align-items: flex-start; text-align: left; }
    }

    @media print {
      #mpg-progress, .mpg-topbar, #mpg-toast { display: none !important; }
      #mpg-post { box-shadow: none; border: none; background: #fff; }
      .mpg-btn { border: 1px solid #000; color: #000; background: none; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;mpg-post&quot; class=&quot;mpg-wrap&quot;&gt;

  &lt;div id=&quot;mpg-progress&quot;&gt;&lt;/div&gt;

  &lt;!-- Topbar with Integrated Action Controls --&gt;
  &lt;div class=&quot;mpg-topbar&quot;&gt;
    &lt;div class=&quot;mpg-topbar-content&quot;&gt;
      &lt;div class=&quot;mpg-toolbar-group&quot;&gt;
        &lt;span class=&quot;mpg-toolbar-label&quot;&gt;Κείμενο:&lt;/span&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-dec&quot; title=&quot;Μείωση μεγέθους&quot;&gt;A−&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-reset&quot; title=&quot;Επαναφορά μεγέθους&quot;&gt;A&lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-font-inc&quot; title=&quot;Αύξηση μεγέθους&quot;&gt;A+&lt;/button&gt;
      &lt;/div&gt;
      
      &lt;div class=&quot;mpg-toolbar-group&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-share&quot; title=&quot;Κοινοποίηση&quot;&gt;
          🔗 &lt;span&gt;Κοινοποίηση&lt;/span&gt;
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-copy&quot; title=&quot;Αντιγραφή κειμένου&quot;&gt;
          📋 &lt;span&gt;Αντιγραφή&lt;/span&gt;
        &lt;/button&gt;
        &lt;button type=&quot;button&quot; class=&quot;mpg-action-btn&quot; id=&quot;mpg-btn-print&quot; title=&quot;Εκτύπωση&quot;&gt;
          🖨️ &lt;span&gt;Εκτύπωση&lt;/span&gt;
        &lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- Hero Image --&gt;
  &lt;div class=&quot;mpg-hero&quot;&gt;
    &lt;div class=&quot;mpg-hero-inner mpg-lightbox-trigger&quot; data-src=&quot;https://www.culturenow.gr/wp-content/uploads/2026/09/marikapapaggikatohlektrkoritisi-940x549.jpg&quot;&gt;
      &lt;img src=&quot;https://www.culturenow.gr/wp-content/uploads/2026/09/marikapapaggikatohlektrkoritisi-940x549.jpg&quot; alt=&quot;«Μαρίκα Παπαγκίκα – Το ηλεκτρικό κορίτσι» στο ΠΙΟΠ&quot;&gt;
      &lt;div class=&quot;mpg-hero-caption&quot;&gt;📷 Πηγή εικόνας: &lt;a href=&quot;https://www.culturenow.gr/marika-papagkika-to-ilektriko-koritsi-moysikotheatriki-parastasi-apo-to-piop-ston-tayro/amp/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;CultureNow.gr&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- Body Content --&gt;
  &lt;div class=&quot;mpg-body&quot;&gt;

    &lt;p class=&quot;mpg-intro&quot;&gt;Το έργο «Μαρίκα Παπαγκίκα – Το ηλεκτρικό κορίτσι» του Νίκου Σταματιάδη ανεβαίνει σε σκηνοθεσία Κερασίας Σαμαρά από το ΠΙΟΠ στον Ταύρο.&lt;/p&gt;

    &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

    &lt;p&gt;Το Πολιτιστικό Ίδρυμα Ομίλου Πειραιώς παρουσιάζει τη μουσικοθεατρική παράσταση &lt;strong&gt;«ΜΑΡΙΚΑ ΠΑΠΑΓΚΙΚΑ-Το ηλεκτρικό κορίτσι»&lt;/strong&gt;, του Νίκου Σταματιάδη, σε σκηνοθεσία Κερασίας Σαμαρά, την &lt;strong&gt;Παρασκευή 18 Σεπτεμβρίου 2026 (ώρα 21:00)&lt;/strong&gt;, στο κτήριό του στον Ταύρο.&lt;/p&gt;

    &lt;p&gt;Η &lt;strong&gt;Κερασία Σαμαρά&lt;/strong&gt;, μέσα από το κείμενο του Νίκου Σταματιάδη, ζωντανεύει επί σκηνής τη ζωή της μυθικής Μαρίκας Παπαγκίκα, της κορυφαίας ερμηνεύτριας του μικρασιάτικου τραγουδιού που έμεινε γνωστή ως η &lt;em&gt;«Κάλλας του ρεμπέτικου»&lt;/em&gt;. Με αφορμή μια αυθεντική επιστολή της, η παράσταση φωτίζει άγνωστες πτυχές της διαδρομής της από τη Σμύρνη έως τη Νέα Υόρκη, ενώ παράλληλα ακούγονται αγαπημένα τραγούδια από το πλούσιο ρεπερτόριό της.&lt;/p&gt;

    &lt;div class=&quot;mpg-btn-wrap&quot;&gt;
      &lt;a class=&quot;mpg-btn&quot; href=&quot;https://www.piop.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;🏛️ Πληροφορίες &amp; Κρατήσεις · piop.gr&lt;/a&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mpg-anchor&quot;&gt;♪ Η Μουσική Συνάντηση επί Σκηνής&lt;/div&gt;

    &lt;div class=&quot;mpg-card mpg-card-cast&quot;&gt;
      &lt;p&gt;Ξεχωριστό στοιχείο της παράστασης αποτελεί η συμμετοχή του &lt;strong&gt;Takis Barberis Group&lt;/strong&gt;, που αποδίδει με πρωτότυπες ενορχηστρώσεις μικρασιάτικα, δημοτικά, ελαφρά και κλασικά τραγούδια. Η μουσική συνδιαλέγεται διαρκώς με την ηρωίδα, δημιουργώντας ένα ιδιαίτερο σκηνικό σύμπαν όπου θέατρο και μουσική συναντώνται δημιουργικά.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mpg-anchor&quot;&gt;🎭 Συντελεστές της παράστασης&lt;/div&gt;

    &lt;div class=&quot;mpg-card mpg-card-cast&quot;&gt;
      &lt;p&gt;&lt;strong&gt;Συγγραφή:&lt;/strong&gt; Νίκος Σταματιάδης&lt;br&gt;
      &lt;strong&gt;Σκηνοθεσία – ερμηνεία:&lt;/strong&gt; Κερασία Σαμαρά&lt;br&gt;
      &lt;strong&gt;Μουσική επεξεργασία:&lt;/strong&gt; Τάκης Μπαρμπέρης&lt;br&gt;
      &lt;strong&gt;Μουσικοί:&lt;/strong&gt; Τάκης Μπαρμπέρης, Μάνος Σαριδάκης, Χρήστος Κεχρής, Γιώργος Μπαρμπέρης&lt;br&gt;
      &lt;strong&gt;Σκηνικά – κοστούμια – video:&lt;/strong&gt; Τόνια Αβδελοπούλου&lt;br&gt;
      &lt;strong&gt;Φωτιστικός σχεδιασμός:&lt;/strong&gt; Γιώργος Μπούχρας&lt;br&gt;
      &lt;strong&gt;Παραγωγή:&lt;/strong&gt; ΘΕΣΙΣ&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class=&quot;mpg-anchor&quot;&gt;🪕 Ταυτότητα εκδήλωσης&lt;/div&gt;

    &lt;div class=&quot;mpg-card mpg-card-info&quot;&gt;
      &lt;div class=&quot;mpg-info-grid&quot;&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          &lt;span class=&quot;mpg-info-label&quot;&gt;Ημερομηνία &amp; Ώρα&lt;/span&gt;
          &lt;span class=&quot;mpg-chip&quot;&gt;18 Σεπτεμβρίου 2026&lt;/span&gt;
          &lt;div class=&quot;mpg-info-value&quot; style=&quot;margin-top:0.4rem;&quot;&gt;Παρασκευή, 21:00&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          &lt;span class=&quot;mpg-info-label&quot;&gt;Εισιτήρια &amp; Κρατήσεις&lt;/span&gt;
          &lt;div class=&quot;mpg-info-value&quot;&gt;Είσοδος ελεύθερη - Απαραίτητη η κράτηση θέσης τηλεφωνικά [Δευτ.-Παρ. 10:00-17:00]&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          &lt;span class=&quot;mpg-info-label&quot;&gt;Τοποθεσία&lt;/span&gt;
          &lt;div class=&quot;mpg-info-value&quot;&gt;Πολιτιστικό Ίδρυμα Ομίλου Πειραιώς | Ιστορικό Αρχείο, Δωρίδος 2 &amp; Λεωφόρος Ειρήνης 14, Ταύρος&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;mpg-info-item&quot;&gt;
          &lt;span class=&quot;mpg-info-label&quot;&gt;Πληροφορίες / Κρατήσεις&lt;/span&gt;
          &lt;div class=&quot;mpg-info-value&quot;&gt;Τηλ.: 210 3418051 | &lt;a href=&quot;https://www.piop.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;piop.gr&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

  &lt;/div&gt;

  &lt;!-- Source Banner with High Contrast Text --&gt;
  &lt;a class=&quot;mpg-source&quot; href=&quot;https://www.culturenow.gr/marika-papagkika-to-ilektriko-koritsi-moysikotheatriki-parastasi-apo-to-piop-ston-tayro/amp/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;
    &lt;span&gt;&lt;span class=&quot;mpg-source-label&quot;&gt;Πρωτογενής πηγή&lt;/span&gt;CultureNow.gr — Πολιτισμός &amp; Τέχνες&lt;/span&gt;
    &lt;span&gt;🌐 Άνοιγμα πηγής ↗&lt;/span&gt;
  &lt;/a&gt;

&lt;/div&gt;

&lt;!-- Lightbox Modal --&gt;
&lt;div id=&quot;mpg-lightbox&quot;&gt;&lt;button type=&quot;button&quot; id=&quot;mpg-lightbox-close&quot;&gt;✕&lt;/button&gt;&lt;img id=&quot;mpg-lightbox-img&quot; src=&quot;&quot; alt=&quot;&quot;&gt;&lt;/div&gt;

&lt;!-- Toast Container --&gt;
&lt;div id=&quot;mpg-toast&quot;&gt;&lt;/div&gt;

&lt;script&gt;
(function(){
  var wrap = document.getElementById(&#39;mpg-post&#39;);
  if (!wrap) return;

  // Scroll Progress Bar
  var bar = document.getElementById(&#39;mpg-progress&#39;);
  window.addEventListener(&#39;scroll&#39;, function(){
    var h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    bar.style.width = (h &gt; 0 ? (window.scrollY / h) * 100 : 0) + &#39;%&#39;;
  });

  // Font Resizing Logic
  var scale = 1;
  function applyScale(){ wrap.style.fontSize = (1.18 * scale) + &#39;rem&#39;; }
  
  document.getElementById(&#39;mpg-font-inc&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.min(1.45, scale + 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;mpg-font-dec&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = Math.max(0.85, scale - 0.1); 
    applyScale(); 
  });
  document.getElementById(&#39;mpg-font-reset&#39;).addEventListener(&#39;click&#39;, function(){ 
    scale = 1; 
    applyScale(); 
  });

  // Toast Notification System
  var toastEl = document.getElementById(&#39;mpg-toast&#39;);
  var toastTimer;
  function showToast(msg) {
    if (!toastEl) return;
    toastEl.textContent = msg;
    toastEl.classList.add(&#39;show&#39;);
    clearTimeout(toastTimer);
    toastTimer = setTimeout(function(){
      toastEl.classList.remove(&#39;show&#39;);
    }, 2800);
  }

  // Share Button Logic
  document.getElementById(&#39;mpg-btn-share&#39;).addEventListener(&#39;click&#39;, function(){
    var shareData = {
      title: &#39;«Μαρίκα Παπαγκίκα – Το ηλεκτρικό κορίτσι» - ΠΙΟΠ&#39;,
      text: &#39;Μουσικοθεατρική παράσταση από το ΠΙΟΠ στον Ταύρο&#39;,
      url: window.location.href
    };
    if (navigator.share) {
      navigator.share(shareData).catch(function(){});
    } else {
      navigator.clipboard.writeText(window.location.href).then(function(){
        showToast(&#39;Ο σύνδεσμος αντιγράφηκε!&#39;);
      }).catch(function(){
        showToast(&#39;Αντιγράψτε το URL από τη γραμμή διευθύνσεων.&#39;);
      });
    }
  });

  // Copy Content Logic
  document.getElementById(&#39;mpg-btn-copy&#39;).addEventListener(&#39;click&#39;, function(){
    var bodyText = document.querySelector(&#39;.mpg-body&#39;).innerText;
    navigator.clipboard.writeText(bodyText).then(function(){
      showToast(&#39;Το κείμενο αντιγράφηκε επιτυχώς!&#39;);
    }).catch(function(){
      showToast(&#39;Αποτυχία αντιγραφής.&#39;);
    });
  });

  // Print Logic
  document.getElementById(&#39;mpg-btn-print&#39;).addEventListener(&#39;click&#39;, function(){
    window.print();
  });

  // Lightbox Modal Logic
  var lb = document.getElementById(&#39;mpg-lightbox&#39;);
  var lbImg = document.getElementById(&#39;mpg-lightbox-img&#39;);
  document.querySelectorAll(&#39;.mpg-lightbox-trigger&#39;).forEach(function(el){
    el.addEventListener(&#39;click&#39;, function(){
      lbImg.src = el.getAttribute(&#39;data-src&#39;);
      lb.classList.add(&#39;open&#39;);
    });
  });
  document.getElementById(&#39;mpg-lightbox-close&#39;).addEventListener(&#39;click&#39;, function(){ lb.classList.remove(&#39;open&#39;); });
  lb.addEventListener(&#39;click&#39;, function(e){ if (e.target === lb) lb.classList.remove(&#39;open&#39;); });

})();
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/09/marika-papagkika-to-ilektriko-koritsi-piop-tayros.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-5740575579015932752</guid><pubDate>Mon, 07 Sep 2026 11:26:08 +0000</pubDate><atom:updated>2026-09-07T14:34:54.102+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>«Εν Αρχή Ρεμπέτικο»: Η μεγάλη μουσικοθεατρική παράσταση επιστρέφει στη Ραφήνα</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;«ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ» στη Ραφήνα&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              teal: &#39;#0d9488&#39;,
              tealDark: &#39;#0f766e&#39;,
              emerald: &#39;#059669&#39;,
              coral: &#39;#f97316&#39;,
              rose: &#39;#e11d48&#39;,
              bgLight: &#39;#fcfbf7&#39;,
              charcoal: &#39;#111827&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fcfbf7 !important;
      color: #111827 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #0b0f17 !important;
      color: #f3f4f6 !important;
    }

    /* Explicit high-contrast red links ensuring background visibility */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #e11d48 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(225, 29, 72, 0.1);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #be123c !important;
      background-color: rgba(225, 29, 72, 0.22);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #fb7185 !important;
      background-color: rgba(251, 113, 133, 0.18);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fda4af !important;
      background-color: rgba(251, 113, 133, 0.3);
    }

    /* Overlay caption links */
    .hero-caption a {
      color: #5eead4 !important;
      text-decoration: underline !important;
      font-weight: 600;
    }
    .hero-caption a:hover {
      color: #ffffff !important;
    }

    /* Fallback class for dark header gradient */
    .brand-gradient {
      background: linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #042f2e 100%) !important;
      color: #ffffff !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #0b0f17;
    }
    ::-webkit-scrollbar-thumb {
      background: #0d9488;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fcfbf7] text-[#111827] dark:bg-[#0b0f17] dark:text-[#f3f4f6] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-teal-900/10 dark:border-teal-500/20 flex flex-col justify-between&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[5px] bg-gradient-to-r from-rose-500 via-amber-400 to-teal-400 w-0 z-50 transition-all duration-75 shadow-[0_0_10px_rgba(244,63,94,0.6)]&quot;&gt;&lt;/div&gt;

    &lt;div&gt;
      &lt;!-- HEADER NAVIGATION WITH INLINE STYLES FOR ABSOLUTE COMPATIBILITY --&gt;
      &lt;header style=&quot;background: linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #042f2e 100%) !important; color: #ffffff !important;&quot; class=&quot;sticky top-0 z-40 w-full shadow-lg transition-all duration-300 border-b border-teal-400/30&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
          
          &lt;!-- Topic Title --&gt;
          &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
            &lt;div style=&quot;background-color: rgba(0, 0, 0, 0.4) !important; border: 1px solid rgba(255, 255, 255, 0.4) !important;&quot; class=&quot;w-[2.4em] h-[2.4em] rounded-full flex-shrink-0 flex items-center justify-center text-amber-300 shadow-md&quot;&gt;
              &lt;i class=&quot;fa-solid fa-guitar text-[1em]&quot;&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div class=&quot;truncate&quot;&gt;
              &lt;span style=&quot;color: #ffffff !important;&quot; class=&quot;font-garamond font-bold text-[1.1em] sm:text-[1.25em] block truncate drop-shadow&quot;&gt;
                «ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ» στη Ραφήνα
              &lt;/span&gt;
              &lt;span style=&quot;color: #fde68a !important;&quot; class=&quot;font-jura text-[0.72em] block -mt-0.5 font-bold uppercase tracking-wider truncate drop-shadow-sm&quot;&gt;
                Μουσικοθεατρική Παράσταση • Δήμος Ραφήνας–Πικερμίου
              &lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- Controls --&gt;
          &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
            
            &lt;!-- Font Sizing Buttons --&gt;
            &lt;div style=&quot;background-color: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: #ffffff !important;&quot; class=&quot;hidden md:flex items-center backdrop-blur-md rounded-lg p-1 text-[0.75em] font-sans shadow-md&quot;&gt;
              &lt;button onclick=&quot;adjustFontSize(-1)&quot; style=&quot;color: #ffffff !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
              &lt;button onclick=&quot;resetFontSize()&quot; style=&quot;color: #fcd34d !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
              &lt;button onclick=&quot;adjustFontSize(1)&quot; style=&quot;color: #ffffff !important;&quot; class=&quot;w-7 h-7 hover:bg-white/20 rounded flex items-center justify-center font-bold transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- Print --&gt;
            &lt;button onclick=&quot;window.print()&quot; style=&quot;background-color: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: #ffffff !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full backdrop-blur-md hover:bg-white/25 flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εκτύπωση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-print text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Share --&gt;
            &lt;button onclick=&quot;copyArticleLink()&quot; style=&quot;background-color: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: #ffffff !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full backdrop-blur-md hover:bg-white/25 flex items-center justify-center transition-all shadow-md&quot; title=&quot;Κοινοποίηση&quot;&gt;
              &lt;i class=&quot;fa-solid fa-share-nodes text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;

            &lt;!-- Dark/Light Theme --&gt;
            &lt;button onclick=&quot;toggleTheme()&quot; style=&quot;background-color: rgba(0, 0, 0, 0.45) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: #ffffff !important;&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full backdrop-blur-md hover:bg-white/25 flex items-center justify-center transition-all shadow-md&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
              &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.85em]&quot;&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/header&gt;

      &lt;section id=&quot;art-en-archi-rempetiko&quot; class=&quot;pt-[1em] pb-[1.5em] transition-colors duration-300&quot;&gt;
        
        &lt;!-- HERO IMAGE WITH OVERLAY SOURCE CREDIT --&gt;
        &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
          &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-teal-100 dark:border-stone-800&quot;&gt;
            &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
              &lt;img src=&quot;https://rpn.gr/wp-content/uploads/2026/09/792158069_1622420249894236_5031895559508014419_n.jpg&quot; 
                   alt=&quot;ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ στη Ραφήνα&quot; 
                   onclick=&quot;openLightbox(this.src)&quot;
                   class=&quot;w-full h-auto max-h-[680px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
              
              &lt;!-- OVERLAY CAPTION --&gt;
              &lt;div class=&quot;hero-caption absolute bottom-[0.75rem] left-[0.75rem] right-[0.75rem] sm:left-auto sm:right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.4em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-2 border border-white/20&quot;&gt;
                &lt;i class=&quot;fa-solid fa-camera text-teal-400&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Πηγή Εικόνας: &lt;a href=&quot;https://rpn.gr/rafina-en-archi-rempetiko-tin-tetarti-9-septemvrioy/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;rpn.gr&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[0.5em]&quot;&gt;
          
          &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
            
            &lt;!-- HEADING &amp; SUBTITLE --&gt;
            &lt;div&gt;
              &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-garamond font-bold tracking-normal text-stone-900 dark:text-stone-100 mb-2 border-b border-teal-500/30 pb-3 leading-snug&quot;&gt;
                «ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ» στη Ραφήνα
              &lt;/h1&gt;
              &lt;p class=&quot;font-jura font-semibold text-base sm:text-lg text-teal-700 dark:text-teal-400 tracking-wide uppercase mt-2&quot;&gt;
                — Δεύτερος κύκλος της επιτυχημένης μουσικοθεατρικής παράστασης στον προαύλιο χώρο του Γυμνασίου–Λυκείου Ραφήνας —
              &lt;/p&gt;
            &lt;/div&gt;

            &lt;!-- BOLD INTRO PARAGRAPH --&gt;
            &lt;p class=&quot;leading-relaxed font-bold italic text-[1.2em] sm:text-[1.3em] text-stone-900 dark:text-stone-100&quot;&gt;
              Το Τμήμα Πολιτισμού του Δήμου Ραφήνας–Πικερμίου παρουσιάζει την Τετάρτη 9 Σεπτεμβρίου 2026, στις 20:30, στον προαύλιο χώρο του Γυμνασίου–Λυκείου Ραφήνας, τον δεύτερο κύκλο της μουσικοθεατρικής παράστασης «ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ». Η παραγωγή επιστρέφει μετά τη θερμή υποδοχή και την επιτυχία που σημείωσε στις «Εαρινές Βραδιές Φρυνίχου Unplugged» του Θεάτρου Τέχνης.
            &lt;/p&gt;

            &lt;!-- INVISIBLE MORE TAG FOR POST CUT --&gt;
            &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

            &lt;!-- CONCEPT CARD --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-gradient-to-br from-teal-50 to-emerald-50 dark:from-stone-900 dark:to-teal-950/40 border-l-4 border-teal-600 rounded-r-2xl shadow-sm&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 font-jura font-bold text-lg sm:text-xl text-teal-950 dark:text-teal-200 mb-3&quot;&gt;
                &lt;i class=&quot;fa-solid fa-compact-disc text-teal-600 text-xl&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Ένα Ταξίδι από τη Σμύρνη στον Πειραιά&lt;/span&gt;
              &lt;/div&gt;
              &lt;p class=&quot;text-stone-800 dark:text-stone-200 leading-relaxed text-base sm:text-lg&quot;&gt;
                Το &lt;strong&gt;«ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ»&lt;/strong&gt; αποτελεί ένα ιδιαίτερο καλλιτεχνικό ταξίδι που ξεκινά από τη Σμύρνη, περνά στον Πειραιά και φτάνει στη σύγχρονη Ελλάδα. Μέσα από τραγούδια, αφηγήσεις και ποιητικές αναφορές, αναδεικνύει τη δύναμη, την ιστορία και τη διαχρονικότητα του ρεμπέτικου, παρουσιάζοντάς το ως ζωντανό πολιτιστικό υλικό που εξακολουθεί να συνομιλεί με το σήμερα.
              &lt;/p&gt;
            &lt;/div&gt;

            &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-teal-800 dark:text-teal-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800 flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-users text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Συνάντηση Σπουδαίων Καλλιτεχνών στη Σκηνή&lt;/span&gt;
            &lt;/h2&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Στη σκηνή συναντώνται ο ερμηνευτής &lt;strong&gt;Νίκος Γραίγος&lt;/strong&gt;, η καταξιωμένη &lt;strong&gt;Ναταλία Δραγούμη&lt;/strong&gt; και η εκλεκτή &lt;strong&gt;Σωτηρία Αγγέλου&lt;/strong&gt;, δημιουργώντας μια παράσταση γεμάτη μουσική, λόγο και συναίσθημα. Το ρεμπέτικo δεν παρουσιάζεται ως μουσειακό απολίθωμα, αλλά ως μια ζωντανή μορφή τέχνης που συνεχίζει να εμπνέει και να συγκινεί.
            &lt;/p&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Τραγούδι, αφήγηση, ρυθμός, μνήμη και αναγέννηση συνθέτουν μια παράσταση που φωτίζει τις ρίζες και τη σύγχρονη παρουσία αυτού του μοναδικού μουσικού πολιτισμού.
            &lt;/p&gt;

            &lt;!-- CONTRIBUTORS CARD (ΣΥΝΤΕΛΕΣΤΕΣ) --&gt;
            &lt;div class=&quot;my-6 p-5 sm:p-6 bg-stone-100 dark:bg-stone-900/90 rounded-2xl border-2 border-emerald-600/60 shadow-md font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-teal-900 dark:text-teal-300&quot;&gt;
                &lt;i class=&quot;fa-solid fa-masks-theater text-2xl text-emerald-600&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;🎭 Συντελεστές Παράστασης&lt;/h2&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;space-y-3 text-stone-800 dark:text-stone-200 font-medium text-base sm:text-lg&quot;&gt;
                &lt;li class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-clapperboard text-emerald-600 mt-1 text-sm&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;&lt;strong&gt;Σκηνοθεσία – Αφήγηση – Παρουσίαση:&lt;/strong&gt; Ναταλία Δραγούμη&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-sliders text-emerald-600 mt-1 text-sm&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;&lt;strong&gt;Καλλιτεχνική επιμέλεια:&lt;/strong&gt; Νίκος Γραίγος&lt;/span&gt;
                &lt;/li&gt;
                &lt;li class=&quot;flex items-start gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-music text-emerald-600 mt-1 text-sm&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;&lt;strong&gt;Επιμέλεια ορχήστρας – Προγράμματος:&lt;/strong&gt; Πέτρος Καπέλλας (σολίστ μπουζουκιού)&lt;/span&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

            &lt;p class=&quot;leading-relaxed&quot;&gt;
              Ο Δήμος Ραφήνας–Πικερμίου συνεχίζει να στηρίζει δράσεις που αναδεικνύουν την ελληνική μουσική παράδοση και τη σύγχρονη καλλιτεχνική δημιουργία, προσφέροντας στο κοινό ποιοτικές πολιτιστικές εμπειρίες.
            &lt;/p&gt;

            &lt;!-- FULL POSTER CARD (FRAMED POSTER) --&gt;
            &lt;div class=&quot;my-8 p-4 sm:p-6 bg-gradient-to-b from-stone-900 to-stone-950 rounded-2xl border border-teal-500/30 shadow-2xl text-center&quot;&gt;
              &lt;div class=&quot;flex items-center justify-center gap-2 font-jura font-bold text-lg sm:text-xl text-teal-300 mb-4 uppercase tracking-wider&quot;&gt;
                &lt;i class=&quot;fa-solid fa-scroll text-amber-400&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Επίσημη Αφίσα Εκδήλωσης&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;relative inline-block overflow-hidden rounded-xl border-4 border-amber-500/40 shadow-xl group&quot;&gt;
                &lt;img src=&quot;https://rpn.gr/wp-content/uploads/2026/09/792158069_1622420249894236_5031895559508014419_n-1.jpg&quot; 
                     alt=&quot;Αφίσα ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ&quot; 
                     onclick=&quot;openLightbox(this.src)&quot;
                     class=&quot;max-w-full h-auto max-h-[750px] object-contain mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
                &lt;div class=&quot;absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center cursor-pointer pointer-events-none&quot;&gt;
                  &lt;span class=&quot;bg-black/80 text-teal-300 font-sans font-bold px-4 py-2 rounded-lg text-sm border border-teal-400/40&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-magnifying-glass-plus mr-1&quot;&gt;&lt;/i&gt; Μεγέθυνση Αφίσας
                  &lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- EVENT IDENTITY CARD --&gt;
            &lt;div class=&quot;mt-8 p-5 sm:p-6 rounded-xl bg-stone-100 dark:bg-stone-900/90 border-2 border-teal-600/80 shadow-lg font-sans&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-stone-900 dark:text-white&quot;&gt;
                &lt;i class=&quot;fa-solid fa-calendar-check text-2xl text-teal-600&quot;&gt;&lt;/i&gt;
                &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;Ταυτότητα Εκδήλωσης&lt;/h2&gt;
              &lt;/div&gt;

              &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
                &lt;!-- Location &amp; Date --&gt;
                &lt;div class=&quot;space-y-3&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-clock text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Ημερομηνία &amp; Ώρα:&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                    • &lt;strong&gt;Ημερομηνία:&lt;/strong&gt; Τετάρτη 09 Σεπτεμβρίου 2026&lt;br&gt;
                    • &lt;strong&gt;Ώρα Έναρξης:&lt;/strong&gt; 20:30
                  &lt;/p&gt;

                  &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg pt-2&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-location-dot text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Τοποθεσία:&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                    • &lt;strong&gt;Χώρος:&lt;/strong&gt; Προαύλιος χώρος Γυμνασίου–Λυκείου Ραφήνας&lt;br&gt;
                    • &lt;strong&gt;Δήμος:&lt;/strong&gt; Ραφήνας–Πικερμίου
                  &lt;/p&gt;
                &lt;/div&gt;

                &lt;!-- Performers &amp; Organizers --&gt;
                &lt;div class=&quot;space-y-3&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-building-columns text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Διοργάνωση &amp; Συντελεστές:&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                    • &lt;strong&gt;Διοργάνωση:&lt;/strong&gt; Τμήμα Πολιτισμού Δήμου Ραφήνας–Πικερμίου&lt;br&gt;
                    • &lt;strong&gt;Ερμηνευτές:&lt;/strong&gt; Νίκος Γραίγος, Ναταλία Δραγούμη, Σωτηρία Αγγέλου&lt;br&gt;
                    • &lt;strong&gt;Σολίστ Μπουζουκιού:&lt;/strong&gt; Πέτρος Καπέλλας
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/article&gt;
        &lt;/main&gt;
      &lt;/section&gt;
    &lt;/div&gt;

    &lt;!-- UNIFIED SOURCE CARD &amp; FOOTER BLOCK --&gt;
    &lt;div class=&quot;mt-10 w-full max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] pb-4&quot;&gt;
      
      &lt;!-- ΚΑΡΤΑ ΠΗΓΗΣ (Top Corners: rounded-t-[18px], Bottom Corners: rounded-b-none) --&gt;
      &lt;div class=&quot;w-full p-5 sm:p-6 rounded-t-[18px] rounded-b-none border-t border-x border-teal-500/30 bg-gradient-to-r from-teal-900 via-stone-900 to-emerald-950 text-white font-sans transition-all duration-300 shadow-md&quot;&gt;
        &lt;div class=&quot;flex flex-col sm:flex-row items-center justify-between gap-4&quot;&gt;
          &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
            &lt;div class=&quot;w-11 h-11 rounded-full bg-teal-500/20 border border-teal-400/40 flex flex-shrink-0 items-center justify-center text-teal-300 shadow-inner&quot;&gt;
              &lt;i class=&quot;fa-solid fa-newspaper text-xl&quot;&gt;&lt;/i&gt;
            &lt;/div&gt;
            &lt;div&gt;
              &lt;span class=&quot;text-[0.7em] font-jura uppercase tracking-widest text-teal-300 font-semibold block&quot;&gt;Πρωτογενης Πηγη&lt;/span&gt;
              &lt;h3 class=&quot;font-bold text-base sm:text-lg text-white font-garamond leading-tight&quot;&gt;rpn.gr — Ειδήσεις &amp; Νέα Ραφήνας&lt;/h3&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a href=&quot;https://rpn.gr/rafina-en-archi-rempetiko-tin-tetarti-9-septemvrioy/&quot; 
             target=&quot;_blank&quot; 
             rel=&quot;noopener noreferrer&quot; 
             class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2.5 px-6 py-3 rounded-xl font-sans font-bold text-stone-950 bg-gradient-to-r from-amber-300 via-teal-200 to-emerald-300 hover:from-amber-200 hover:to-teal-100 shadow-md hover:shadow-lg transition-all duration-300 text-sm sm:text-base text-center&quot;&gt;
            &lt;i class=&quot;fa-solid fa-globe text-stone-900&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Source: rpn.gr&lt;/span&gt;
            &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-800&quot;&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- ΦΟΥΤΕΡ (Top Corners: rounded-t-none, Bottom Corners: rounded-b-[18px]) --&gt;
      &lt;footer class=&quot;w-full p-4 sm:p-5 rounded-t-none rounded-b-[18px] border-b border-x border-teal-500/30 bg-stone-900 dark:bg-stone-950 text-stone-300 transition-colors duration-300 border-t border-stone-800&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] font-sans font-medium text-stone-400&quot;&gt;
          &lt;p&gt;© 2026 «ΕΝ ΑΡΧΗ ΡΕΜΠΕΤΙΚΟ» • Δήμος Ραφήνας–Πικερμίου • Πολιτιστικές Δράσεις.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt;

    &lt;/div&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-teal-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-teal-400 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/09/en-archi-rempetiko-rafina-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-2510398470523614232</guid><pubDate>Mon, 31 Aug 2026 11:26:00 +0000</pubDate><atom:updated>2026-08-31T14:26:00.114+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Συναυλία Ελλάδας–Βόρειας Μακεδονίας στην Ηράκλεια Λυγκηστίδα: Μουσική γέφυρα πολιτισμού.</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Ρεμπέτικη Συναυλία στην Αρχαία Ηράκλεια Λυγκηστίδος&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              amber: &#39;#d97706&#39;,
              amberDark: &#39;#b45309&#39;,
              redAccent: &#39;#ea580c&#39;,
              bgLight: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Links explicit high-contrast styling */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(220, 38, 38, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
      background-color: rgba(220, 38, 38, 0.18);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #f87171 !important;
      background-color: rgba(248, 113, 113, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
      background-color: rgba(248, 113, 113, 0.25);
    }

    /* Caption specific inline links */
    .hero-caption a {
      color: #fde68a !important;
      text-decoration: underline !important;
      font-weight: 600;
    }
    .hero-caption a:hover {
      color: #ffffff !important;
    }

    /* Gradient Background for Header */
    .brand-gradient {
      background: linear-gradient(135deg, #FFF3E5 0%, #FDFFE5 50%, #E5EFFF 100%) !important;
    }

    /* Scrollbar Styling */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-amber-600 via-orange-500 to-red-600 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-music text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-garamond font-bold text-amber-950 text-[1em] sm:text-[1.15em] block truncate&quot;&gt;
              Ρεμπέτικη Συναυλία στην Ηράκλεια
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              Πολιτιστική Γέφυρα • Ελλάδα &amp; Βόρεια Μακεδονία
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-concert-heraclea&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- HERO IMAGE DISPLAY WITH ACTIVE CREDITS &amp; LINKS --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://greekreporter.com/wp-content/uploads/2026/08/concert-greek-music-north-macedonia-1392x783.jpg.webp&quot; 
                 alt=&quot;Ρεμπέτικη Συναυλία στην Αρχαία Ηράκλεια Λυγκηστίδος&quot; 
                 onclick=&quot;openLightbox(this.src)&quot;
                 class=&quot;w-full h-auto max-h-[580px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            
            &lt;!-- OVERLAY CAPTION WITH ACTIVE LINKS --&gt;
            &lt;div class=&quot;hero-caption absolute bottom-[0.75rem] left-[0.75rem] right-[0.75rem] sm:left-auto sm:right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.4em] rounded-md backdrop-blur-sm font-jura shadow-md flex flex-wrap items-center justify-between sm:justify-end gap-2 border border-white/20&quot;&gt;
              &lt;div class=&quot;flex items-center gap-1.5&quot;&gt;
                &lt;i class=&quot;fa-solid fa-camera text-amber-400&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Credit pic: &lt;a href=&quot;https://www.amna.gr/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;AMNA&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;span class=&quot;hidden sm:inline text-stone-400&quot;&gt;•&lt;/span&gt;
              &lt;div class=&quot;flex items-center gap-1.5&quot;&gt;
                &lt;i class=&quot;fa-solid fa-newspaper text-amber-400&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Αναδημοσίευση εικόνας: &lt;a href=&quot;https://greekreporter.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;Greek Reporter&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- SINGLE ARTICLE HEADING &amp; SUBTITLE --&gt;
          &lt;div&gt;
            &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-garamond font-bold tracking-normal text-stone-900 dark:text-stone-100 mb-2 border-b border-orange-500/30 pb-3 leading-snug&quot;&gt;
              Ρεμπέτικη Συναυλία στην Αρχαία Ηράκλεια Λυγκηστίδος
            &lt;/h1&gt;
            &lt;p class=&quot;font-jura font-semibold text-base sm:text-lg text-orange-700 dark:text-orange-400 tracking-wide uppercase mt-2&quot;&gt;
              — Μια ξεχωριστή πολιτισμική γέφυρα με ρεμπέτικα και δημοτικά τραγούδια στο ρωμαϊκό θέατρο κοντά στο Μοναστήρι —
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- BOLD INTRO PARAGRAPH --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.2em] sm:text-[1.3em] text-stone-900 dark:text-stone-100&quot;&gt;
            Μια ξεχωριστή μουσική συνάντηση πραγματοποιήθηκε το καλοκαίρι του 2026 στο αρχαίο θέατρο της Ηράκλειας Λυγκηστίδος, κοντά στο Μοναστήρι (Μπίτολα) της Βόρειας Μακεδονίας. Έλληνες και Βορειομακεδόνες μουσικοί ανέβηκαν στη σκηνή του εντυπωσιακού ρωμαϊκού θεάτρου και παρουσίασαν μια συναυλία αφιερωμένη στο ρεμπέτικο και το παραδοσιακό δημοτικό τραγούδι των δύο χωρών — μια βραδιά που χαρακτηρίστηκε ως «πολιτισμική γέφυρα» ανάμεσα στους δύο λαούς.
          &lt;/p&gt;

          &lt;!-- INVISIBLE MORE TAG FOR POST CUT --&gt;
          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800 flex items-center gap-2&quot;&gt;
            &lt;i class=&quot;fa-solid fa-landmark-dome text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Ιστορικός χώρος και διεθνές φεστιβάλ&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η εκδήλωση εντάχθηκε στο ετήσιο διεθνές πολιτιστικό φεστιβάλ που φιλοξενείται στον αρχαιολογικό χώρο, αξιοποιώντας το μοναδικό ιστορικό βάρος της Ηράκλειας, πόλης που ιδρύθηκε από τον &lt;strong&gt;Φίλιππο Β΄ τον 4ο αιώνα π.Χ.&lt;/strong&gt; και γνώρισε μεγάλη ακμή στη ρωμαϊκή περίοδο. Η επιλογή του θεάτρου θεωρήθηκε ιδιαίτερα συμβολική, καθώς αποτελεί σημείο αναφοράς για επισκέπτες και από τις δύο πλευρές των συνόρων.
          &lt;/p&gt;

          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800 flex items-center gap-2&quot;&gt;
            &lt;i class=&quot;fa-solid fa-record-vinyl text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Μουσικές συμπράξεις και κοινές βαλκανικές ρίζες&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Στη συναυλία παρουσιάστηκαν κλασικά ρεμπέτικα από Έλληνες ερμηνευτές, ενώ εναλλάξ ακούστηκαν παραδοσιακά τραγούδια της Βόρειας Μακεδονίας. Σε αρκετά κομμάτια οι μουσικοί συνέπραξαν επί σκηνής, δημιουργώντας πρωτότυπες συνθέσεις που ανέδειξαν τις κοινές βαλκανικές μουσικές ρίζες — αποτέλεσμα αιώνων ιστορικών αλληλεπιδράσεων στην περιοχή της πρώην Οθωμανικής Αυτοκρατορίας.
          &lt;/p&gt;

          &lt;!-- HIGHLIGHTED QUOTE BOX --&gt;
          &lt;div class=&quot;my-6 p-5 sm:p-6 bg-gradient-to-br from-amber-50 to-orange-50 dark:from-stone-900 dark:to-amber-950/40 border-l-4 border-orange-600 rounded-r-2xl shadow-sm font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2 font-jura font-bold text-lg sm:text-xl text-amber-950 dark:text-amber-200 mb-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-hands-holding-circle text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Πολιτιστική Διπλωματία &amp; Αμοιβαία Κατανόηση&lt;/span&gt;
            &lt;/div&gt;
            &lt;p class=&quot;italic text-stone-800 dark:text-stone-200 leading-relaxed text-base sm:text-lg&quot;&gt;
              «Στόχος της εκδήλωσης ήταν η ανάδειξη της μουσικής ως μέσου επικοινωνίας και αμοιβαίας κατανόησης, σε μια περίοδο όπου η πολιτιστική διπλωματία Ελλάδας–Βόρειας Μακεδονίας ενισχύεται μετά τη &lt;a href=&quot;https://el.wikipedia.org/wiki/%CE%A3%CF%85%CE%BC%CF%86%CF%89%CE%BD%CE%AF%CE%B1_%CF%84%CF%89%CE%BD_%CE%A0%CF%81%CE%B5%CF%83%CF%80%CF%8E%CE%BD&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Συμφωνία των Πρεσπών (2018)&lt;/a&gt;. Η συναυλία αποτελεί μέρος μιας ευρύτερης προσπάθειας συνεργασίας με ανταλλαγές μουσικών και διακρατικές πολιτιστικές πρωτοβουλίες.»
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το κοινό που παρακολούθησε την εκδήλωση ήταν πολυπληθές, με κατοίκους του Μοναστηρίου αλλά και πολλούς επισκέπτες από τη Βόρεια Ελλάδα — κυρίως από &lt;strong&gt;Θεσσαλονίκη&lt;/strong&gt; και &lt;strong&gt;Φλώρινα&lt;/strong&gt; — που αξιοποίησαν τη μικρή απόσταση από τα σύνορα. Μουσικολόγοι που παρευρέθηκαν σημείωσαν ότι το ρεμπέτικο, αναγνωρισμένο από την &lt;a href=&quot;https://ich.unesco.org/en/RL/rebetiko-01291&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;UNESCO&lt;/a&gt; ως άυλη πολιτιστική κληρονομιά, μοιράζεται κοινά μουσικά στοιχεία με παραδόσεις των βαλκανικών λαών, καθιστώντας τέτοιες συμπράξεις φυσικές και δημιουργικές.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η επιτυχία της εκδήλωσης, με έντονη συμμετοχή και θετικές αντιδράσεις, ενθαρρύνει τους διοργανωτές να εξετάσουν τη θεσμοθέτηση μιας ετήσιας ελληνο–βορειομακεδονικής μουσικής συνάντησης στον ίδιο χώρο, αξιοποιώντας το ιστορικό θέατρο της Ηράκλειας ως σημείο πολιτιστικής συνεργασίας και διαλόγου για τα επόμενα χρόνια.
          &lt;/p&gt;

          &lt;!-- EVENT IDENTITY CARD --&gt;
          &lt;div class=&quot;mt-8 p-5 sm:p-6 rounded-xl bg-stone-100 dark:bg-stone-900/90 border-2 border-orange-600/80 shadow-lg font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-stone-900 dark:text-white&quot;&gt;
              &lt;i class=&quot;fa-solid fa-landmark text-2xl text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;Ταυτότητα Εκδήλωσης&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
              &lt;!-- Location &amp; Date --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-location-dot text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Τοποθεσία &amp; Χρόνος:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • &lt;strong&gt;Χώρος:&lt;/strong&gt; Αρχαίο Ρωμαϊκό Θέατρο Ηράκλειας Λυγκηστίδος&lt;br&gt;
                  • &lt;strong&gt;Περιοχή:&lt;/strong&gt; Μοναστήρι (Μπίτολα), Βόρεια Μακεδονία&lt;br&gt;
                  • &lt;strong&gt;Περίοδος:&lt;/strong&gt; Καλοκαίρι 2026
                &lt;/p&gt;

                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg pt-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-[#d97706] fa-guitar text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Μουσικό Περιεχόμενο:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • Ρεμπέτικα &amp; Ελληνικά Παραδοσιακά Τραγούδια&lt;br&gt;
                  • Παραδοσιακή Μουσική Βόρειας Μακεδονίας&lt;br&gt;
                  • Κοινές Σκηνικές Συμπράξεις &amp; Αυτοσχεδιασμοί
                &lt;/p&gt;
              &lt;/div&gt;

              &lt;!-- Media Credits &amp; Context --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-shield-halved text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Συντελεστές &amp; Αναφορές:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • &lt;strong&gt;Φωτογραφικό Υλικό:&lt;/strong&gt; &lt;a href=&quot;https://www.amna.gr/&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;AMNA&lt;/a&gt;&lt;br&gt;
                  • &lt;strong&gt;Αναδημοσίευση Εικόνας:&lt;/strong&gt; &lt;a href=&quot;https://greekreporter.com/&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Greek Reporter&lt;/a&gt;&lt;br&gt;
                  • &lt;strong&gt;Αναγνώριση UNESCO:&lt;/strong&gt; Αστικό Λαϊκό Τραγούδι (Ρεμπέτικο)
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCE BUTTON (FULL WIDTH, EXACT GRADIENT, CENTERED TEXT) --&gt;
          &lt;div class=&quot;mt-8 font-sans w-full&quot;&gt;
            &lt;a href=&quot;https://radiome.gr/rebetiko-synaylia-irakleia-lynkistis-bitola/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-center gap-2 p-4 rounded-xl font-sans font-bold text-stone-900 shadow-md border border-stone-300/60 hover:shadow-lg hover:scale-[1.01] transition-all duration-300 text-base sm:text-lg text-center&quot;
               style=&quot;background: linear-gradient(90deg, #FFCD9C 0%, #C4FFFE 50%, #C7FFC4 100%);&quot;&gt;
              &lt;i class=&quot;fa-solid fa-globe text-stone-800&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Source: Radiome.gr&lt;/span&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-sm text-stone-700&quot;&gt;&lt;/i&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026 Ρεμπέτικη Συναυλία στην Αρχαία Ηράκλεια Λυγκηστίδος • Πολιτιστική Συνεργασία &amp; Μουσικές Γέφυρες.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-amber-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/ellino-voriomakedoniki-synergasia-politismos.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-5380330110024333133</guid><pubDate>Sun, 30 Aug 2026 13:34:00 +0000</pubDate><atom:updated>2026-08-30T16:34:00.116+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετης</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><title>Οι πρωτορεμπέτες του Πειραιά: Μάγκες, μπουζούκια και οι ρίζες του ρεμπέτικου</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Πρωτορέμπετες: Ποιοι έπαιζαν μπουζούκι πριν από τον Μάρκο Βαμβακάρη&lt;/title&gt;
  
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              amber: &#39;#d97706&#39;,
              amberDark: &#39;#b45309&#39;,
              redAccent: &#39;#ea580c&#39;,
              bgLight: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Links explicit high-contrast styling */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(220, 38, 38, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
      background-color: rgba(220, 38, 38, 0.18);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #f87171 !important;
      background-color: rgba(248, 113, 113, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
      background-color: rgba(248, 113, 113, 0.25);
    }

    /* Gradient Background for Header */
    .brand-gradient {
      background: linear-gradient(135deg, #FFF3E5 0%, #FDFFE5 50%, #E5EFFF 100%) !important;
    }

    /* Scrollbar Styling */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Responsive Iframe Container */
    .responsive-video {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 ratio */
      height: 0;
      overflow: hidden;
      border-radius: 0.75rem;
    }

    .responsive-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-amber-600 via-orange-500 to-red-600 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-record-vinyl text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-garamond font-bold text-amber-950 text-[1em] sm:text-[1.15em] block truncate&quot;&gt;
              Πρωτορέμπετες: Πριν τον Μάρκο
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              Ιστορική Αναδρομή • Η Προϊστορία του Ρεμπέτικου
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-protorempetes&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- HERO IMAGE DISPLAY --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://www.culturenow.gr/wp-content/uploads/2026/05/SONIC-HISTORIES-940x549.jpg&quot; 
                 alt=&quot;Πρωτορέμπετες - Sonic Histories&quot; 
                 onclick=&quot;openLightbox(this.src)&quot;
                 class=&quot;w-full h-auto max-h-[580px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-expand text-amber-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Πρωτορέμπετες &amp; Πειραιώτικο Μπουζούκι&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- SINGLE ARTICLE HEADING &amp; SUBTITLE --&gt;
          &lt;div&gt;
            &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-garamond font-bold tracking-normal text-stone-900 dark:text-stone-100 mb-2 border-b border-orange-500/30 pb-3 leading-snug&quot;&gt;
              Πρωτορέμπετες: Ποιοι έπαιζαν μπουζούκι πριν από τον Μάρκο Βαμβακάρη
            &lt;/h1&gt;
            &lt;p class=&quot;font-jura font-semibold text-base sm:text-lg text-orange-700 dark:text-orange-400 tracking-wide uppercase mt-2&quot;&gt;
              — Ο υπόγειος κόσμος των πρώτων οργανοπαικτών, τα ταξίμια του Πειραιά και οι ηχογραφήσεις του Μεσοπολέμου —
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- BOLD INTRO --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.2em] sm:text-[1.3em] text-stone-900 dark:text-stone-100&quot;&gt;
            Πριν ο &lt;a href=&quot;https://www.sansimera.gr/biographies/355&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Μάρκος Βαμβακάρης&lt;/a&gt; δώσει στο αστικό λαϊκό τραγούδι μορφή, ταυτότητα και ραχοκοκαλιά, υπήρχε ήδη ένας υπόγειος κόσμος μουσικών, μάγκων και οργανοπαικτών που έπαιζαν μπουζούκι πολύ πριν το ρεμπέτικο αποκτήσει όνομα. Ο Βαμβακάρης υπήρξε ο πατριάρχης του είδους, ο άνθρωπος που επηρέασε βαθιά τους μεταγενέστερους δημιουργούς: &lt;a href=&quot;https://vmrebetiko.gr&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Παπαϊωάννου&lt;/a&gt;, Χατζηχρήστο, Μπαγιαντέρα, Χιώτη, Τσιτσάνη, Μητσάκη, Καλδάρα και τόσους άλλους.
          &lt;/p&gt;

          &lt;!-- INVISIBLE MORE TAG FOR POST READ MORE CUT --&gt;
          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800 flex items-center gap-2&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Οι πρώτοι μπουζουξήδες – πριν από τον Μάρκο&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η καρδιά του πρώιμου ρεμπέτικου χτυπούσε στο πειραιώτικο καφενεδάκι του &lt;strong&gt;Μπάτη&lt;/strong&gt;, στην πλατεία Καραϊσκάκη. Εκεί μαζευόταν η αφρόκρεμα του λιμανιού, οι μάγκες, οι παλιοί κατάδικοι, οι μόρτηδες και οι γεροντόμαγκες που έπαιζαν μπουζούκι όχι ως επάγγελμα, αλλά ως τρόπο ζωής.
          &lt;/p&gt;

          &lt;!-- QUOTE BOX FROM NIKOS MATHESIS --&gt;
          &lt;div class=&quot;my-6 p-5 sm:p-6 bg-gradient-to-br from-amber-50 to-orange-50 dark:from-stone-900 dark:to-amber-950/40 border-l-4 border-orange-600 rounded-r-2xl shadow-sm font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2 font-jura font-bold text-lg sm:text-xl text-amber-950 dark:text-amber-200 mb-3&quot;&gt;
              &lt;i class=&quot;fa-solid fa-quote-left text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Ο Νίκος Μάθεσης (Τρελάκιας) περιγράφει με ακρίβεια εκείνη την εποχή:&lt;/span&gt;
            &lt;/div&gt;

            &lt;blockquote class=&quot;italic text-stone-800 dark:text-stone-200 leading-relaxed text-base sm:text-lg mb-3&quot;&gt;
              «Δεν υπήρχαν επαγγελματίες μπουζουξήδες· μόνο παλιοί μάγκες που έπαιζαν ταξίμια και μερακλίδικα κομμάτια. Ανάμεσά τους ο &lt;strong&gt;Μιμίκος ο αραμπατζής&lt;/strong&gt;, ο &lt;strong&gt;Τσίμπλης&lt;/strong&gt;, ο &lt;strong&gt;Γυαλιάς&lt;/strong&gt;, ο &lt;strong&gt;Παράκις&lt;/strong&gt;, ο &lt;strong&gt;Γαβρήλος&lt;/strong&gt; — θείος του Μπάτη και δάσκαλος πολλών. Ο Γαβρήλος έμαθε μπουζούκι στον &lt;strong&gt;Σκριβάνο&lt;/strong&gt; και μπαγλαμά στον ίδιο τον Μπάτη, έναν από τους πιο παλιούς μπουζουξήδες του Πειραιά.»
            &lt;/blockquote&gt;
          &lt;/div&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Παράλληλα, ο Βαμβακάρης μιλά για Συριανούς οργανοπαίκτες που γνώρισε πριν ακόμη ξεκινήσει να παίζει. Η καθοριστική στιγμή για τον ίδιο ήταν όταν άκουσε τον &lt;strong&gt;Νίκο Αϊβαλιώτη&lt;/strong&gt; στον Πειραιά — μια εμπειρία που του άλλαξε τη ζωή και τον οδήγησε να μάθει μπουζούκι και να γράψει τα πρώτα του τραγούδια.
          &lt;/p&gt;

          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800 flex items-center gap-2&quot;&gt;
            &lt;i class=&quot;fa-solid fa-compact-disc text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Οι πρώτες ηχογραφήσεις και οι άγνωστοι πρωτομάστορες&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Μέχρι το 1930 δεν είχε κυκλοφορήσει δίσκος με μπουζούκι, με μοναδική εξαίρεση τον &lt;strong&gt;Γιοβάν Τσαούς&lt;/strong&gt;, που έπαιζε ένα τουρκικό όργανο συγγενικό του μπουζουκιού. Ο πρώτος επίσημος μπουζουξής που ηχογράφησε στην Ελλάδα ήταν ο &lt;strong&gt;Αθανάσιος Μανέτας το 1931&lt;/strong&gt;.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Από μαρτυρίες μουσικών του μεσοπολέμου γνωρίζουμε σήμερα και άλλους πρωτομάστορες: τον &lt;strong&gt;Ζυμαρίτη&lt;/strong&gt;, τον &lt;strong&gt;Τζανέα&lt;/strong&gt; και πολλούς ακόμη που έβαλαν τα θεμέλια πριν το ρεμπέτικο γίνει σχολή, ιστορία και πολιτισμός.
          &lt;/p&gt;

          &lt;div class=&quot;my-8 space-y-3 font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center justify-between&quot;&gt;
              &lt;h3 class=&quot;font-jura font-bold text-lg sm:text-xl text-stone-900 dark:text-stone-100 flex items-center gap-2&quot;&gt;
                &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-2xl&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Ιστορικό Ντοκουμέντο (1931)&lt;/span&gt;
              &lt;/h3&gt;
              &lt;span class=&quot;text-xs bg-orange-100 dark:bg-orange-950 text-orange-700 dark:text-orange-300 px-2.5 py-1 rounded-md font-bold&quot;&gt;
                1η Ηχογράφηση Μπουζουκιού
              &lt;/span&gt;
            &lt;/div&gt;

            &lt;!-- EMBEDDED YOUTUBE IFRAME --&gt;
            &lt;div class=&quot;responsive-video shadow-xl border border-stone-300 dark:border-stone-800 bg-black&quot;&gt;
              &lt;iframe width=&quot;893&quot; height=&quot;603&quot; src=&quot;https://www.youtube.com/embed/CH-yfXuqNwk&quot; title=&quot;Μανέτας Θανάσης -Σπαχάνης - Καλέ μάνα δεν μπορώ. 1931&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen&gt;&lt;/iframe&gt;
            &lt;/div&gt;

            &lt;p class=&quot;text-xs sm:text-sm text-stone-600 dark:text-stone-400 italic text-center&quot;&gt;
              «Καλέ μάνα δεν μπορώ» (1931) — Αθανάσιος Μανέτας &amp; Σπαχάνης. Η ιστορική πρώτη ηχογράφηση μπουζουκιού στην ελληνική δισκογραφία.
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;div class=&quot;mt-8 p-5 sm:p-6 rounded-xl bg-stone-100 dark:bg-stone-900/90 border-2 border-orange-600/80 shadow-lg font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-stone-900 dark:text-white&quot;&gt;
              &lt;i class=&quot;fa-solid fa-landmark text-2xl text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;Ταυτότητα Ιστορικής Αναδρομής&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
              &lt;!-- Era &amp; Key Locations --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-clock-rotate-left text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Περίοδος &amp; Στέκια:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • &lt;strong&gt;Εποχή:&lt;/strong&gt; Μεσοπόλεμος (Πριν το 1932–1933)&lt;br&gt;
                  • &lt;strong&gt;Κεντρικό Στέκι:&lt;/strong&gt; Καφενεδάκι του Μπάτη (Πλατεία Καραϊσκάκη, Πειραιάς)&lt;br&gt;
                  • &lt;strong&gt;Σημαντικοί Σταθμοί:&lt;/strong&gt; Πειραιάς, Σύρος
                &lt;/p&gt;

                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg pt-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-compact-disc text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Ορόσημο Δισκογραφίας:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • &lt;strong&gt;1931:&lt;/strong&gt; Πρώτη ηχογράφηση μπουζουκιού στην Ελλάδα από τον &lt;strong&gt;Αθανάσιο Μανέτα&lt;/strong&gt;.
                &lt;/p&gt;
              &lt;/div&gt;

              &lt;!-- Key Figures --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-users text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Πρωτομάστορες &amp; Μουσικοί:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • &lt;strong&gt;Πρωτομάστορες:&lt;/strong&gt; Γαβρήλος, Σκριβάνος, Μπάτης, Μιμίκος, Τσίμπλης, Γυαλιάς, Παράκις, Νίκος Αϊβαλιώτης, Γιοβάν Τσαούς, Ζυμαρίτης, Τζανέας&lt;br&gt;
                  • &lt;strong&gt;Πατριάρχης:&lt;/strong&gt; Μάρκος Βαμβακάρης&lt;br&gt;
                  • &lt;strong&gt;Ιστορική Μαρτυρία:&lt;/strong&gt; Νίκος Μάθεσης (Τρελάκιας)
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCE BUTTON (FULL WIDTH, GRADIENT, CENTERED TEXT) --&gt;
          &lt;div class=&quot;mt-8 font-sans w-full&quot;&gt;
            &lt;a href=&quot;https://www.fosonline.gr/stiles/tragoydia/article/387607/protorempetes-poioi-epaizan-mpoyzoyki-prin-apo-ton-marko-vamvakari&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-center gap-2 p-4 rounded-xl font-sans font-bold text-stone-900 shadow-md border border-stone-300/60 hover:shadow-lg hover:scale-[1.01] transition-all duration-300 text-base sm:text-lg text-center&quot;
               style=&quot;background: linear-gradient(90deg, #FFCD9C 0%, #C4FFFE 50%, #C7FFC4 100%);&quot;&gt;
              &lt;i class=&quot;fa-solid fa-globe text-stone-800&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Source: Fosonline.gr&lt;/span&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-sm text-stone-700&quot;&gt;&lt;/i&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026 Πρωτορέμπετες • Αφιέρωμα στην Ιστορία του Ελληνικού Ρεμπέτικου Τραγουδιού.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-amber-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/proistoria-rempetikou-prin-vamvakari.html</link><author>noreply@blogger.com (George Girnas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/CH-yfXuqNwk/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-227181094137597069</guid><pubDate>Fri, 28 Aug 2026 11:29:00 +0000</pubDate><atom:updated>2026-08-28T14:29:00.195+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>1ο Ρεμπέτικο Αντάμωμα Γλύφας: Μια βραδιά αφιερωμένη στο ρεμπέτικο</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;1ο Ρεμπέτικο Αντάμωμα Γλύφας - Πέμπτη 5 Σεπτεμβρίου&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              amber: &#39;#d97706&#39;,
              amberDark: &#39;#b45309&#39;,
              redAccent: &#39;#ea580c&#39;,
              bgLight: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Links explicit high-contrast styling */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(220, 38, 38, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
      background-color: rgba(220, 38, 38, 0.18);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #f87171 !important;
      background-color: rgba(248, 113, 113, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
      background-color: rgba(248, 113, 113, 0.25);
    }

    /* Gradient Background for Header */
    .brand-gradient {
      background: linear-gradient(135deg, #FFF3E5 0%, #FDFFE5 50%, #E5EFFF 100%) !important;
    }

    /* Scrollbar Styling */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-amber-600 via-orange-500 to-red-600 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-garamond font-bold text-amber-950 text-[1em] sm:text-[1.15em] block truncate&quot;&gt;
              1ο Ρεμπέτικο Αντάμωμα Γλύφας
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              Πολιτιστικός Σύλλογος Γλύφας • 5 Σεπτεμβρίου
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-rebetiko-antamoma&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- HERO IMAGE / POSTER DISPLAY --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://img.stilida.com/spio/ret_img,q_cdnize/stilida.com/media/2026/08/thumbnail-5.jpg&quot; 
                 alt=&quot;1ο Ρεμπέτικο Αντάμωμα Γλύφας&quot; 
                 onclick=&quot;openLightbox(this.src)&quot;
                 class=&quot;w-full h-auto max-h-[580px] object-contain mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-expand text-amber-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Πολιτιστικός Σύλλογος Γλύφας – 1ο Ρεμπέτικο Αντάμωμα&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- SINGLE ARTICLE HEADING &amp; SUBTITLE --&gt;
          &lt;div&gt;
            &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-garamond font-bold tracking-normal text-stone-900 dark:text-stone-100 mb-2 border-b border-orange-500/30 pb-3 leading-snug&quot;&gt;
              1ο Ρεμπέτικο Αντάμωμα Γλύφας
            &lt;/h1&gt;
            &lt;p class=&quot;font-jura font-semibold text-base sm:text-lg text-orange-700 dark:text-orange-400 tracking-wide uppercase mt-2&quot;&gt;
              — Μια γιορτή αφιερωμένη στο αυθεντικό ρεμπέτικο τραγούδι, τους μουσικούς και την παρέα —
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- BOLD INTRO --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.2em] sm:text-[1.3em] text-stone-900 dark:text-stone-100&quot;&gt;
            Η Γλύφα ετοιμάζεται να ζήσει μια ξεχωριστή μουσική βραδιά, καθώς ο Πολιτιστικός Σύλλογος Γλύφας διοργανώνει το 1ο Ρεμπέτικο Αντάμωμα, μια γιορτή αφιερωμένη στο αυθεντικό ρεμπέτικο τραγούδι, στους μουσικούς που το υπηρετούν και στους ανθρώπους που το αγαπούν βαθιά.
          &lt;/p&gt;

          &lt;!-- INVISIBLE MORE TAG FOR POST READ MORE CUT --&gt;
          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Την &lt;strong&gt;Πέμπτη 5 Σεπτεμβρίου&lt;/strong&gt;, στις &lt;strong&gt;20:00&lt;/strong&gt;, ο χώρος του &lt;strong&gt;Κοινοτικού Γραφείου Γλύφας&lt;/strong&gt; θα γεμίσει μπουζούκια, κιθάρες, φωνές και μεράκι.
          &lt;/p&gt;

          &lt;!-- MUSICIANS ON STAGE --&gt;
          &lt;div class=&quot;my-6 p-5 sm:p-6 bg-gradient-to-br from-amber-50 to-orange-50 dark:from-stone-900 dark:to-amber-950/40 border-l-4 border-orange-600 rounded-r-2xl shadow-sm font-sans&quot;&gt;
            &lt;h2 class=&quot;font-jura font-bold text-lg sm:text-xl text-amber-950 dark:text-amber-200 mb-3 flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-users text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Στη σκηνή θα ανέβουν οι μουσικοί:&lt;/span&gt;
            &lt;/h2&gt;

            &lt;ul class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-2 text-stone-800 dark:text-stone-200 font-medium&quot;&gt;
              &lt;li class=&quot;flex items-center gap-2.5 bg-white dark:bg-stone-800/80 p-2.5 rounded-xl border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-guitar text-orange-600 text-sm&quot;&gt;&lt;/i&gt;
                &lt;span&gt;&lt;strong&gt;Χαραλαμπόπουλος Αντώνης&lt;/strong&gt; – μπουζούκι, φωνή&lt;/span&gt;
              &lt;/li&gt;
              &lt;li class=&quot;flex items-center gap-2.5 bg-white dark:bg-stone-800/80 p-2.5 rounded-xl border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-microphone text-orange-600 text-sm&quot;&gt;&lt;/i&gt;
                &lt;span&gt;&lt;strong&gt;Βλασσοπούλου Ανδριανή&lt;/strong&gt; – φωνή&lt;/span&gt;
              &lt;/li&gt;
              &lt;li class=&quot;flex items-center gap-2.5 bg-white dark:bg-stone-800/80 p-2.5 rounded-xl border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-guitar text-orange-600 text-sm&quot;&gt;&lt;/i&gt;
                &lt;span&gt;&lt;strong&gt;Χατζάκης Γιώργος&lt;/strong&gt; – κιθάρα, φωνή&lt;/span&gt;
              &lt;/li&gt;
              &lt;li class=&quot;flex items-center gap-2.5 bg-white dark:bg-stone-800/80 p-2.5 rounded-xl border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-guitar text-orange-600 text-sm&quot;&gt;&lt;/i&gt;
                &lt;span&gt;&lt;strong&gt;Τσιλαφάκης Δημήτρης&lt;/strong&gt; – κιθάρα, φωνή&lt;/span&gt;
              &lt;/li&gt;
              &lt;li class=&quot;flex items-center gap-2.5 bg-white dark:bg-stone-800/80 p-2.5 rounded-xl border border-stone-200 dark:border-stone-700 sm:col-span-2&quot;&gt;
                &lt;i class=&quot;fa-solid fa-guitar text-orange-600 text-sm&quot;&gt;&lt;/i&gt;
                &lt;span&gt;&lt;strong&gt;Κολώνης Γιώργος&lt;/strong&gt; – μπουζούκι, φωνή&lt;/span&gt;
              &lt;/li&gt;
            &lt;/ul&gt;

            &lt;div class=&quot;mt-4 pt-3 border-t border-orange-200 dark:border-stone-800 flex items-start gap-2.5 text-stone-800 dark:text-stone-200 text-sm sm:text-base&quot;&gt;
              &lt;i class=&quot;fa-solid fa-music text-orange-600 mt-1&quot;&gt;&lt;/i&gt;
              &lt;p&gt;
                Την βραδιά θα πλαισιώσει και το μουσικό σχήμα &lt;strong&gt;«Ρεμπέτικη Παρέα»&lt;/strong&gt; από την Καρδίτσα, μεταφέροντας στη Γλύφα τον αυθεντικό ήχο και την ψυχή του ρεμπέτικου.
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- EXHIBITION SECTION --&gt;
          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-2 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Έκθεση Μουσικών Οργάνων
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Από τις &lt;strong&gt;18:00&lt;/strong&gt;, οι επισκέπτες θα έχουν την ευκαιρία να περιηγηθούν σε μια &lt;strong&gt;έκθεση μουσικών οργάνων από τον Δημήτρη Σχοινά&lt;/strong&gt;, γνωρίζοντας από κοντά όργανα που αποτελούν θεμέλιο της ελληνικής λαϊκής μουσικής παράδοσης.
          &lt;/p&gt;

          &lt;!-- AMENITIES &amp; RESERVATION HIGHLIGHT --&gt;
          &lt;div class=&quot;my-6 p-5 rounded-xl bg-orange-100/70 dark:bg-orange-950/40 border border-orange-300 dark:border-orange-800 flex flex-col md:flex-row items-center justify-between gap-4 font-sans shadow-sm&quot;&gt;
            &lt;div class=&quot;space-y-1 text-stone-900 dark:text-stone-100&quot;&gt;
              &lt;p class=&quot;font-bold text-base sm:text-lg flex items-center gap-2&quot;&gt;
                &lt;i class=&quot;fa-solid fa-utensils text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Φαγητό, Ποτό &amp; Φιλοξενία&lt;/span&gt;
              &lt;/p&gt;
              &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300&quot;&gt;
                Κατά τη διάρκεια της εκδήλωσης θα προσφέρεται φαγητό και ποτό, ώστε το αντάμωμα να γίνει μια ολοκληρωμένη εμπειρία παρέας, γεύσης και μουσικής.
              &lt;/p&gt;
            &lt;/div&gt;

            &lt;!-- Call Button --&gt;
            &lt;a href=&quot;tel:6974123763&quot; class=&quot;w-full md:w-auto px-6 py-3 rounded-xl bg-orange-600 hover:bg-orange-700 text-white font-bold text-sm text-center flex items-center justify-center gap-2 shadow-md transition-all flex-shrink-0&quot;&gt;
              &lt;i class=&quot;fa-solid fa-phone&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Κρατήσεις: 6974 123 763&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;p class=&quot;leading-relaxed font-semibold italic text-stone-800 dark:text-stone-200 text-center text-lg&quot;&gt;
            «Από ρεμπέτες, για ρεμπέτες. Και για όλους όσοι αγαπούν το καλό τραγούδι, την παρέα και το τραπέζι.»
          &lt;/p&gt;

          &lt;!-- EVENT IDENTITY CARD (BEFORE SOURCES) --&gt;
          &lt;div class=&quot;mt-8 p-5 sm:p-6 rounded-xl bg-stone-100 dark:bg-stone-900/90 border-2 border-orange-600/80 shadow-lg font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-stone-900 dark:text-white&quot;&gt;
              &lt;i class=&quot;fa-solid fa-calendar-check text-2xl text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;Ταυτότητα Εκδήλωσης&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
              &lt;!-- Event &amp; Date --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-bullhorn text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Εκδήλωση:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  &lt;strong&gt;1ο Ρεμπέτικο Αντάμωμα Γλύφας&lt;/strong&gt;
                &lt;/p&gt;

                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg pt-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-clock text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Ημερομηνία &amp; Ώρα:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  &lt;strong&gt;Πέμπτη 5 Σεπτεμβρίου&lt;/strong&gt;&lt;br&gt;
                  • 18:00 (Έναρξη Έκθεσης Οργάνων)&lt;br&gt;
                  • 20:00 (Έναρξη Μουσικού Προγράμματος)
                &lt;/p&gt;
              &lt;/div&gt;

              &lt;!-- Location &amp; Organizers --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-location-dot text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Τοποθεσία:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  Χώρος Κοινοτικού Γραφείου Γλύφας
                &lt;/p&gt;

                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg pt-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-building-columns text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Διοργάνωση &amp; Στήριξη:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  • &lt;strong&gt;Διοργάνωση:&lt;/strong&gt; Πολιτιστικός Σύλλογος Γλύφας&lt;br&gt;
                  • &lt;strong&gt;Με τη στήριξη:&lt;/strong&gt; Δήμος Στυλίδας
                &lt;/p&gt;

                &lt;div class=&quot;pt-2 border-t border-stone-200 dark:border-stone-800 flex items-center justify-between&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-stone-900 dark:text-white font-bold&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-phone-volume text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Κρατήσεις:&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;a href=&quot;tel:6974123763&quot; class=&quot;font-sans font-extrabold text-sm text-orange-600 dark:text-orange-400 bg-orange-100 dark:bg-orange-950/60 px-3 py-1 rounded-lg border border-orange-300 dark:border-orange-800 hover:bg-orange-200 transition-colors&quot;&gt;
                    6974 123 763
                  &lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCES SECTION --&gt;
          &lt;div class=&quot;mt-8 font-sans w-full&quot;&gt;
            &lt;div class=&quot;p-6 rounded-2xl bg-stone-100 dark:bg-stone-900 border border-stone-300 dark:border-stone-800 shadow-sm space-y-4&quot;&gt;
              
              &lt;div class=&quot;flex items-center gap-3 pb-3 border-b border-stone-200 dark:border-stone-800 text-stone-900 dark:text-stone-100&quot;&gt;
                &lt;div class=&quot;w-10 h-10 rounded-xl bg-orange-600/10 dark:bg-orange-500/20 text-orange-600 dark:text-orange-400 flex items-center justify-center text-xl flex-shrink-0&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-newspaper&quot;&gt;&lt;/i&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;h3 class=&quot;text-lg font-bold&quot;&gt;Πρωτότυπη Πηγή Δημοσίευσης&lt;/h3&gt;
                  &lt;p class=&quot;text-xs text-stone-600 dark:text-stone-400&quot;&gt;Δείτε την αρχική ανακοίνωση της εκδήλωσης στον τοπικό ενημερωτικό ιστότοπο:&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- Source Link Card --&gt;
              &lt;a href=&quot;https://stilida.com/politistika/1o-rebetiko-antamoma-glyfas-stis-5-septemvriou/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-4 rounded-xl bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 hover:border-orange-500 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-3&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-globe text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 group-hover:text-orange-600&quot;&gt;Source: Stilida.com &lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-sm text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

            &lt;/div&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026 1ο Ρεμπέτικο Αντάμωμα Γλύφας • Πολιτιστικός Σύλλογος Γλύφας. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-amber-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/rempetiko-antamoma-glyfa-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-8523926102507781770</guid><pubDate>Wed, 26 Aug 2026 10:45:09 +0000</pubDate><atom:updated>2026-08-26T13:45:09.137+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Βιογραφια</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετης</category><category domain="http://www.blogger.com/atom/ns#">Στελιος  Κερομυτης</category><title>Ο Στέλιος Κερομύτης, το μπουζούκι και το παλιό πειραιώτικο ρεμπέτικο</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Στέλιος Κερομύτης: Η ζωή, το μπουζούκι και η δισκογραφική διαδρομή ενός σπουδαίου ρεμπέτη&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              amber: &#39;#d97706&#39;,
              amberDark: &#39;#b45309&#39;,
              redAccent: &#39;#ea580c&#39;,
              bgLight: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;500;600;700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Links explicit high-contrast styling */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(220, 38, 38, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
      background-color: rgba(220, 38, 38, 0.18);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #f87171 !important;
      background-color: rgba(248, 113, 113, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
      background-color: rgba(248, 113, 113, 0.25);
    }

    /* Gradient Background for Header */
    .brand-gradient {
      background: linear-gradient(135deg, #FFF3E5 0%, #FDFFE5 50%, #E5EFFF 100%) !important;
    }

    /* Scrollbar Styling */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-amber-600 via-orange-500 to-red-600 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-garamond font-bold text-amber-950 text-[1em] sm:text-[1.15em] block truncate&quot;&gt;
              Στέλιος Κερομύτης
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              Ο «Αριστοκράτης» του ρεμπέτικου
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-stelios-keromytis&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP HERO IMAGE CONTAINER --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0t5K8BjXgZBL4vP0q6bDpq0f6EJC9nLIodt1SVCKMpOOWlrZydxuhClc-z_bSXeTL66PTLi2Hg1xjnehA686lfQmouYIMIZrbixNoaUxJZtc0wU2JV5l3FPOJOG23e64wAL5ZvZGFe0aKRoRW7zahjRhAY7KI_ZG_MwAUVLs8tL9JHsmfuxUNf1eZZHuc/s600/stelios-keromytis.webp&quot; 
                 alt=&quot;Στέλιος Κερομύτης&quot; 
                 onclick=&quot;openLightbox(this.src)&quot;
                 class=&quot;w-full h-auto max-h-[550px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-guitar text-amber-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Στέλιος Κερομύτης (1907/08 – 1979)&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- SINGLE ARTICLE HEADING &amp; SUBTITLE --&gt;
          &lt;div&gt;
            &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-garamond font-bold tracking-normal text-stone-900 dark:text-stone-100 mb-2 border-b border-orange-500/30 pb-3 leading-snug&quot;&gt;
              Στέλιος Κερομύτης: Η ζωή, το μπουζούκι και η δισκογραφική διαδρομή ενός σπουδαίου ρεμπέτη
            &lt;/h1&gt;
            &lt;p class=&quot;font-jura font-semibold text-base sm:text-lg text-orange-700 dark:text-orange-400 tracking-wide uppercase mt-2&quot;&gt;
              — Ο «αριστοκράτης» του πειραιώτικου ρεμπέτικου και η προσφορά του στη λαϊκή μας μουσική —
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- BOLD INTRO --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.2em] sm:text-[1.3em] text-stone-900 dark:text-stone-100&quot;&gt;
            Ο Στέλιος Κερομύτης υπήρξε μία από τις ξεχωριστές μορφές του παλιού ρεμπέτικου και ένας από τους μουσικούς που συνδέθηκαν με τη διαμόρφωση του πειραιώτικου ήχου. Μπουζουξής, τραγουδιστής και δημιουργός, έζησε από κοντά μια εποχή κατά την οποία το ρεμπέτικο δεν ήταν απλώς ένα είδος μουσικής, αλλά κομμάτι της καθημερινότητας, της ζωής και των βιωμάτων των ανθρώπων των λαϊκών συνοικιών.
          &lt;/p&gt;

          &lt;!-- INVISIBLE MORE TAG FOR POST READ MORE CUT --&gt;
          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;!-- BODY PARAGRAPHS --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Γεννήθηκε στον Πειραιά στις αρχές του 20ού αιώνα. Για το ακριβές έτος γέννησής του υπάρχουν διαφορετικές αναφορές στις διαθέσιμες πηγές, με το 1907 και το 1908 να εμφανίζονται συχνότερα. Ο πατέρας του, Χαρίλαος Κερομύτης, ήταν επίσης μουσικός και μπουζουξής και αποτέλεσε μία από τις πρώτες σημαντικές επιρροές στη μουσική του πορεία.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ο νεαρός Στέλιος μεγάλωσε μέσα στο περιβάλλον του Πειραιά, σε μια εποχή κατά την οποία το μπουζούκι και οι λαϊκοί μουσικοί αποκτούσαν σταδιακά τη δική τους θέση στη μουσική ζωή της πόλης. Από νωρίς ασχολήθηκε με το όργανο και σύντομα άρχισε να γνωρίζει μουσικούς που αργότερα θα έμεναν στην ιστορία του ρεμπέτικου.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ανάμεσα στις σημαντικότερες γνωριμίες και συνεργασίες της καλλιτεχνικής του ζωής ήταν αυτή με τον &lt;a href=&quot;https://www.sansimera.gr/biographies/356&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Μάρκο Βαμβακάρη&lt;/a&gt;. Ο Κερομύτης βρέθηκε κοντά στον σπουδαίο δημιουργό και συμμετείχε στον κύκλο των μουσικών του πειραιώτικου ρεμπέτικου, σε μια περίοδο κατά την οποία διαμορφωνόταν ο χαρακτηριστικός ήχος του είδους.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το ιδιαίτερο ύφος του, αλλά και η παρουσία του στα πάλκα, τον έκαναν να ξεχωρίσει. Δεν ήταν μόνο ένας καλός οργανοπαίκτης. Είχε χαρακτηριστική φωνή και προσωπικό τρόπο ερμηνείας, στοιχεία που τον βοήθησαν να αποκτήσει τη δική του θέση ανάμεσα στους τραγουδιστές και μπουζουξήδες της εποχής.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ο Κερομύτης έμεινε γνωστός και με το προσωνύμιο &lt;strong&gt;«ο αριστοκράτης»&lt;/strong&gt; του ρεμπέτικου. Η ονομασία αυτή συνδέθηκε με την εμφάνισή του, το παρουσιαστικό του και τον τρόπο με τον οποίο εμφανιζόταν ως μουσικός. Παράλληλα, σύμφωνα με τις βιογραφικές αναφορές, η οικογένειά του είχε καλύτερη οικονομική κατάσταση από εκείνη πολλών άλλων ανθρώπων του χώρου.
          &lt;/p&gt;

          &lt;!-- SECTION 1 --&gt;
          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Η πρώτη του παρουσία στη δισκογραφία
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η δισκογραφική παρουσία του Στέλιου Κερομύτη ξεκινά στα τέλη της δεκαετίας του 1930. Το 1937 καταγράφονται από τις πηγές οι πρώτες γνωστές ηχογραφήσεις στις οποίες συμμετείχε, ανοίγοντας έναν δρόμο που θα τον οδηγούσε σε συνεργασίες με σημαντικούς μουσικούς και τραγουδιστές.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ανάμεσα στα πρώτα τραγούδια που συνδέονται με το όνομά του βρίσκονται τα &lt;em&gt;«Στου Βάβουλα τη γούβα»&lt;/em&gt; και &lt;em&gt;«Το λάθος μου αισθάνομαι»&lt;/em&gt;. Οι ηχογραφήσεις αυτές ανήκουν στην περίοδο κατά την οποία το προπολεμικό ρεμπέτικο περνούσε στη δισκογραφία και αποκτούσε μεγαλύτερη διάδοση.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Στη συνέχεια συνεργάστηκε με σημαντικούς δημιουργούς και ερμηνευτές της εποχής. Στο ρεπερτόριο και στις ηχογραφήσεις με τις οποίες συνδέθηκε συναντάμε ονόματα όπως ο &lt;strong&gt;Μάρκος Βαμβακάρης&lt;/strong&gt;, ο &lt;strong&gt;Κώστας Σκαρβέλης&lt;/strong&gt;, ο &lt;strong&gt;Παναγιώτης Τούντας&lt;/strong&gt;, ο &lt;strong&gt;Κώστας Καρίπης&lt;/strong&gt; και ο &lt;strong&gt;Βασίλης Τσιτσάνης&lt;/strong&gt;.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ιδιαίτερη θέση στη διαδρομή του είχαν και οι συνεργασίες του με την &lt;strong&gt;Ιωάννα Γεωργακοπούλου&lt;/strong&gt;, ενώ η παρουσία του σε ηχογραφήσεις με άλλους σημαντικούς μουσικούς δείχνει πόσο ενεργός υπήρξε στο δισκογραφικό περιβάλλον της εποχής.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ο Κερομύτης δεν περιορίστηκε στην ερμηνεία. Άφησε και δικές του δημιουργίες, οι οποίες αποτελούν μέρος της παλιάς ρεμπέτικης δισκογραφίας.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Σύμφωνα με τις διαθέσιμες δισκογραφικές καταγραφές, μέχρι τις αρχές της δεκαετίας του 1950 είχε συμμετάσχει ως τραγουδιστής σε περισσότερες από σαράντα ηχογραφήσεις, ενώ ως δημιουργός συνδέεται με περίπου δεκαπέντε τραγούδια. Οι αριθμοί αυτοί μπορεί να διαφέρουν ανάλογα με το αρχείο και τον τρόπο καταγραφής των ηχογραφήσεων, όμως αποτυπώνουν τη σημαντική παρουσία του στη δισκογραφία του ρεμπέτικου.
          &lt;/p&gt;

          &lt;!-- FEATURED SONGS GRID WITH YOUTUBE LINKS --&gt;
          &lt;div class=&quot;my-6 p-5 sm:p-6 bg-gradient-to-br from-amber-50 to-orange-50 dark:from-stone-900 dark:to-amber-950/40 border-l-4 border-orange-600 rounded-r-2xl shadow-sm font-sans&quot;&gt;
            &lt;h3 class=&quot;font-jura font-bold text-lg text-amber-950 dark:text-amber-200 mb-2 flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-compact-disc text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Δισκογραφική Παρουσία – Χαρακτηριστικά Τραγούδια&lt;/span&gt;
            &lt;/h3&gt;
            &lt;p class=&quot;text-xs sm:text-sm text-stone-600 dark:text-stone-400 mb-4&quot;&gt;
              (Πατήστε στους τίτλους για να ακούσετε τα τραγούδια στο YouTube):
            &lt;/p&gt;

            &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm sm:text-base font-semibold&quot;&gt;
              
              &lt;!-- Song 1 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=-YQcAmWX8uE&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Στου Βάβουλα τη γούβα» (1937)&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

              &lt;!-- Song 2 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=4W55Q34c2Dc&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Το λάθος μου αισθάνομαι» (1937)&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

              &lt;!-- Song 3 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=ZNz8mK5yOhY&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Το κρίμα μου θα την ευρεί» (1937)&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

              &lt;!-- Song 4 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=8JcDcLBMZtQ&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Η μόνη μου παρηγοριά» (1937)&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

              &lt;!-- Song 5 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=1nsS__r5z_4&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Εάν δεν ήσουν φθισικιά» (1937)&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

              &lt;!-- Song 6 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=xoE0VcrIYVk&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Στη μουσική τον πόνο μου»&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

              &lt;!-- Song 7 --&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=cPYvD6Picb4&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800/90 hover:bg-orange-100 dark:hover:bg-amber-900/40 shadow-sm border border-stone-200 dark:border-stone-700 transition-all group sm:col-span-2&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                  &lt;i class=&quot;fa-brands fa-youtube text-red-600 text-lg group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;text-stone-900 dark:text-stone-100 font-bold group-hover:text-orange-700 dark:group-hover:text-orange-400&quot;&gt;«Τα νιάτα μου απεφάσισα» (1938)&lt;/span&gt;
                &lt;/div&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;

            &lt;/div&gt;
            
            &lt;p class=&quot;mt-4 text-xs sm:text-sm text-stone-600 dark:text-stone-400 italic&quot;&gt;
              Η πλήρης δισκογραφία του είναι ευρύτερη και περιλαμβάνει συμμετοχές σε ηχογραφήσεις άλλων δημιουργών και συνεργασίες με σημαντικούς μουσικούς και τραγουδιστές της εποχής.
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- SECTION 2 --&gt;
          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Ο Κερομύτης και οι μεγάλοι του ρεμπέτικου
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η καλλιτεχνική του πορεία συμπίπτει με μια ιδιαίτερα σημαντική περίοδο για το ελληνικό λαϊκό τραγούδι. Το ρεμπέτικο εξελισσόταν, οι ηχογραφήσεις πολλαπλασιάζονταν και το μπουζούκι γινόταν όλο και περισσότερο αναγνωρίσιμο ως βασικό όργανο της ελληνικής λαϊκής μουσικής.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η συνεργασία του με τον &lt;strong&gt;Βασίλη Τσιτσάνη&lt;/strong&gt; αποτελεί χαρακτηριστικό παράδειγμα. Ο Κερομύτης συμμετείχε σε ηχογραφήσεις στις οποίες ο Τσιτσάνης έπαιζε μπουζούκι, ενώ ο ίδιος αναλάμβανε το τραγούδι. Μέσα από τέτοιες συνεργασίες βρέθηκε δίπλα σε ανθρώπους που αργότερα θα θεωρούνταν θεμελιώδεις για την εξέλιξη του λαϊκού τραγουδιού.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ωστόσο, η αξία του Κερομύτη δεν βρίσκεται μόνο στους αριθμούς των ηχογραφήσεων. Βρίσκεται κυρίως στο γεγονός ότι ανήκε στη γενιά των μουσικών που έζησαν το ρεμπέτικο στην εποχή που αυτό διαμορφωνόταν. Γνώρισε τα παλιά πάλκα, τους μουσικούς, τα τραγούδια και τις συνθήκες μέσα στις οποίες δημιουργήθηκε αυτή η ιδιαίτερη μουσική παράδοση.
          &lt;/p&gt;

          &lt;!-- SECTION 3 --&gt;
          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Μια σημαντική μαρτυρία για το παλιό ρεμπέτικο
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ιδιαίτερη αξία έχει και μια συνέντευξη που παραχώρησε το 1967. Σε αυτήν μίλησε για το μπουζούκι, τα κουρδίσματα, τα μακάμια και τους παλιούς μουσικούς, ενώ αναφέρθηκε ακόμη στα χρόνια της Κατοχής και στη μεταπολεμική περίοδο.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Τέτοιες μαρτυρίες είναι πολύτιμες σήμερα, επειδή δεν παρουσιάζουν απλώς μια βιογραφία από απόσταση. Μεταφέρουν την εμπειρία ενός ανθρώπου που έζησε ο ίδιος την εποχή και γνώρισε από κοντά πρόσωπα και καταστάσεις που σημάδεψαν την ιστορία του ρεμπέτικου.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ο Στέλιος Κερομύτης έφυγε από τη ζωή στις &lt;strong&gt;6 Μαρτίου 1979&lt;/strong&gt;, αφήνοντας πίσω του μια διαδρομή δεκαετιών. Οι ηχογραφήσεις του, οι συνθέσεις του και οι συνεργασίες του αποτελούν σήμερα ένα μικρό αλλά σημαντικό κομμάτι του μεγάλου αρχείου του ελληνικού ρεμπέτικου.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η μουσική του έχει διασωθεί μέσα από παλιές 78 στροφών ηχογραφήσεις, επανεκδόσεις και συλλογές. Μεταξύ αυτών υπάρχουν και εκδόσεις αφιερωμένες αποκλειστικά στο έργο του, όπως συλλογές με ηχογραφήσεις της περιόδου 1937–1950.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-semibold italic text-stone-800 dark:text-stone-200&quot;&gt;
            Ο Κερομύτης ανήκει σε εκείνους τους ανθρώπους που μπορεί να μην έγιναν ποτέ τόσο γνωστοί στο ευρύ κοινό όσο ο Μάρκος Βαμβακάρης ή ο Βασίλης Τσιτσάνης, όμως η παρουσία τους ήταν απαραίτητη για να δημιουργηθεί και να εξελιχθεί το ρεμπέτικο.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-bold italic text-amber-900 dark:text-amber-300 text-xl pt-2 text-center&quot;&gt;
            Ήταν ένας μουσικός της γενιάς που έπαιξε, τραγούδησε και έζησε το ρεμπέτικο από μέσα. Και κάθε φορά που ακούγεται μια παλιά ηχογράφηση με τη χαρακτηριστική φωνή και το μπουζούκι του, επιστρέφει για λίγο μια ολόκληρη εποχή: ο παλιός Πειραιάς, τα λαϊκά κέντρα, οι παρέες, οι μουσικοί και το τραγούδι που έγινε αναπόσπαστο κομμάτι της ελληνικής μουσικής ιστορίας.
          &lt;/p&gt;

          &lt;!-- ARTIST IDENTITY / BIO CARD (BEFORE SOURCES) --&gt;
          &lt;div class=&quot;mt-8 p-5 sm:p-6 rounded-xl bg-stone-100 dark:bg-stone-900/90 border-2 border-orange-600/80 shadow-lg font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-stone-900 dark:text-white&quot;&gt;
              &lt;i class=&quot;fa-solid fa-address-card text-2xl text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;Ταυτότητα &amp; Βιογραφικά Στοιχεία&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
              &lt;!-- Life &amp; Origin --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-user-tag text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Καλλιτέχνης:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  &lt;strong&gt;Στέλιος Κερομύτης&lt;/strong&gt; (Προσωνύμιο: &lt;em&gt;«Ο Αριστοκράτης»&lt;/em&gt;)
                &lt;/p&gt;

                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg pt-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-location-dot text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Τόπος Γέννησης &amp; Καταγωγή:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  Πειραιάς (Πειραιώτικος ήχος)
                &lt;/p&gt;
              &lt;/div&gt;

              &lt;!-- Key Chronology &amp; Attributes --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-calendar-days text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Χρονολόγιο:&lt;/span&gt;
                &lt;/div&gt;
                &lt;ul class=&quot;text-sm space-y-1 text-stone-700 dark:text-stone-300&quot;&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-angle-right text-orange-600 text-xs&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;&lt;strong&gt;Γέννηση:&lt;/strong&gt; c. 1907 – 1908&lt;/span&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-angle-right text-orange-600 text-xs&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;&lt;strong&gt;Πρώτες Ηχογραφήσεις:&lt;/strong&gt; 1937&lt;/span&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-angle-right text-orange-600 text-xs&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;&lt;strong&gt;Θάνατος:&lt;/strong&gt; 6 Μαρτίου 1979&lt;/span&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;

                &lt;div class=&quot;pt-2 border-t border-stone-200 dark:border-stone-800 flex items-center justify-between&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-stone-900 dark:text-white font-bold&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-sliders text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Ιδιότητες:&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;span class=&quot;font-sans font-extrabold text-sm text-orange-600 dark:text-orange-400 bg-orange-100 dark:bg-orange-950/60 px-3 py-1 rounded-lg border border-orange-300 dark:border-orange-800&quot;&gt;
                    Μπουζουξής • Τραγουδιστής • Συνθέτης
                  &lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCES AND ARCHIVES SECTION --&gt;
          &lt;div class=&quot;mt-8 font-sans w-full&quot;&gt;
            &lt;div class=&quot;p-6 rounded-2xl bg-stone-100 dark:bg-stone-900 border border-stone-300 dark:border-stone-800 shadow-sm space-y-4&quot;&gt;
              
              &lt;div class=&quot;flex items-center gap-3 pb-3 border-b border-stone-200 dark:border-stone-800 text-stone-900 dark:text-stone-100&quot;&gt;
                &lt;div class=&quot;w-10 h-10 rounded-xl bg-orange-600/10 dark:bg-orange-500/20 text-orange-600 dark:text-orange-400 flex items-center justify-center text-xl flex-shrink-0&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-book-bookmark&quot;&gt;&lt;/i&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;h3 class=&quot;text-lg font-bold&quot;&gt;Πηγές και Αρχεία&lt;/h3&gt;
                  &lt;p class=&quot;text-xs text-stone-600 dark:text-stone-400&quot;&gt;Για τη σύνταξη και διασταύρωση των βιογραφικών και δισκογραφικών στοιχείων χρησιμοποιήθηκαν αρχειακές και μουσικολογικές πηγές:&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- Sources Links Grid --&gt;
              &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm&quot;&gt;
                
                &lt;!-- Source 1 --&gt;
                &lt;a href=&quot;https://vmrebetiko.gr/item/?id=3644&amp;utm_source=chatgpt.com&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 hover:border-orange-500 transition-all group&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-building-columns text-orange-600&quot;&gt;&lt;/i&gt;
                    &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 group-hover:text-orange-600&quot;&gt;Αρχείο Κουνάδη – Virtual Museum of Rebetiko&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;

                &lt;!-- Source 2 --&gt;
                &lt;a href=&quot;https://www.rebetiko.sealabs.net/mediawiki/index.php/%CE%A3%CF%84%CE%AD%CE%BB%CE%B9%CE%BF%CF%82_%CE%9A%CE%B5%CF%81%CE%BF%CE%BC%CF%8D%CF%84%CE%B7%CF%82?utm_source=chatgpt.com&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 hover:border-orange-500 transition-all group&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-compact-disc text-orange-600&quot;&gt;&lt;/i&gt;
                    &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 group-hover:text-orange-600&quot;&gt;Στέλιος Κερομύτης – Rebetiko Sealabs&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;

                &lt;!-- Source 3 --&gt;
                &lt;a href=&quot;https://epsetem.project.uoi.gr/archive/item/1490?lang=en&amp;utm_source=chatgpt.com&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 hover:border-orange-500 transition-all group&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-graduation-cap text-orange-600&quot;&gt;&lt;/i&gt;
                    &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 group-hover:text-orange-600&quot;&gt;Αρχείο Πανεπιστημίου Ιωαννίνων – ΕΨΕΤΕΜ&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;

                &lt;!-- Source 4 --&gt;
                &lt;a href=&quot;https://www.sansimera.gr/biographies/356?utm_source=chatgpt.com&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 hover:border-orange-500 transition-all group&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-calendar-check text-orange-600&quot;&gt;&lt;/i&gt;
                    &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 group-hover:text-orange-600&quot;&gt;Στέλιος Κερομύτης – Σαν Σήμερα&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;

                &lt;!-- Source 5 --&gt;
                &lt;a href=&quot;https://www.studio52.gr/info_gr.asp?infoID=00000g42&amp;utm_source=chatgpt.com&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;flex items-center justify-between p-3 rounded-xl bg-white dark:bg-stone-800 border border-stone-200 dark:border-stone-700 hover:border-orange-500 transition-all group sm:col-span-2&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2.5&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-record-vinyl text-orange-600&quot;&gt;&lt;/i&gt;
                    &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 group-hover:text-orange-600&quot;&gt;Studio 52 – Στέλιος Κερομύτης, Ρεμπέτικα Τραγούδια 1937–1950&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs text-stone-400 group-hover:text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;

              &lt;/div&gt;

            &lt;/div&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026 Αφιέρωμα στον Στέλιο Κερομύτη • Γιώργος Γυρνάς. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-amber-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/stelios-keromytis-viografia-diskografia-rempetiko.html</link><author>noreply@blogger.com (George Girnas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0t5K8BjXgZBL4vP0q6bDpq0f6EJC9nLIodt1SVCKMpOOWlrZydxuhClc-z_bSXeTL66PTLi2Hg1xjnehA686lfQmouYIMIZrbixNoaUxJZtc0wU2JV5l3FPOJOG23e64wAL5ZvZGFe0aKRoRW7zahjRhAY7KI_ZG_MwAUVLs8tL9JHsmfuxUNf1eZZHuc/s72-c/stelios-keromytis.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-3233592911876892158</guid><pubDate>Sun, 16 Aug 2026 10:10:12 +0000</pubDate><atom:updated>2026-08-16T13:21:14.668+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετισσα</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><category domain="http://www.blogger.com/atom/ns#">Σωτηρία Μπέλλου</category><title>Σωτηρία Μπέλλου: Το μεγάλο αφιέρωμα επιστρέφει για δύο βραδιές στην Κρήτη.</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Αφιέρωμα στη Σωτηρία Μπέλλου - Κρήτη | Ευτυχία Μητρίτσα &amp; Μαρία Κώτη&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              amber: &#39;#d97706&#39;,
              amberDark: &#39;#b45309&#39;,
              redAccent: &#39;#ea580c&#39;,
              bgLight: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;500;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Links explicit high-contrast styling */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      text-underline-offset: 3px;
      font-weight: 700;
      transition: all 0.2s ease;
      background-color: rgba(220, 38, 38, 0.08);
      padding: 2px 6px;
      border-radius: 4px;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
      background-color: rgba(220, 38, 38, 0.18);
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #f87171 !important;
      background-color: rgba(248, 113, 113, 0.15);
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
      background-color: rgba(248, 113, 113, 0.25);
    }

    /* Gradient Background for Header */
    .brand-gradient {
      background: linear-gradient(135deg, #FFF3E5 0%, #FDFFE5 50%, #E5EFFF 100%) !important;
    }

    /* Scrollbar Styling */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .floating-btn {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-amber-600 via-orange-500 to-red-600 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-music text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-garamond font-bold text-amber-950 text-[1em] sm:text-[1.15em] block truncate&quot;&gt;
              Σωτηρία Μπέλλου
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              Μουσικό Αφιέρωμα στην Κρήτη
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Direct Link to Tickets / Source in Header --&gt;
          &lt;a href=&quot;https://www.culturenow.gr/afieroma-sti-sotiria-mpelloy-me-tis-eytyxia-mitritsa-maria-koti-stin-kriti/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;hidden sm:inline-flex items-center gap-1.5 px-3 py-1.5 bg-orange-600 hover:bg-orange-700 text-white font-sans font-bold text-xs rounded-full shadow-sm transition-all hover:scale-105 active:scale-95&quot;&gt;
            &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
            &lt;span&gt;CultureNow&lt;/span&gt;
          &lt;/a&gt;

          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-amber-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-sotiria-bellou&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP HERO IMAGE CONTAINER --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ97NX4zohUgayu7rx0B39oBK6tCJ3j1eFOY2KcBaqnvZ4ox4kc-bCx_91Sy1C6arkBHSHWmqyQhcDSx4ZqtWyOiT_62rSgnqiAL-WKNLq8aw_VFW-nipmGV57jQaqqG1HSMcUr2GuszC3cYw7aYUiS40T-uGxIjLwPO_iiAjISq1jAPziIHVIA4NeiPc/s1536-rw/%CE%A3%CF%89%CF%84%CE%B7%CF%81%CE%AF%CE%B1%20%CE%9C%CF%80%CE%B5%CE%BB%CE%BB%CE%BF%CF%85-Soriria%20Bellou.webp&quot; 
                 alt=&quot;Σωτηρία Μπέλλου - Αφιέρωμα&quot; 
                 onclick=&quot;openLightbox(this.src)&quot;
                 class=&quot;w-full h-auto max-h-[550px] object-cover mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-guitar text-amber-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Σωτηρία Μπέλλου (1921–1997)&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- SINGLE ARTICLE HEADING &amp; SUBTITLE --&gt;
          &lt;div&gt;
            &lt;h1 class=&quot;text-2xl sm:text-3xl md:text-4xl font-garamond font-bold tracking-normal text-stone-900 dark:text-stone-100 mb-2 border-b border-orange-500/30 pb-3 leading-snug&quot;&gt;
              Σωτηρία Μπέλλου: Δύο βραδιές αφιερωμένες στη μεγάλη αρχόντισσα του ρεμπέτικου
            &lt;/h1&gt;
            &lt;p class=&quot;font-jura font-semibold text-base sm:text-lg text-orange-700 dark:text-orange-400 tracking-wide uppercase mt-2&quot;&gt;
              — Μουσική Συνάντηση με την Ευτυχία Μητρίτσα &amp; τη Μαρία Κώτη στην Κρήτη —
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- BOLD INTRO --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.2em] sm:text-[1.3em] text-stone-900 dark:text-stone-100&quot;&gt;
            Ένα ξεχωριστό μουσικό αφιέρωμα στη Σωτηρία Μπέλλου, μία από τις σημαντικότερες και πιο χαρακτηριστικές φωνές του ελληνικού τραγουδιού, επιστρέφει για δύο καλοκαιρινές βραδιές στην Κρήτη.
          &lt;/p&gt;

          &lt;!-- INVISIBLE MORE TAG FOR POST READ MORE CUT --&gt;
          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;!-- BODY PARAGRAPHS --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το αφιέρωμα παρουσιάστηκε ήδη τρεις φορές μέσα στον χειμώνα στο Ηράκλειο, σημειώνοντας μεγάλη επιτυχία. Τώρα, η &lt;a href=&quot;https://www.culturenow.gr/afieroma-sti-sotiria-mpelloy-me-tis-eytyxia-mitritsa-maria-koti-stin-kriti/&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Ευτυχία Μητρίτσα&lt;/a&gt; και η &lt;a href=&quot;https://www.culturenow.gr/afieroma-sti-sotiria-mpelloy-me-tis-eytyxia-mitritsa-maria-koti-stin-kriti/&quot; target=&quot;_blank&quot; class=&quot;red-link&quot;&gt;Μαρία Κώτη&lt;/a&gt; αναλαμβάνουν να ξαναφέρουν στη σκηνή τραγούδια που άφησαν ανεξίτηλο το αποτύπωμά τους στην ελληνική μουσική.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Οι δύο εμφανίσεις θα πραγματοποιηθούν την &lt;strong&gt;Παρασκευή 21 Αυγούστου&lt;/strong&gt; στο &lt;strong&gt;Κηποθέατρο «Μάνος Χατζιδάκις»&lt;/strong&gt; στο Ηράκλειο και το &lt;strong&gt;Σάββατο 22 Αυγούστου&lt;/strong&gt; στη &lt;strong&gt;«Μυθωδία»&lt;/strong&gt;, στο Γεράνι Ρεθύμνου.
          &lt;/p&gt;

          &lt;!-- SECTION 1 --&gt;
          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Ένα ταξίδι στην ιστορία του ελληνικού τραγουδιού
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η βραδιά είναι ένα μουσικό ταξίδι στην πορεία της Σωτηρίας Μπέλλου, μέσα από τραγούδια που η ίδια σφράγισε με την ιδιαίτερη φωνή, την έντονη προσωπικότητα και τον ασυμβίβαστο χαρακτήρα της.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Από τον &lt;em&gt;Τσιτσάνη&lt;/em&gt;, τον &lt;em&gt;Βαμβακάρη&lt;/em&gt;, τον &lt;em&gt;Μητσάκη&lt;/em&gt; και τον &lt;em&gt;Περιστέρη&lt;/em&gt;, μέχρι τους νεότερους δημιουργούς που συνεργάστηκαν μαζί της, όπως ο &lt;em&gt;Μούτσης&lt;/em&gt;, ο &lt;em&gt;Σαββόπουλος&lt;/em&gt;, ο &lt;em&gt;Ανδριόπουλος&lt;/em&gt; και ο &lt;em&gt;Λάγιος&lt;/em&gt;, το πρόγραμμα αναδεικνύει διαφορετικές στιγμές μιας σπουδαίας καλλιτεχνικής διαδρομής.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-semibold text-stone-800 dark:text-stone-200&quot;&gt;
            Στο πρόγραμμα περιλαμβάνονται αγαπημένα τραγούδια όπως:
          &lt;/p&gt;

          &lt;!-- FEATURED SONGS GRID --&gt;
          &lt;div class=&quot;my-6 p-5 sm:p-6 bg-gradient-to-br from-amber-50 to-orange-50 dark:from-stone-900 dark:to-amber-950/40 border-l-4 border-orange-600 rounded-r-2xl shadow-sm font-sans&quot;&gt;
            &lt;h3 class=&quot;font-jura font-bold text-lg text-amber-950 dark:text-amber-200 mb-4 flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-compact-disc text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Εμβληματικά Τραγούδια της Βραδιάς&lt;/span&gt;
            &lt;/h3&gt;

            &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 text-sm sm:text-base font-semibold&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Περιπλανώμενη ζωή»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Αντιλαλούνε τα βουνά»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Το ξεφάντωμα»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Κάνε λιγάκι υπομονή»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Είσαι εσύ ο άνθρωπός μου»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Μην κλαις»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Δε λες κουβέντα»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Θα με δικάσει»&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-center gap-2.5 p-2.5 rounded-xl bg-white dark:bg-stone-800/80 shadow-sm border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;i class=&quot;fa-solid fa-music text-orange-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;«Ζεϊμπέκικο»&lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;p class=&quot;mt-4 text-xs sm:text-sm text-stone-600 dark:text-stone-400 italic&quot;&gt;
              ...και πολλές ακόμη μελωδίες που παραμένουν ζωντανές μέχρι σήμερα στη συλλογική μας μνήμη.
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- SECTION 2 --&gt;
          &lt;h2 class=&quot;text-xl sm:text-2xl font-garamond font-bold text-orange-800 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Τραγούδια που μιλούν στην καρδιά
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η &lt;strong&gt;Ευτυχία Μητρίτσα&lt;/strong&gt; και η &lt;strong&gt;Μαρία Κώτη&lt;/strong&gt; προσεγγίζουν το έργο της Μπέλλου με σεβασμό και αγάπη, χωρίς να επιχειρούν να αντιγράψουν τη μοναδική ερμηνεύτρια.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Μέσα από τις φωνές τους, τα τραγούδια της ξαναβρίσκουν τη θέση τους σε μια ζωντανή μουσική συνάντηση που μιλά για τον έρωτα, τον πόνο, την κοινωνική αδικία, τη χαρά, το γλέντι και την ίδια τη ζωή.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Για δύο μόνο βραδιές, το κοινό καλείται να θυμηθεί, να τραγουδήσει και να ξανασυναντήσει τραγούδια που πέρασαν από γενιά σε γενιά και εξακολουθούν να συγκινούν.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-semibold italic text-stone-800 dark:text-stone-200&quot;&gt;
            Γιατί η Σωτηρία Μπέλλου δεν άφησε πίσω της μόνο μεγάλες ερμηνείες. Άφησε έναν ολόκληρο τρόπο έκφρασης και μια φωνή που έγινε κομμάτι της συλλογικής μνήμης του ελληνικού τραγουδιού.
          &lt;/p&gt;

          &lt;!-- CONTRIBUTORS &amp; MUSICIANS CARD --&gt;
          &lt;div class=&quot;my-8 font-sans bg-white dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-2xl p-6 shadow-md&quot;&gt;
            &lt;div class=&quot;flex items-center gap-3 pb-3 border-b border-stone-200 dark:border-stone-800 mb-5 text-orange-700 dark:text-orange-400&quot;&gt;
              &lt;i class=&quot;fa-solid fa-users text-2xl&quot;&gt;&lt;/i&gt;
              &lt;h3 class=&quot;font-jura font-bold text-xl sm:text-2xl&quot;&gt;Οι Συντελεστές της Παράστασης&lt;/h3&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
              &lt;!-- Singers --&gt;
              &lt;div class=&quot;p-4 rounded-xl bg-orange-50 dark:bg-amber-950/30 border border-orange-200 dark:border-orange-900/50&quot;&gt;
                &lt;span class=&quot;text-xs uppercase font-bold text-orange-700 dark:text-orange-400 tracking-wider block mb-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-microphone text-sm mr-1&quot;&gt;&lt;/i&gt; Ερμηνεία
                &lt;/span&gt;
                &lt;p class=&quot;text-base sm:text-lg font-bold text-stone-900 dark:text-white&quot;&gt;
                  Ευτυχία Μητρίτσα &amp; Μαρία Κώτη
                &lt;/p&gt;
              &lt;/div&gt;

              &lt;!-- Musicians --&gt;
              &lt;div class=&quot;p-4 rounded-xl bg-stone-50 dark:bg-stone-800/60 border border-stone-200 dark:border-stone-700&quot;&gt;
                &lt;span class=&quot;text-xs uppercase font-bold text-orange-700 dark:text-orange-400 tracking-wider block mb-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-music text-sm mr-1&quot;&gt;&lt;/i&gt; Μουσικοί επί σκηνής
                &lt;/span&gt;
                &lt;ul class=&quot;space-y-1.5 text-sm sm:text-base font-medium text-stone-800 dark:text-stone-200&quot;&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;span class=&quot;w-2 h-2 rounded-full bg-orange-500&quot;&gt;&lt;/span&gt;
                    &lt;span&gt;&lt;strong&gt;Μανώλης Κανακάκης:&lt;/strong&gt; πιάνο&lt;/span&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;span class=&quot;w-2 h-2 rounded-full bg-orange-500&quot;&gt;&lt;/span&gt;
                    &lt;span&gt;&lt;strong&gt;Παναγιώτης Καπιζιώνης:&lt;/strong&gt; μπουζούκι&lt;/span&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;span class=&quot;w-2 h-2 rounded-full bg-orange-500&quot;&gt;&lt;/span&gt;
                    &lt;span&gt;&lt;strong&gt;Χριστόφορος Παπανικολάου:&lt;/strong&gt; ακουστική κιθάρα&lt;/span&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;span class=&quot;w-2 h-2 rounded-full bg-orange-500&quot;&gt;&lt;/span&gt;
                    &lt;span&gt;&lt;strong&gt;Σάκης Πολύζος:&lt;/strong&gt; κοντραμπάσο&lt;/span&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- PERFORMANCES SCHEDULE CARD --&gt;
          &lt;div class=&quot;my-8 font-sans&quot;&gt;
            &lt;div class=&quot;bg-gradient-to-br from-amber-500/10 via-orange-500/10 to-red-500/10 dark:from-amber-950/40 dark:via-orange-950/40 dark:to-red-950/40 border-2 border-orange-500/50 rounded-2xl p-6 shadow-lg&quot;&gt;
              
              &lt;div class=&quot;flex flex-col md:flex-row md:items-center justify-between gap-6&quot;&gt;
                
                &lt;div class=&quot;space-y-4&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-orange-700 dark:text-orange-400 font-jura font-bold text-lg&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-calendar-star text-2xl&quot;&gt;&lt;/i&gt;
                    &lt;h3&gt;Οι Δύο Εμφανίσεις στην Κρήτη&lt;/h3&gt;
                  &lt;/div&gt;

                  &lt;div class=&quot;space-y-3 font-medium text-stone-900 dark:text-stone-100 text-base sm:text-lg&quot;&gt;
                    &lt;div class=&quot;flex items-start sm:items-center gap-3&quot;&gt;
                      &lt;span class=&quot;bg-orange-600 text-white font-bold px-3 py-1 rounded-md text-sm flex-shrink-0&quot;&gt;
                        Παρασκευή 21 Αυγούστου 2026
                      &lt;/span&gt;
                      &lt;span class=&quot;font-bold&quot;&gt;Κηποθέατρο «Μάνος Χατζιδάκις», Ηράκλειο&lt;/span&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;flex items-start sm:items-center gap-3&quot;&gt;
                      &lt;span class=&quot;bg-orange-600 text-white font-bold px-3 py-1 rounded-md text-sm flex-shrink-0&quot;&gt;
                        Σάββατο 22 Αυγούστου 2026
                      &lt;/span&gt;
                      &lt;span class=&quot;font-bold&quot;&gt;«Μυθωδία», Γεράνι Ρεθύμνου&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;div class=&quot;pt-2 flex items-center gap-4 text-sm text-stone-700 dark:text-stone-300&quot;&gt;
                    &lt;div class=&quot;flex items-center gap-2&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-ticket text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;Γενική Είσοδος: &lt;strong&gt;15€&lt;/strong&gt;&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;!-- DIRECT ACTION BUTTON --&gt;
                &lt;div class=&quot;flex flex-col items-center justify-center pt-2 md:pt-0&quot;&gt;
                  &lt;a href=&quot;https://www.culturenow.gr/afieroma-sti-sotiria-mpelloy-me-tis-eytyxia-mitritsa-maria-koti-stin-kriti/&quot; 
                     target=&quot;_blank&quot; 
                     rel=&quot;noopener noreferrer&quot; 
                     class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-3 px-7 py-3.5 bg-orange-600 hover:bg-orange-700 text-white font-sans font-bold text-base rounded-xl shadow-xl transition-all transform hover:scale-105 active:scale-95 text-center&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-circle-info text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;ΠΛΗΡΟΦΟΡΙΕΣ&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;span class=&quot;text-xs text-stone-500 dark:text-stone-400 mt-2 font-sans&quot;&gt;
                    Μουσική συνάντηση στην Κρήτη
                  &lt;/span&gt;
                &lt;/div&gt;

              &lt;/div&gt;

            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- CONCLUSION TEXT --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-amber-900 dark:text-amber-300 text-xl pt-2 text-center&quot;&gt;
            Ένα διήμερο αφιερωμένο στη Σωτηρία Μπέλλου και στα τραγούδια που, δεκαετίες μετά, εξακολουθούν να έχουν τη δύναμη να μας συγκινούν και να μας ενώνουν.
          &lt;/p&gt;

          &lt;!-- EVENT IDENTITY CARD (Ταυτότητα Εκδήλωσης) - PLACED BEFORE SOURCE --&gt;
          &lt;div class=&quot;mt-8 p-5 sm:p-6 rounded-xl bg-stone-100 dark:bg-stone-900/90 border-2 border-orange-600/80 shadow-lg font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4 text-stone-900 dark:text-white&quot;&gt;
              &lt;i class=&quot;fa-solid fa-fingerprint text-2xl text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;h2 class=&quot;font-jura font-bold text-xl sm:text-2xl tracking-tight&quot;&gt;Ταυτότητα Εκδήλωσης&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
              &lt;!-- Dates &amp; Schedule --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-calendar-days text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Ημερομηνία:&lt;/span&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;flex items-center gap-2 flex-wrap&quot;&gt;
                  &lt;span class=&quot;text-xs font-semibold text-stone-600 dark:text-stone-400&quot;&gt;Από:&lt;/span&gt;
                  &lt;span class=&quot;bg-orange-600 text-white font-mono font-bold text-sm px-3 py-1 rounded-md shadow-sm&quot;&gt;21/08/2026&lt;/span&gt;
                  &lt;span class=&quot;text-xs font-semibold text-stone-600 dark:text-stone-400 ml-2&quot;&gt;Έως:&lt;/span&gt;
                  &lt;span class=&quot;bg-orange-600 text-white font-mono font-bold text-sm px-3 py-1 rounded-md shadow-sm&quot;&gt;22/08/2026&lt;/span&gt;
                &lt;/div&gt;

                &lt;ul class=&quot;text-sm space-y-1 text-stone-700 dark:text-stone-300 pt-1&quot;&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-angle-right text-orange-600 text-xs&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;&lt;strong&gt;Παρασκευή 21/8:&lt;/strong&gt; Ηράκλειο&lt;/span&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;flex items-center gap-2&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-angle-right text-orange-600 text-xs&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;&lt;strong&gt;Σάββατο 22/8:&lt;/strong&gt; Ρέθυμνο&lt;/span&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/div&gt;

              &lt;!-- Location &amp; Ticket Price --&gt;
              &lt;div class=&quot;space-y-3&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2 text-stone-800 dark:text-stone-200 font-bold text-base sm:text-lg&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-location-dot text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Τοποθεσία:&lt;/span&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm text-stone-700 dark:text-stone-300 leading-relaxed font-medium&quot;&gt;
                  Κηποθέατρο «Μάνος Χατζιδάκις», Ηράκλειο | «Μυθωδία» Γεράνι, Ρέθυμνο
                &lt;/p&gt;

                &lt;div class=&quot;pt-2 border-t border-stone-200 dark:border-stone-800 flex items-center justify-between&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-stone-900 dark:text-white font-bold&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-ticket text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Εισιτήρια:&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;span class=&quot;font-sans font-extrabold text-xl text-orange-600 dark:text-orange-400 bg-orange-100 dark:bg-orange-950/60 px-3 py-1 rounded-lg border border-orange-300 dark:border-orange-800&quot;&gt;
                    15€
                  &lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCE REFERENCE CARD --&gt;
          &lt;div class=&quot;mt-6 font-sans w-full&quot;&gt;
            &lt;div class=&quot;p-5 rounded-2xl bg-stone-100 dark:bg-stone-900 border border-stone-300 dark:border-stone-800 shadow-sm flex flex-col sm:flex-row items-center justify-between gap-4 w-full&quot;&gt;
              &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
                &lt;div class=&quot;w-11 h-11 rounded-xl bg-orange-600/10 dark:bg-orange-500/20 text-orange-600 dark:text-orange-400 flex items-center justify-center text-xl flex-shrink-0&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-newspaper&quot;&gt;&lt;/i&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;span class=&quot;text-xs uppercase font-bold text-orange-700 dark:text-orange-400 tracking-wider block&quot;&gt;Πρωτότυπη Πηγή Δημοσίευσης&lt;/span&gt;
                  &lt;h4 class=&quot;text-sm sm:text-base font-bold text-stone-900 dark:text-stone-100&quot;&gt;CultureNow.gr&lt;/h4&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;a href=&quot;https://www.culturenow.gr/afieroma-sti-sotiria-mpelloy-me-tis-eytyxia-mitritsa-maria-koti-stin-kriti/&quot; 
                 target=&quot;_blank&quot; 
                 rel=&quot;noopener noreferrer&quot; 
                 class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-orange-600 hover:bg-orange-700 text-white font-sans font-semibold text-xs sm:text-sm rounded-xl shadow-sm transition-all hover:scale-[1.02] text-center&quot;&gt;
                &lt;span&gt;Μετάβαση στο άρθρο (CultureNow.gr)&lt;/span&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026 Αφιέρωμα στη Σωτηρία Μπέλλου • Κρήτη (Ηράκλειο &amp; Ρέθυμνο). Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-amber-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- FLOATING SOURCE BUTTON --&gt;
  &lt;a href=&quot;https://www.culturenow.gr/afieroma-sti-sotiria-mpelloy-me-tis-eytyxia-mitritsa-maria-koti-stin-kriti/&quot; 
     target=&quot;_blank&quot; 
     rel=&quot;noopener noreferrer&quot; 
     class=&quot;floating-btn fixed bottom-5 left-5 z-40 inline-flex items-center gap-2.5 px-4 py-3 bg-gradient-to-r from-orange-600 to-amber-600 hover:from-orange-700 hover:to-amber-700 text-white text-xs sm:text-sm font-sans font-extrabold rounded-full shadow-2xl border border-white/30 backdrop-blur-md transition-all hover:scale-110 active:scale-95 group&quot;
     title=&quot;Προβολή αρχικού άρθρου στο CultureNow.gr&quot;&gt;
    &lt;i class=&quot;fa-solid fa-newspaper text-white group-hover:rotate-12 transition-transform&quot;&gt;&lt;/i&gt;
    &lt;span&gt;Πηγή: CultureNow.gr&lt;/span&gt;
    &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-[0.75em]&quot;&gt;&lt;/i&gt;
  &lt;/a&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε!&quot;);
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Dark Mode Toggle */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/sotiria-bellou-afieroma-kriti-augoustos-2026.html</link><author>noreply@blogger.com (George Girnas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ97NX4zohUgayu7rx0B39oBK6tCJ3j1eFOY2KcBaqnvZ4ox4kc-bCx_91Sy1C6arkBHSHWmqyQhcDSx4ZqtWyOiT_62rSgnqiAL-WKNLq8aw_VFW-nipmGV57jQaqqG1HSMcUr2GuszC3cYw7aYUiS40T-uGxIjLwPO_iiAjISq1jAPziIHVIA4NeiPc/s72-c-rw/%CE%A3%CF%89%CF%84%CE%B7%CF%81%CE%AF%CE%B1%20%CE%9C%CF%80%CE%B5%CE%BB%CE%BB%CE%BF%CF%85-Soriria%20Bellou.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-4238825625226806036</guid><pubDate>Thu, 13 Aug 2026 09:23:31 +0000</pubDate><atom:updated>2026-08-13T12:23:31.698+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Πολιτισμός-Βιβλίο-Θέατρο-Σινεμα-TV</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>&quot;Ρεμπέτικο για Παιδιά&quot;: Βιωματική παράσταση για όλη την οικογένεια</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Ρεμπέτικο για Παιδιά - Δημοτικό Θέατρο Πειραιά | Θεατρική Παράσταση&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              teal: &#39;#0d9488&#39;,
              tealDark: &#39;#0f766e&#39;,
              amber: &#39;#f59e0b&#39;,
              coral: &#39;#f97316&#39;,
              deepRed: &#39;#dc2626&#39;,
              softBg: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red / Orange Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #ea580c !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #c2410c !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #fb923c !important;
    }

    /* Dynamic Gradient Bar &amp; Buttons */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #0d9488;
      border-radius: 4px;
    }

    /* Carousel Transition FX */
    .carousel-slide {
      transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print, .carousel-controls {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-teal-600 via-amber-500 to-orange-600 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-teal-600/15 border border-teal-500/30 flex-shrink-0 flex items-center justify-center text-teal-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-masks-theater text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-teal-900 dark:text-teal-900 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              Ρεμπέτικο για Παιδιά
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              Δημοτικό Θέατρο Πειραιά
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls &amp; CTA --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Buy Tickets Compact CTA in Header --&gt;
          &lt;a href=&quot;https://tickets.in.gr/gr-el/tickets/theater/rempetiko-gia-paidia/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;hidden sm:inline-flex items-center gap-1.5 px-3 py-1.5 bg-red-600 hover:bg-red-700 text-white font-sans font-bold text-xs rounded-full shadow-sm transition-all hover:scale-105 active:scale-95&quot;&gt;
            &lt;i class=&quot;fa-solid fa-ticket text-xs&quot;&gt;&lt;/i&gt;
            &lt;span&gt;Εισιτήρια&lt;/span&gt;
          &lt;/a&gt;

          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-teal-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-teal-100 dark:hover:bg-teal-950/50 text-stone-800 dark:text-stone-200 hover:text-teal-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-teal-100 dark:hover:bg-teal-950/50 text-stone-800 dark:text-stone-200 hover:text-teal-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-rempetiko-paidia&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP HERO IMAGE CONTAINER --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://tickets.in.gr/getattachment/05a96cce-4b89-49ab-b3d9-1980bb90b499/%CE%A1%CE%95%CE%9C%CE%A0%CE%95%CE%A4%CE%99%CE%9A%CE%9F-%CE%93%CE%99%CE%91-%CE%A0%CE%91%CE%99%CE%94%CE%99%CE%91f20b30dd-5bf5-426f-9767-2edff9.png&quot; 
                 alt=&quot;Ρεμπέτικο για Παιδιά - Αφίσα Παράστασης&quot; 
                 onclick=&quot;openLightbox(&#39;https://tickets.in.gr/getattachment/05a96cce-4b89-49ab-b3d9-1980bb90b499/%CE%A1%CE%95%CE%9C%CE%A0%CE%95%CE%A4%CE%99%CE%9A%CE%9F-%CE%93%CE%99%CE%91-%CE%A0%CE%91%CE%99%CE%94%CE%99%CE%91f20b30dd-5bf5-426f-9767-2edff9.png&#39;)&quot;
                 class=&quot;w-full h-auto max-h-[520px] object-contain mx-auto block cursor-pointer transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-child text-amber-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Δημοτικό Θέατρο Πειραιά&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- PROMINENT CTA BANNER FOR TICKET PURCHASES --&gt;
          &lt;div class=&quot;mt-4 p-4 sm:p-5 rounded-xl bg-gradient-to-r from-red-600 via-orange-600 to-amber-600 text-white shadow-lg flex flex-col md:flex-row items-center justify-between gap-4&quot;&gt;
            &lt;div class=&quot;space-y-1 text-center md:text-left&quot;&gt;
              &lt;div class=&quot;flex items-center justify-center md:justify-start gap-2 text-xs font-orbitron font-bold uppercase tracking-wider text-amber-200&quot;&gt;
                &lt;i class=&quot;fa-solid fa-calendar-check&quot;&gt;&lt;/i&gt;
                &lt;span&gt;18 - 20 Σεπτεμβρίου 2026&lt;/span&gt;
              &lt;/div&gt;
              &lt;h2 class=&quot;text-xl sm:text-2xl font-bold font-sans tracking-tight&quot;&gt;
                Εξασφαλίστε τα εισιτήριά σας online!
              &lt;/h2&gt;
              &lt;p class=&quot;text-xs sm:text-sm text-amber-100 opacity-95&quot;&gt;
                📍 Δημοτικό Θέατρο Πειραιά • Προπώληση μέσω inMore.com / tickets.in.gr
              &lt;/p&gt;
            &lt;/div&gt;
            
            &lt;a href=&quot;https://tickets.in.gr/gr-el/tickets/theater/rempetiko-gia-paidia/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;flex-shrink-0 inline-flex items-center gap-2.5 px-6 py-3.5 bg-white text-red-700 hover:bg-amber-50 font-orbitron font-extrabold text-sm sm:text-base rounded-xl shadow-xl transition-all transform hover:-translate-y-0.5 active:translate-y-0 border-2 border-white/80 group&quot;&gt;
              &lt;i class=&quot;fa-solid fa-ticket text-lg text-red-600 group-hover:rotate-12 transition-transform&quot;&gt;&lt;/i&gt;
              &lt;span&gt;ΑΓΟΡΑ ΕΙΣΙΤΗΡΙΩΝ&lt;/span&gt;
              &lt;i class=&quot;fa-solid fa-arrow-right text-xs text-red-600 group-hover:translate-x-1 transition-transform&quot;&gt;&lt;/i&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- ARTICLE HEADING --&gt;
          &lt;h1 class=&quot;text-3xl sm:text-4xl font-extrabold font-orbitron tracking-tight text-stone-900 dark:text-stone-100 mb-4 border-b border-teal-500/30 pb-3&quot;&gt;
            Ρεμπέτικο για Παιδιά: Ένα μαγικό ταξίδι στον χρόνο στο Δημοτικό Θέατρο Πειραιά
          &lt;/h1&gt;

          &lt;!-- PARAGRAPH 1 (BOLD INTRO) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            Τι θα γινόταν αν ένα παιδί μπορούσε να ταξιδέψει στον χρόνο μόνο με όχημα τη φαντασία του; Η παράσταση «Ρεμπέτικο για Παιδιά» μετατρέπει τη σκηνή του Δημοτικού Θεάτρου Πειραιά σε μια μαγική μηχανή του χρόνου και προσκαλεί μικρούς και μεγάλους να γνωρίσουν το Ρεμπέτικο μέσα από τη μουσική, το θέατρο, το παιχνίδι και τη συμμετοχή.
          &lt;/p&gt;
 &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;   

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Δύο αφηγήτριες αναλαμβάνουν να οδηγήσουν τα παιδιά σε μια ξεχωριστή περιπέτεια, με αφετηρία τον Πειραιά και προορισμό έναν ολόκληρο κόσμο γεμάτο μουσικές, ιστορίες και πρόσωπα που άφησαν το αποτύπωμά τους στην ελληνική μουσική παράδοση.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Τα παιδιά δεν μένουν απλοί θεατές. Τραγουδούν, κινούνται, παίζουν, αυτοσχεδιάζουν και συμμετέχουν ενεργά στην εξέλιξη της παράστασης, μετατρέποντας τη θεατρική εμπειρία σε ένα πραγματικό μουσικοκινητικό παιχνίδι.
          &lt;/p&gt;

          &lt;!-- SECTION 1 --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-teal-700 dark:text-teal-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Από τον Πειραιά στη Σμύρνη και από εκεί στη Νέα Υόρκη
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το ταξίδι στον κόσμο του Ρεμπέτικου ξεκινά από τον Πειραιά και την ιστορική &lt;strong class=&quot;text-teal-800 dark:text-teal-300&quot;&gt;Τετράδα του Πειραιά&lt;/strong&gt;, συνεχίζεται στη Σμύρνη και στα περίφημα Καφέ Αμάν, ενώ φτάνει μέχρι τη Νέα Υόρκη, εκεί όπου το Ρεμπέτικο ταξίδεψε μαζί με τους Έλληνες μετανάστες.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Μέσα από αυτή τη διαδρομή, τα παιδιά ανακαλύπτουν τις ρίζες και την πορεία ενός μουσικού είδους που γεννήθηκε μέσα από την κοινωνία, τη ζωή, τις δυσκολίες, τις χαρές και τις ιστορίες των ανθρώπων.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Και το ταξίδι επιστρέφει στο σήμερα, για να δείξει πως το Ρεμπέτικο δεν αποτελεί απλώς ένα κομμάτι του παρελθόντος. Παραμένει μια ζωντανή μουσική παράδοση που μπορεί να συγκινεί και να ενώνει ανθρώπους κάθε ηλικίας.
          &lt;/p&gt;

          &lt;!-- SECTION 2 --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-teal-700 dark:text-teal-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Μουσική, παιχνίδι και φαντασία
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Στην παράσταση η μάθηση γίνεται παιχνίδι.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Τα παιδιά περπατούν σαν μικρά καβουράκια, μεταμορφώνονται σε ζυμαράκια που φουσκώνουν σαν αφράτες φρατζόλες, ταξιδεύουν με φανταστικές βάρκες και ανακαλύπτουν μέσα από την κίνηση και τον ρυθμό τον κόσμο των μουσικών δρόμων.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Η ζωντανή μουσική, η αφήγηση, ο αυτοσχεδιασμός και η άμεση επικοινωνία με το κοινό δημιουργούν μια εμπειρία που δεν περιορίζεται στα όρια της σκηνής.
          &lt;/p&gt;

          &lt;!-- HIGHLIGHTED SONGS BOX --&gt;
          &lt;div class=&quot;my-6 p-5 sm:p-6 bg-teal-50 dark:bg-teal-950/40 border-l-4 border-teal-600 rounded-r-xl shadow-sm&quot;&gt;
            &lt;h3 class=&quot;font-orbitron font-bold text-lg text-teal-900 dark:text-teal-200 mb-2 flex items-center gap-2 font-sans&quot;&gt;
              &lt;i class=&quot;fa-solid fa-music text-amber-500&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Τα τραγούδια της παράστασης&lt;/span&gt;
            &lt;/h3&gt;
            &lt;p class=&quot;text-sm sm:text-base text-stone-800 dark:text-stone-200 leading-relaxed font-sans font-medium&quot;&gt;
              Ανάμεσα στα τραγούδια που ακούγονται είναι τα: 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Στου γιαλού τα βοτσαλάκια»&lt;/span&gt;, 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Μια κότα στρουμπουλή»&lt;/span&gt;, 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Είσαι αφράτη σαν φρατζόλα»&lt;/span&gt;, 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Σε καινούρια βάρκα μπήκα»&lt;/span&gt;, 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Μενεξέδες και ζουμπούλια»&lt;/span&gt;, 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Μαύρα μάτια, μαύρα φρύδια»&lt;/span&gt;, 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Έχε γεια Παναγιά»&lt;/span&gt; και 
              &lt;span class=&quot;font-semibold text-teal-800 dark:text-teal-300&quot;&gt;«Καΐκι μου, Αϊ-Νικόλα»&lt;/span&gt;.
            &lt;/p&gt;
            &lt;p class=&quot;mt-3 text-xs sm:text-sm text-stone-600 dark:text-stone-400 font-sans italic&quot;&gt;
              Έτσι, οι μικροί θεατές έρχονται σε επαφή με γνωστές μελωδίες και παράλληλα γνωρίζουν τα μουσικά όργανα και σημαντικούς δημιουργούς του Ρεμπέτικου.
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- SECTION 3 --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-teal-700 dark:text-teal-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Το Ρεμπέτικο ως ζωντανή πολιτιστική κληρονομιά
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ένα ακόμη σημαντικό στοιχείο της παράστασης είναι η γνωριμία των παιδιών με την πολιτιστική αξία του Ρεμπέτικου.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το Ρεμπέτικο έχει αναγνωριστεί από την &lt;strong class=&quot;text-amber-600 dark:text-amber-400&quot;&gt;UNESCO&lt;/strong&gt; ως στοιχείο της &lt;em&gt;Άυλης Πολιτιστικής Κληρονομιάς της Ανθρωπότητας&lt;/em&gt;, γεγονός που αναδεικνύει τη σημασία του όχι μόνο για την Ελλάδα αλλά και για την παγκόσμια πολιτιστική κληρονομιά.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Μέσα από την παράσταση, τα παιδιά κατανοούν ότι η μουσική μπορεί να λειτουργήσει ως ζωντανή μνήμη. Να μεταφέρει ιστορίες, συναισθήματα και εμπειρίες από γενιά σε γενιά και να διατηρεί ζωντανό ένα κομμάτι της ιστορίας.
          &lt;/p&gt;

          &lt;!-- SECOND IMAGE: TEAM SKETCH --&gt;
          &lt;div class=&quot;my-8&quot;&gt;
            &lt;div class=&quot;bg-white dark:bg-stone-900 p-2 rounded-2xl shadow-md border border-stone-200 dark:border-stone-800&quot;&gt;
              &lt;a href=&quot;javascript:void(0)&quot; onclick=&quot;openLightbox(&#39;https://www.in.gr/wp-content/uploads/2026/08/team-scetch-1-1200x800.jpg&#39;)&quot; class=&quot;group block relative overflow-hidden rounded-xl bg-stone-950&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/team-scetch-1-1200x800.jpg&quot; 
                     alt=&quot;Εικαστικό - Σκίτσο της Ομάδας Ρεμπέτικο για Παιδιά&quot; 
                     class=&quot;w-full h-auto object-cover block transition-transform duration-300 group-hover:scale-[1.015]&quot;&gt;
                &lt;div class=&quot;absolute bottom-3 right-3 bg-black/80 text-white text-xs px-3 py-1.5 rounded-md backdrop-blur-sm font-jura flex items-center gap-1.5 border border-white/20&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-paintbrush text-amber-400&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Εικαστικό: Παναγιώτης Γκράντις&lt;/span&gt;
                &lt;/div&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SECTION 4 --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-teal-700 dark:text-teal-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Μια παράσταση για παιδιά και γονείς
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το «Ρεμπέτικο για Παιδιά» απευθύνεται σε μαθητές προσχολικής και πρωτοβάθμιας εκπαίδευσης, αλλά και στις οικογένειες που θέλουν να μοιραστούν μια διαφορετική πολιτιστική εμπειρία.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-semibold&quot;&gt;
            Στόχος δεν είναι απλώς να μάθουν τα παιδιά τι είναι το Ρεμπέτικo. Είναι να το ακούσουν, να το παίξουν, να το τραγουδήσουν και να το αισθανθούν.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Γιατί όταν η ιστορία γίνεται παιχνίδι και η μουσική γίνεται συμμετοχή, το παρελθόν παύει να μοιάζει μακρινό. Και ίσως αυτό να είναι το μεγαλύτερο στοίχημα της παράστασης: να γνωρίσουν τα παιδιά το Ρεμπέτικο όχι ως μια «παλιά μουσική», αλλά ως έναν ζωντανό πολιτιστικό θησαυρό που συνεχίζει να ταξιδεύει στον χρόνο.
          &lt;/p&gt;

          &lt;!-- PHOTO CAROUSEL SECTION --&gt;
          &lt;div class=&quot;my-10 font-sans&quot;&gt;
            &lt;div class=&quot;flex items-center justify-between mb-4&quot;&gt;
              &lt;h3 class=&quot;font-orbitron font-bold text-xl text-stone-900 dark:text-stone-100 flex items-center gap-2&quot;&gt;
                &lt;i class=&quot;fa-solid fa-camera-retro text-teal-600&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Φωτογραφίες &amp; Συντελεστές&lt;/span&gt;
              &lt;/h3&gt;
              &lt;div class=&quot;flex items-center gap-2&quot;&gt;
                &lt;button onclick=&quot;prevSlide()&quot; class=&quot;w-9 h-9 rounded-full bg-stone-200 dark:bg-stone-800 hover:bg-teal-600 hover:text-white dark:hover:bg-teal-600 flex items-center justify-center transition-colors shadow-sm&quot; title=&quot;Προηγούμενη&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-chevron-left text-sm&quot;&gt;&lt;/i&gt;
                &lt;/button&gt;
                &lt;button onclick=&quot;nextSlide()&quot; class=&quot;w-9 h-9 rounded-full bg-stone-200 dark:bg-stone-800 hover:bg-teal-600 hover:text-white dark:hover:bg-teal-600 flex items-center justify-center transition-colors shadow-sm&quot; title=&quot;Επόμενη&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-chevron-right text-sm&quot;&gt;&lt;/i&gt;
                &lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- CAROUSEL WRAPPER --&gt;
            &lt;div class=&quot;relative w-full bg-stone-900 rounded-2xl overflow-hidden shadow-lg border border-stone-300 dark:border-stone-800 aspect-[3/4] sm:aspect-[16/10]&quot;&gt;
              
              &lt;!-- SLIDE 1 --&gt;
              &lt;div id=&quot;slide-0&quot; class=&quot;carousel-slide absolute inset-0 opacity-100 transition-opacity duration-500 flex items-center justify-center bg-black&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/bouzouki-788x1200.jpg&quot; 
                     alt=&quot;Το μπουζούκι στη σκηνή&quot; 
                     onclick=&quot;openLightbox(&#39;https://www.in.gr/wp-content/uploads/2026/08/bouzouki-788x1200.jpg&#39;)&quot;
                     class=&quot;h-full w-auto max-w-full object-contain cursor-pointer&quot;&gt;
                &lt;div class=&quot;absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent p-4 sm:p-6 text-white&quot;&gt;
                  &lt;span class=&quot;bg-teal-600 text-xs px-2.5 py-1 rounded font-bold uppercase tracking-wider&quot;&gt;Μουσική &amp; Όργανα&lt;/span&gt;
                  &lt;h4 class=&quot;text-lg sm:text-xl font-bold mt-1&quot;&gt;Το μπουζούκι στην παιδική παράσταση&lt;/h4&gt;
                  &lt;p class=&quot;text-xs sm:text-sm text-stone-300&quot;&gt;Γνωριμία με τα παραδοσιακά όργανα του Ρεμπέτικου&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- SLIDE 2 --&gt;
              &lt;div id=&quot;slide-1&quot; class=&quot;carousel-slide absolute inset-0 opacity-0 pointer-events-none transition-opacity duration-500 flex items-center justify-center bg-black&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/zeta-799x1200.jpg&quot; 
                     alt=&quot;Ζέτα Ντίλη - Αφήγηση&quot; 
                     onclick=&quot;openLightbox(&#39;https://www.in.gr/wp-content/uploads/2026/08/zeta-799x1200.jpg&#39;)&quot;
                     class=&quot;h-full w-auto max-w-full object-contain cursor-pointer&quot;&gt;
                &lt;div class=&quot;absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent p-4 sm:p-6 text-white&quot;&gt;
                  &lt;span class=&quot;bg-teal-600 text-xs px-2.5 py-1 rounded font-bold uppercase tracking-wider&quot;&gt;Αφήγηση&lt;/span&gt;
                  &lt;h4 class=&quot;text-lg sm:text-xl font-bold mt-1&quot;&gt;Ζέτα Ντίλη&lt;/h4&gt;
                  &lt;p class=&quot;text-xs sm:text-sm text-stone-300&quot;&gt;Θεατρική Αφήγηση &amp; Μουσικοκινητικά Παιχνίδια&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- SLIDE 3 --&gt;
              &lt;div id=&quot;slide-2&quot; class=&quot;carousel-slide absolute inset-0 opacity-0 pointer-events-none transition-opacity duration-500 flex items-center justify-center bg-black&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/bribos-799x1200.jpg&quot; 
                     alt=&quot;Μανόλης Μπρίμπος - Κείμενο &amp; Σκηνοθεσία&quot; 
                     onclick=&quot;openLightbox(&#39;https://www.in.gr/wp-content/uploads/2026/08/bribos-799x1200.jpg&#39;)&quot;
                     class=&quot;h-full w-auto max-w-full object-contain cursor-pointer&quot;&gt;
                &lt;div class=&quot;absolute bottom-0 inset-x-0 bg-gradient-to-t from-black/90 via-black/50 to-transparent p-4 sm:p-6 text-white&quot;&gt;
                  &lt;span class=&quot;bg-teal-600 text-xs px-2.5 py-1 rounded font-bold uppercase tracking-wider&quot;&gt;Σκηνοθεσία &amp; Μουσική&lt;/span&gt;
                  &lt;h4 class=&quot;text-lg sm:text-xl font-bold mt-1&quot;&gt;Μανόλης Μπρίμπος&lt;/h4&gt;
                  &lt;p class=&quot;text-xs sm:text-sm text-stone-300&quot;&gt;Κείμενο / Σκηνοθεσία / Κιθάρα / Φωνή&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- INDICATORS --&gt;
              &lt;div class=&quot;absolute top-4 right-4 flex items-center gap-1.5 z-10 bg-black/60 px-3 py-1.5 rounded-full backdrop-blur-sm&quot;&gt;
                &lt;button onclick=&quot;goToSlide(0)&quot; id=&quot;dot-0&quot; class=&quot;w-2.5 h-2.5 rounded-full bg-white transition-all&quot;&gt;&lt;/button&gt;
                &lt;button onclick=&quot;goToSlide(1)&quot; id=&quot;dot-1&quot; class=&quot;w-2.5 h-2.5 rounded-full bg-white/40 transition-all&quot;&gt;&lt;/button&gt;
                &lt;button onclick=&quot;goToSlide(2)&quot; id=&quot;dot-2&quot; class=&quot;w-2.5 h-2.5 rounded-full bg-white/40 transition-all&quot;&gt;&lt;/button&gt;
              &lt;/div&gt;

            &lt;/div&gt;

            &lt;!-- CAROUSEL THUMBNAILS --&gt;
            &lt;div class=&quot;grid grid-cols-3 gap-3 mt-3&quot;&gt;
              &lt;button onclick=&quot;goToSlide(0)&quot; class=&quot;relative rounded-lg overflow-hidden border-2 border-teal-600 aspect-video bg-black focus:outline-none&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/bouzouki-788x1200.jpg&quot; class=&quot;w-full h-full object-cover&quot;&gt;
              &lt;/button&gt;
              &lt;button onclick=&quot;goToSlide(1)&quot; class=&quot;relative rounded-lg overflow-hidden border-2 border-transparent hover:border-teal-500 aspect-video bg-black focus:outline-none&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/zeta-799x1200.jpg&quot; class=&quot;w-full h-full object-cover&quot;&gt;
              &lt;/button&gt;
              &lt;button onclick=&quot;goToSlide(2)&quot; class=&quot;relative rounded-lg overflow-hidden border-2 border-transparent hover:border-teal-500 aspect-video bg-black focus:outline-none&quot;&gt;
                &lt;img src=&quot;https://www.in.gr/wp-content/uploads/2026/08/bribos-799x1200.jpg&quot; class=&quot;w-full h-full object-cover&quot;&gt;
              &lt;/button&gt;
            &lt;/div&gt;

          &lt;/div&gt;

          &lt;!-- SHOW AT A GLANCE CARD --&gt;
          &lt;div class=&quot;my-8 font-sans&quot;&gt;
            &lt;div class=&quot;bg-stone-100 dark:bg-stone-900 border-2 border-teal-600 rounded-xl p-5 sm:p-6 shadow-md&quot;&gt;
              
              &lt;div class=&quot;flex items-center gap-3 pb-3 border-b border-stone-300 dark:border-stone-800 mb-4&quot;&gt;
                &lt;i class=&quot;fa-solid fa-list-check text-2xl text-teal-600&quot;&gt;&lt;/i&gt;
                &lt;h3 class=&quot;font-orbitron font-bold text-xl sm:text-2xl text-stone-900 dark:text-white&quot;&gt;
                  Η παράσταση με μια ματιά
                &lt;/h3&gt;
              &lt;/div&gt;

              &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm sm:text-base font-medium&quot;&gt;
                &lt;div class=&quot;flex items-center gap-2.5 p-2 rounded-lg bg-white dark:bg-stone-800/80 shadow-sm&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-circle-check text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Ζωντανή μουσική&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;flex items-center gap-2.5 p-2 rounded-lg bg-white dark:bg-stone-800/80 shadow-sm&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-circle-check text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Θεατρική αφήγηση&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;flex items-center gap-2.5 p-2 rounded-lg bg-white dark:bg-stone-800/80 shadow-sm&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-circle-check text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Διαδραστικά μουσικοκινητικά παιχνίδια&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;flex items-center gap-2.5 p-2 rounded-lg bg-white dark:bg-stone-800/80 shadow-sm&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-circle-check text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Ενεργή συμμετοχή του κοινού&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;flex items-center gap-2.5 p-2 rounded-lg bg-white dark:bg-stone-800/80 shadow-sm&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-circle-check text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Βιωματική και εκπαιδευτική προσέγγιση&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;flex items-center gap-2.5 p-2 rounded-lg bg-white dark:bg-stone-800/80 shadow-sm&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-circle-check text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                  &lt;span&gt;Γνωριμία με όργανα &amp; δημιουργούς&lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;

            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- CREDITS AND CAST GRID --&gt;
          &lt;div class=&quot;my-8 font-sans grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
            
            &lt;!-- CREATIVE TEAM --&gt;
            &lt;div class=&quot;bg-white dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-xl p-5 shadow-sm&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-200 dark:border-stone-800 mb-4 text-teal-700 dark:text-teal-400&quot;&gt;
                &lt;i class=&quot;fa-solid fa-clapperboard text-xl&quot;&gt;&lt;/i&gt;
                &lt;h3 class=&quot;font-orbitron font-bold text-lg&quot;&gt;Συντελεστές&lt;/h3&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;space-y-2.5 text-sm sm:text-base text-stone-800 dark:text-stone-200&quot;&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Κείμενο / Σκηνοθεσία:&lt;/strong&gt; Μανόλης Μπρίμπος&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Σκηνικά:&lt;/strong&gt; Σέβυ Χατζησαβίδου&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Φωτογραφία / Βίντεο:&lt;/strong&gt; Παναγιώτης Μαργαρώνης / On Stage Greece&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Γραφιστικά:&lt;/strong&gt; Ευάγγελος Κόνχυλας&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Εικαστικό:&lt;/strong&gt; Παναγιώτης Γκράντις&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

            &lt;!-- CAST --&gt;
            &lt;div class=&quot;bg-white dark:bg-stone-900 border border-stone-200 dark:border-stone-800 rounded-xl p-5 shadow-sm&quot;&gt;
              &lt;div class=&quot;flex items-center gap-2.5 pb-3 border-b border-stone-200 dark:border-stone-800 mb-4 text-teal-700 dark:text-teal-400&quot;&gt;
                &lt;i class=&quot;fa-solid fa-users text-xl&quot;&gt;&lt;/i&gt;
                &lt;h3 class=&quot;font-orbitron font-bold text-lg&quot;&gt;Παίζουν&lt;/h3&gt;
              &lt;/div&gt;
              &lt;ul class=&quot;space-y-2.5 text-sm sm:text-base text-stone-800 dark:text-stone-200&quot;&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Ακουστικό Μπάσο:&lt;/strong&gt; Μιχάλης Γαροφαλάκης&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Μπουζούκι:&lt;/strong&gt; Ανδρέας Καρατζάς&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Κιθάρα / Φωνή:&lt;/strong&gt; Μανώλης Μπρίμπος&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Αφήγηση:&lt;/strong&gt; Ζέτα Ντίλη&lt;/li&gt;
                &lt;li&gt;&lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Αφήγηση:&lt;/strong&gt; Άννα Χατζηεφραίμ&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

          &lt;/div&gt;

          &lt;!-- SHOWTIMES &amp; LOCATION CARD --&gt;
          &lt;div class=&quot;my-8 font-sans&quot;&gt;
            &lt;div class=&quot;bg-gradient-to-br from-amber-500/10 via-orange-500/10 to-red-500/10 dark:from-amber-950/30 dark:via-orange-950/30 dark:to-red-950/30 border-2 border-amber-500/50 rounded-2xl p-6 shadow-lg&quot;&gt;
              
              &lt;div class=&quot;flex flex-col md:flex-row md:items-center justify-between gap-6&quot;&gt;
                
                &lt;div class=&quot;space-y-4&quot;&gt;
                  &lt;div class=&quot;flex items-center gap-2 text-red-600 dark:text-red-400 font-orbitron font-bold text-lg&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-calendar-days text-xl&quot;&gt;&lt;/i&gt;
                    &lt;h3&gt;Ημέρες και ώρες παραστάσεων&lt;/h3&gt;
                  &lt;/div&gt;

                  &lt;div class=&quot;space-y-2 font-medium text-stone-900 dark:text-stone-100 text-base sm:text-lg&quot;&gt;
                    &lt;div class=&quot;flex items-center gap-3&quot;&gt;
                      &lt;span class=&quot;bg-amber-500 text-black font-bold px-3 py-1 rounded-md text-sm&quot;&gt;Παρασκευή 18 Σεπτεμβρίου&lt;/span&gt;
                      &lt;span class=&quot;font-bold&quot;&gt;18:30&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;flex items-center gap-3&quot;&gt;
                      &lt;span class=&quot;bg-amber-500 text-black font-bold px-3 py-1 rounded-md text-sm&quot;&gt;Σάββατο 19 Σεπτεμβρίου&lt;/span&gt;
                      &lt;span class=&quot;font-bold&quot;&gt;12:00&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;flex items-center gap-3&quot;&gt;
                      &lt;span class=&quot;bg-amber-500 text-black font-bold px-3 py-1 rounded-md text-sm&quot;&gt;Κυριακή 20 Σεπτεμβρίου&lt;/span&gt;
                      &lt;span class=&quot;font-bold&quot;&gt;12:00&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;div class=&quot;pt-2 flex flex-col sm:flex-row sm:items-center gap-3 text-sm text-stone-700 dark:text-stone-300&quot;&gt;
                    &lt;div class=&quot;flex items-center gap-2&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-location-dot text-red-600 text-lg&quot;&gt;&lt;/i&gt;
                      &lt;strong class=&quot;text-stone-900 dark:text-white&quot;&gt;Δημοτικό Θέατρο Πειραιά&lt;/strong&gt;
                    &lt;/div&gt;
                    &lt;span class=&quot;hidden sm:inline&quot;&gt;•&lt;/span&gt;
                    &lt;div class=&quot;flex items-center gap-2&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-ticket text-teal-600 text-lg&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;Προπώληση: &lt;strong&gt;inMore.com&lt;/strong&gt; / &lt;strong&gt;tickets.in.gr&lt;/strong&gt;&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;!-- DIRECT BUY TICKET BUTTON --&gt;
                &lt;div class=&quot;flex flex-col items-center justify-center pt-2 md:pt-0&quot;&gt;
                  &lt;a href=&quot;https://tickets.in.gr/gr-el/tickets/theater/rempetiko-gia-paidia/&quot; 
                     target=&quot;_blank&quot; 
                     rel=&quot;noopener noreferrer&quot; 
                     class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-3 px-8 py-4 bg-red-600 hover:bg-red-700 text-white font-orbitron font-extrabold text-base rounded-xl shadow-xl transition-all transform hover:scale-105 active:scale-95 text-center&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-cart-shopping text-xl&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;ΚΡΑΤΗΣΗ ΕΙΣΙΤΗΡΙΩΝ&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;span class=&quot;text-xs text-stone-500 dark:text-stone-400 mt-2 font-sans&quot;&gt;
                    Ασφαλής ηλεκτρονική αγορά
                  &lt;/span&gt;
                &lt;/div&gt;

              &lt;/div&gt;

            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- CONCLUSION SECTION --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-teal-700 dark:text-teal-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            Ένα διαφορετικό ταξίδι στην ελληνική μουσική
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Το «Ρεμπέτικο για Παιδιά» είναι μια ευκαιρία για τους μικρούς θεατές να γνωρίσουν ένα σημαντικό κομμάτι της ελληνικής πολιτιστικής κληρονομιάς με τρόπο απλό, ζωντανό και διασκεδαστικό.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            Ένα ταξίδι από τον Πειραιά και τη Σμύρνη μέχρι τη Νέα Υόρκη, από τις παλιές μελωδίες στο σήμερα και από την ιστορία στη φαντασία των παιδιών.
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-bold italic text-teal-800 dark:text-teal-300 text-xl pt-2&quot;&gt;
            Γιατί η μουσική, όταν περνά από γενιά σε γενιά, δεν ταξιδεύει μόνο στον χρόνο. Συνεχίζει να ζει.
          &lt;/p&gt;

          &lt;!-- SOURCE REFERENCE CARD (100% WIDTH) --&gt;
          &lt;div class=&quot;mt-10 font-sans w-full&quot;&gt;
            &lt;div class=&quot;p-5 rounded-2xl bg-stone-100 dark:bg-stone-900 border border-stone-300 dark:border-stone-800 shadow-sm flex flex-col sm:flex-row items-center justify-between gap-4 w-full&quot;&gt;
              &lt;div class=&quot;flex items-center gap-3.5&quot;&gt;
                &lt;div class=&quot;w-11 h-11 rounded-xl bg-teal-600/10 dark:bg-teal-500/20 text-teal-600 dark:text-teal-400 flex items-center justify-center text-xl flex-shrink-0&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-newspaper&quot;&gt;&lt;/i&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;span class=&quot;text-xs uppercase font-bold text-teal-700 dark:text-teal-400 tracking-wider block&quot;&gt;Πρωτότυπη Πηγή Δημοσίευσης&lt;/span&gt;
                  &lt;h4 class=&quot;text-sm sm:text-base font-bold text-stone-900 dark:text-stone-100&quot;&gt;in.gr — Culture Live&lt;/h4&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;a href=&quot;https://www.in.gr/2026/08/12/life/culture-live/rempetiko-gia-paidia-ena-taksidi-ston-xrono-mesa-apo-ti-mousiki/&quot; 
                 target=&quot;_blank&quot; 
                 rel=&quot;noopener noreferrer&quot; 
                 class=&quot;w-full sm:w-auto inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-teal-600 hover:bg-teal-700 text-white font-sans font-semibold text-xs sm:text-sm rounded-xl shadow-sm transition-all hover:scale-[1.02] text-center&quot;&gt;
                &lt;span&gt;Μετάβαση στο άρθρο (www.in.gr)&lt;/span&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026 Δημοτικό Θέατρο Πειραιά • «Ρεμπέτικο για Παιδιά». Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- LIGHTBOX MODAL --&gt;
  &lt;div id=&quot;lightbox&quot; class=&quot;fixed inset-0 z-50 bg-black/90 backdrop-blur-md hidden items-center justify-center p-4 transition-opacity duration-300&quot; onclick=&quot;closeLightbox()&quot;&gt;
    &lt;button onclick=&quot;closeLightbox()&quot; class=&quot;absolute top-4 right-4 text-white text-3xl hover:text-amber-400 transition-colors&quot;&gt;
      &lt;i class=&quot;fa-solid fa-xmark&quot;&gt;&lt;/i&gt;
    &lt;/button&gt;
    &lt;img id=&quot;lightbox-img&quot; src=&quot;&quot; alt=&quot;Προβολή Εικόνας&quot; class=&quot;max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl&quot;&gt;
  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-teal-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- FLOATING SOURCE BUTTON --&gt;
  &lt;a href=&quot;https://www.in.gr/2026/08/12/life/culture-live/rempetiko-gia-paidia-ena-taksidi-ston-xrono-mesa-apo-ti-mousiki/&quot; 
     target=&quot;_blank&quot; 
     rel=&quot;noopener noreferrer&quot; 
     class=&quot;fixed bottom-5 left-5 z-40 inline-flex items-center gap-2.5 px-4 py-2.5 bg-stone-900/90 dark:bg-stone-800/90 hover:bg-stone-800 text-white text-xs sm:text-sm font-sans font-semibold rounded-full shadow-2xl border border-stone-700/60 backdrop-blur-md transition-all hover:scale-105 active:scale-95 group&quot;
     title=&quot;Προβολή αρχικού άρθρου στο in.gr&quot;&gt;
    &lt;i class=&quot;fa-solid fa-newspaper text-teal-400 group-hover:rotate-12 transition-transform&quot;&gt;&lt;/i&gt;
    &lt;span&gt;Πηγή: in.gr&lt;/span&gt;
    &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-[0.75em] text-stone-400&quot;&gt;&lt;/i&gt;
  &lt;/a&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;
    let currentSlide = 0;
    const totalSlides = 3;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar (.kp-bar) update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls (A-, A, A+) */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Carousel Navigation */
    function goToSlide(index) {
      currentSlide = index;
      for (let i = 0; i &lt; totalSlides; i++) {
        const slide = document.getElementById(`slide-${i}`);
        const dot = document.getElementById(`dot-${i}`);
        if (i === currentSlide) {
          slide.classList.remove(&#39;opacity-0&#39;, &#39;pointer-events-none&#39;);
          slide.classList.add(&#39;opacity-100&#39;);
          if (dot) dot.className = &quot;w-2.5 h-2.5 rounded-full bg-teal-500 transition-all scale-125&quot;;
        } else {
          slide.classList.remove(&#39;opacity-100&#39;);
          slide.classList.add(&#39;opacity-0&#39;, &#39;pointer-events-none&#39;);
          if (dot) dot.className = &quot;w-2.5 h-2.5 rounded-full bg-white/40 transition-all&quot;;
        }
      }
    }

    function nextSlide() {
      goToSlide((currentSlide + 1) % totalSlides);
    }

    function prevSlide() {
      goToSlide((currentSlide - 1 + totalSlides) % totalSlides);
    }

    /* Lightbox Modal */
    function openLightbox(src) {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      const img = document.getElementById(&#39;lightbox-img&#39;);
      img.src = src;
      lightbox.classList.remove(&#39;hidden&#39;);
      lightbox.classList.add(&#39;flex&#39;);
    }

    function closeLightbox() {
      const lightbox = document.getElementById(&#39;lightbox&#39;);
      lightbox.classList.add(&#39;hidden&#39;);
      lightbox.classList.remove(&#39;flex&#39;);
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    /* Toast Popup */
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Theme Selector */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/rempetiko-gia-paidia-ena-taksidi-ston-xrono-sto-Dhmotiko-theatro-Peiraia.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-8109204874786930364</guid><pubDate>Mon, 03 Aug 2026 09:28:00 +0000</pubDate><atom:updated>2026-08-03T12:28:00.125+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ανεστης Δελιας (τρελακιας)</category><category domain="http://www.blogger.com/atom/ns#">Βιογραφια</category><category domain="http://www.blogger.com/atom/ns#">Πρόσωπα</category><title>Η τραγική πορεία του Ανέστου Δελιά. Ο μοναδικός ρεμπέτης που χάθηκε από ηρωίνη.</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Ανέστος Δελιάς: Η σκοτεινά γοητευτική και τραγική μορφή του ρεμπέτικου&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              accentOrange: &#39;#f97316&#39;,
              accentRed: &#39;#dc2626&#39;,
              accentRedHover: &#39;#991b1b&#39;,
              softBg: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red / Orange Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #ea580c !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #c2410c !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #fb923c !important;
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fdba74 !important;
    }

    /* Dynamic Gradient Bar &amp; Buttons (#E5EFFF / #FDFFE5 / #FFF3E5) */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-orange-600 via-amber-500 to-red-500 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-record-vinyl text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-orange-800 dark:text-orange-900 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ανέστος Δελιάς (1912 – 1944)&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Anestos Delias (1912 – 1944)&lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Η Τραγική Μορφή του Ρεμπέτικου&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Tragic Figure of Rebetiko&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-orange-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-orange-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Language Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;flex items-center justify-center font-orbitron font-bold text-[0.7em] bg-orange-600 hover:bg-orange-700 text-white w-[2.2em] h-[2.2em] rounded-full transition-all shadow-sm&quot; title=&quot;Αλλαγή Γλώσσας&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-anestos-delias&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP IMAGE CONTAINER --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJK7wsiCxtOqOenBqiTu_MHrlgB-vr7snJddoztIEOi83wrCylBvkkfohzVHBdiN-jtoFLiunqWH5ZOl0kZLPQ7d9_Qs7jgkCwXeoUiEjPgKBMLuQWEd8vyZ8S_V97WotVcUcn6606O5aHoI37duzSbvDi9snB7oYl8g55EQxv5cHtygdj87oGW_W3XHXB/s600/anestos-dellias.webp&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;group block relative w-full aspect-[16/9] sm:aspect-[21/9] overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJK7wsiCxtOqOenBqiTu_MHrlgB-vr7snJddoztIEOi83wrCylBvkkfohzVHBdiN-jtoFLiunqWH5ZOl0kZLPQ7d9_Qs7jgkCwXeoUiEjPgKBMLuQWEd8vyZ8S_V97WotVcUcn6606O5aHoI37duzSbvDi9snB7oYl8g55EQxv5cHtygdj87oGW_W3XHXB/s600/anestos-dellias.webp&quot; 
                 alt=&quot;Ανέστος Δελιάς&quot; 
                 class=&quot;w-full h-full object-cover object-top block transition-transform duration-300 group-hover:scale-[1.015]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-guitar text-orange-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;Ανέστος Δελιάς (1912 - 1944)&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- ARTICLE HEADING --&gt;
          &lt;h1 class=&quot;text-3xl sm:text-4xl font-extrabold font-orbitron tracking-tight text-stone-900 dark:text-stone-100 mb-4 border-b border-orange-500/30 pb-3&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ανέστος Δελιάς: Η τραγική μορφή του ρεμπέτικου&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Anestos Delias: The Tragic Figure of Rebetiko&lt;/span&gt;
          &lt;/h1&gt;

          &lt;!-- PARAGRAPH 1 (BOLD, ITALIC) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Ανέστος Δελιάς υπήρξε μία από τις πιο σκοτεινά γοητευτικές και τραγικές μορφές του ρεμπέτικου. Γεννημένος στη Σμύρνη το 1912, μεγάλωσε μέσα σε έναν κόσμο όπου η μουσική ήταν τρόπος ζωής, παρηγοριά και αντίσταση.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Anestos Delias was one of the most darkly charming and tragic figures of rebetiko music. Born in Smyrna in 1912, he grew up in a world where music was a way of life, comfort, and resistance.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Μετά τη Μικρασιατική Καταστροφή, η οικογένειά του βρέθηκε στην Ελλάδα, κουβαλώντας μαζί της τον πόνο της προσφυγιάς αλλά και τον πλούτο της μικρασιάτικης μουσικής παράδοσης. Ο Δελιάς, σχεδόν από παιδί, βρήκε στο μπουζούκι τον δικό του τρόπο να μιλήσει για όσα δεν χωρούσαν σε λόγια.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Following the Asia Minor Catastrophe, his family sought refuge in Greece, bringing along the deep grief of displacement alongside the rich Asia Minor musical tradition. Almost from childhood, Delias found in the bouzouki his own voice for feelings beyond words.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;!-- SECTION 1: Η ΑΝΟΔΟΣ --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-orange-700 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Η άνοδος: Το μπουζούκι ως εξομολόγηση&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Rise: The Bouzouki as Confession&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Στα μέσα της δεκαετίας του ’30, ο Δελιάς γίνεται μέλος της θρυλικής «Τετράδας του Πειραιά» μαζί με τον Μάρκο Βαμβακάρη, τον Στράτο Παγιουμτζή και τον Γιώργο Μπάτη. Η παρέα αυτή άλλαξε για πάντα το ρεμπέτικο, χαράζοντας μια νέα, αυθεντική, ωμή και βαθιά λαϊκή πορεία.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              In the mid-1930s, Delias became a member of the legendary &quot;Piraeus Quartet&quot; alongside Markos Vamvakaris, Stratos Pagioumtzis, and Giorgos Batis. This iconic group transformed rebetiko forever, blazing a new, authentic, raw, and deeply popular path.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Δελιάς δεν ήταν απλώς ένας καλός μπουζουξής. Ήταν ένας μουσικός με σπάνια ευαισθησία, με έναν ήχο που έμοιαζε να κουβαλάει την αλμύρα της Σμύρνης και τη σκόνη του Πειραιά. Τα τραγούδια του, όπως το «Όταν καπνίζει ο λουλάς» και το «Πόνος του πρεζάκια», δεν ήταν απλές συνθέσεις· ήταν προσωπικές εξομολογήσεις, στιγμές αλήθειας που ξεγυμνώνονταν μπροστά στον ακροατή.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Delias was not merely a fine bouzouki player. He was a musician of rare sensitivity, with a sound that seemed to carry the sea salt of Smyrna and the dust of Piraeus. His compositions, such as &quot;Otan kapnizei o loulos&quot; and &quot;Ponos tou prezakia&quot;, were not simple tunes; they were personal confessions, unvarnished moments of truth bare before the listener.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- SECTION 2: Η ΠΤΩΣΗ --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-orange-700 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Η πτώση: Η ηρωίνη ως κατάρα&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Fall: Heroin as a Curse&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Η ζωή του Δελιά πήρε σκοτεινή τροπή όταν εθίστηκε στην ηρωίνη. Η εποχή ήταν σκληρή, η φτώχεια αδυσώπητη και η κατοχή είχε γονατίσει τον λαό. Ο Δελιάς, ευαίσθητος και εύθραυστος, βυθίστηκε σε έναν φαύλο κύκλο εξάρτησης που τον απομάκρυνε από τους φίλους του, τη μουσική και τελικά από τον ίδιο του τον εαυτό.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Delias&#39;s life took a dark turn when he became addicted to heroin. Times were brutal, poverty unrelenting, and the World War II occupation brought hardship to the people. Sensitive and fragile, Delias sank into a vicious cycle of addiction that alienated him from his friends, his music, and ultimately himself.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Οι μαρτυρίες λένε πως ο Μάρκος Βαμβακάρης προσπάθησε επανειλημμένα να τον βοηθήσει, να τον απομακρύνει από την πρέζα, αλλά ο Δελιάς δεν κατάφερε να ξεφύγει. Η υγεία του επιδεινώθηκε, η ασιτία και οι κακουχίες της κατοχής τον λύγισαν.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Testimonies recount how Markos Vamvakaris repeatedly tried to help him and save him from drugs, but Delias could not escape. His health worsened, severely weighed down by starvation and hardships under the enemy occupation.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- SECTION 3: ΤΟ ΤΕΛΟΣ --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-orange-700 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Το τέλος μιας θρυλικής μορφής&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The End of a Legendary Figure&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Μία ημέρα σαν σήμερα, στις &lt;strong&gt;31 Ιουλίου 1944&lt;/strong&gt;, ο Ανέστος Δελιάς βρέθηκε νεκρός μέσα σε ένα καροτσάκι μεταφοράς στη Βαρβάκειο Αγορά. Κρατούσε ακόμη το μπουζούκι του. «Έσβησε» από υπερβολική δόση ηρωίνης, σε συνδυασμό με την εξάντληση και την πείνα.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              On a day like today, on &lt;strong&gt;July 31, 1944&lt;/strong&gt;, Anestos Delias was found dead in a wooden handcart at Varvakeios Market. He was still clutching his bouzouki. He passed away from a heroin overdose combined with extreme exhaustion and starvation.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed font-semibold text-lg text-red-700 dark:text-red-400&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ήταν μόλις 32 ετών.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              He was only 32 years old.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Δελιάς είναι ο μοναδικός επιβεβαιωμένα γνωστός ρεμπέτης που πέθανε από ναρκωτικά. Η ιστορία του αποτελεί ένα σκληρό αλλά αληθινό κομμάτι της λαϊκής μας παράδοσης: ένας άνθρωπος που έζησε και δημιούργησε με πάθος, αλλά δεν κατάφερε να νικήσει τους δαίμονές του.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Delias is the only confirmed famous rebetis musician to die of drug overdose. His story represents a harsh yet authentic chapter of Greek folk tradition: a man who lived and created with passion, but could not conquer his inner demons.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- SECTION 4: Η ΚΛΗΡΟΝΟΜΙΑ --&gt;
          &lt;h2 class=&quot;text-2xl font-bold font-orbitron text-orange-700 dark:text-orange-400 pt-4 pb-1 border-b border-stone-200 dark:border-stone-800&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Η κληρονομιά του&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;His Musical Legacy&lt;/span&gt;
          &lt;/h2&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Παρότι η ζωή του ήταν σύντομη, η μουσική του άφησε ανεξίτηλο σημάδι. Ο Δελιάς δεν έγραψε πολλά τραγούδια, αλλά όσα άφησε πίσω του έχουν μια μοναδική αλήθεια. Είναι κομμάτια που μιλούν για πόνο, για έρωτα, για εξάρτηση, για τη ζωή των ανθρώπων του περιθωρίου. Και γι’ αυτό παραμένουν ζωντανά.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Though his life was tragically short, his music left an indelible mark. Delias did not compose a vast quantity of songs, but those he left behind carry an unmistakable truth. They are pieces that speak of suffering, love, addiction, and the marginalized lives of the underworld. And that is why they endure.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Σήμερα, ο Ανέστος Δελιάς θεωρείται μία από τις πιο αυθεντικές φωνές του ρεμπέτικου. Μια μορφή που, παρά την τραγική της πορεία, συνεχίζει να συγκινεί και να εμπνέει.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Today, Anestos Delias is remembered as one of the most authentic voices of rebetiko. A figure whose tragic journey continues to move and inspire listeners across generations.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- VIDEO &amp; PLAYLIST SECTION --&gt;
          &lt;div class=&quot;my-8 space-y-4 font-sans&quot;&gt;
            &lt;h3 class=&quot;font-orbitron font-bold text-xl text-stone-900 dark:text-stone-100 flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-circle-play text-red-600&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ακούστε: «Κουτσαβάκι» – Ανέστος Δελιάς&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Listen: &quot;Koutsavaki&quot; – Anestos Delias&lt;/span&gt;
            &lt;/h3&gt;

            &lt;!-- Responsive YouTube Player --&gt;
            &lt;div class=&quot;w-full aspect-video rounded-xl overflow-hidden shadow-lg border border-stone-300 dark:border-stone-800 bg-black&quot;&gt;
              &lt;iframe class=&quot;w-full h-full&quot; src=&quot;https://www.youtube.com/embed/KCAh7jA6ZkE?list=PLlT6Rw_PbOLO6N3YBlWo_3YSKrABVWNIn&quot; title=&quot;«Κουτσαβάκι» Ανέστος Δελιάς&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen&gt;&lt;/iframe&gt;
            &lt;/div&gt;

            &lt;!-- More Rebetiko YouTube Button --&gt;
            &lt;div class=&quot;pt-2 flex justify-start&quot;&gt;
              &lt;a href=&quot;https://www.youtube.com/watch?v=D6mIBHWmCY8&amp;list=PLlT6Rw_PbOLO6N3YBlWo_3YSKrABVWNIn&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;inline-flex items-center gap-3 px-5 py-3 bg-red-600 hover:bg-red-700 text-white font-bold rounded-xl shadow-md transition-all hover:scale-[1.02] active:scale-95 group&quot;&gt;
                &lt;i class=&quot;fa-brands fa-youtube text-2xl group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;text-sm sm:text-base tracking-wide&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Περισσότερα Ρεμπέτικα&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;More Rebetiko Songs&lt;/span&gt;
                &lt;/span&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-xs opacity-80&quot;&gt;&lt;/i&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- BIOGRAPHY IDENTITY CARD --&gt;
          &lt;div class=&quot;my-8 font-sans&quot;&gt;
            &lt;div class=&quot;bg-[#e9e8e8] dark:bg-stone-900 border-2 border-[#f97316] rounded-lg p-5 sm:p-6 text-stone-900 dark:text-stone-100 shadow-md transition-all&quot;&gt;
              
              &lt;!-- CARD TITLE --&gt;
              &lt;div class=&quot;flex items-center gap-3 pb-4 border-b border-stone-300 dark:border-stone-800 mb-5&quot;&gt;
                &lt;i class=&quot;fa-solid fa-id-card text-2xl text-stone-800 dark:text-stone-200&quot;&gt;&lt;/i&gt;
                &lt;h3 class=&quot;font-bold text-xl sm:text-2xl tracking-tight font-sans text-stone-900 dark:text-white&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Βιογραφικό Προφίλ&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Biographical Summary&lt;/span&gt;
                &lt;/h3&gt;
              &lt;/div&gt;

              &lt;!-- CARD CONTENT GRID --&gt;
              &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6 text-sm sm:text-base&quot;&gt;
                
                &lt;!-- LEFT COLUMN --&gt;
                &lt;div class=&quot;space-y-4&quot;&gt;
                  &lt;!-- Name &amp; Origin --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-user text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Όνομα &amp; Γέννηση:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Name &amp; Birth:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 space-y-1&quot;&gt;
                      &lt;div class=&quot;font-bold text-orange-800 dark:text-orange-400 text-base&quot;&gt;
                        Ανέστος Δελιάς (Ανεστής)
                      &lt;/div&gt;
                      &lt;div class=&quot;text-stone-700 dark:text-stone-300 font-semibold text-sm&quot;&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;1912, Σμύρνη – Μικρά Ασία&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;1912, Smyrna – Asia Minor&lt;/span&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;!-- Death --&gt;
                  &lt;div class=&quot;pt-1&quot;&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-skull-crossbones text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Θάνατος:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Death:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 text-stone-800 dark:text-stone-200 font-medium&quot;&gt;
                      &lt;span class=&quot;bg-red-600 text-white font-bold px-2.5 py-0.5 rounded text-xs inline-block mr-1&quot;&gt;31/07/1944&lt;/span&gt;
                      &lt;span class=&quot;lang-element lang-gr&quot;&gt;Αθήνα (Βαρβάκειος Αγορά), 32 ετών&lt;/span&gt;
                      &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Athens (Varvakeios Market), 32 years old&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;!-- RIGHT COLUMN --&gt;
                &lt;div class=&quot;space-y-4&quot;&gt;
                  &lt;!-- Musical Group --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-users text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μουσικό Σχήμα:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Musical Group:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 text-stone-800 dark:text-stone-200&quot;&gt;
                      &lt;span class=&quot;font-semibold&quot;&gt;«Η Τετράς η ξακουστή του Πειραιώς»&lt;/span&gt;
                      &lt;p class=&quot;text-xs text-stone-600 dark:text-stone-400 mt-0.5&quot;&gt;
                        (Μάρκος Βαμβακάρης, Στράτος Παγιουμτζής, Γιώργος Μπάτης, Ανέστος Δελιάς)
                      &lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;!-- Notable Songs --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-music text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Γνωστά Τραγούδια:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Key Works:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 text-stone-800 dark:text-stone-200 font-medium text-sm&quot;&gt;
                      «Όταν καπνίζει ο λουλάς», «Πόνος του πρεζάκια», «Ο Μάγκας του Πειραιά»
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

              &lt;/div&gt;

            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCES SECTION --&gt;
          &lt;div class=&quot;pt-6 border-t border-stone-300 dark:border-stone-800 font-sans&quot;&gt;
            &lt;h3 class=&quot;font-orbitron font-bold text-lg text-stone-900 dark:text-stone-100 mb-3 flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-bookmark text-orange-600&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πηγές – Αναφορές&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Sources &amp; References&lt;/span&gt;
            &lt;/h3&gt;
            &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm&quot;&gt;
              
              &lt;a href=&quot;https://rebetiko.sealabs.net&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; 
                 class=&quot;flex items-center gap-2 p-3 bg-white dark:bg-stone-900 hover:bg-orange-50 dark:hover:bg-stone-800 rounded-lg border border-stone-200 dark:border-stone-800 transition-colors shadow-sm group&quot;&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-orange-600 group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;font-semibold text-stone-800 dark:text-stone-200 group-hover:text-orange-600&quot;&gt;rebetiko.sealabs.net&lt;/span&gt;
              &lt;/a&gt;

              &lt;a href=&quot;https://www.ogdoo.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; 
                 class=&quot;flex items-center gap-2 p-3 bg-white dark:bg-stone-900 hover:bg-orange-50 dark:hover:bg-stone-800 rounded-lg border border-stone-200 dark:border-stone-800 transition-colors shadow-sm group&quot;&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-orange-600 group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;font-semibold text-stone-800 dark:text-stone-200 group-hover:text-orange-600&quot;&gt;ogdoo.gr&lt;/span&gt;
              &lt;/a&gt;

              &lt;a href=&quot;https://www.mixanitouxronou.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; 
                 class=&quot;flex items-center gap-2 p-3 bg-white dark:bg-stone-900 hover:bg-orange-50 dark:hover:bg-stone-800 rounded-lg border border-stone-200 dark:border-stone-800 transition-colors shadow-sm group&quot;&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-orange-600 group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;font-semibold text-stone-800 dark:text-stone-200 group-hover:text-orange-600&quot;&gt;mixanitouxronou.gr&lt;/span&gt;
              &lt;/a&gt;

              &lt;a href=&quot;https://www.lifo.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; 
                 class=&quot;flex items-center gap-2 p-3 bg-white dark:bg-stone-900 hover:bg-orange-50 dark:hover:bg-stone-800 rounded-lg border border-stone-200 dark:border-stone-800 transition-colors shadow-sm group&quot;&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-orange-600 group-hover:scale-110 transition-transform&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;font-semibold text-stone-800 dark:text-stone-200 group-hover:text-orange-600&quot;&gt;lifo.gr&lt;/span&gt;
              &lt;/a&gt;

            &lt;/div&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Γιώργος Γυρνάς. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar (.kp-bar) update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls (A-, A, A+) */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    /* Toast Popup */
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Language Toggle */
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    /* Theme Selector */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/anestos-delias-vioografia-rempetis.html</link><author>noreply@blogger.com (George Girnas)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJK7wsiCxtOqOenBqiTu_MHrlgB-vr7snJddoztIEOi83wrCylBvkkfohzVHBdiN-jtoFLiunqWH5ZOl0kZLPQ7d9_Qs7jgkCwXeoUiEjPgKBMLuQWEd8vyZ8S_V97WotVcUcn6606O5aHoI37duzSbvDi9snB7oYl8g55EQxv5cHtygdj87oGW_W3XHXB/s72-c/anestos-dellias.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-98037202538632672</guid><pubDate>Sat, 01 Aug 2026 16:06:04 +0000</pubDate><atom:updated>2026-08-01T19:06:04.656+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Rebeti</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Οι Rebeti στο Φεστιβάλ στη Θάλασσα 2026: Ένα σύγχρονο αφιέρωμα στο ρεμπέτικο</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Αφιέρωμα στο ρεμπέτικο τραγούδι με τους Rebeti | Φεστιβάλ στη Θάλασσα 2026&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              accentOrange: &#39;#f97316&#39;,
              accentRed: &#39;#dc2626&#39;,
              accentRedHover: &#39;#991b1b&#39;,
              softBg: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red / Orange Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #ea580c !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #c2410c !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #fb923c !important;
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fdba74 !important;
    }

    /* Dynamic Gradient Bar &amp; Buttons (#E5EFFF / #FDFFE5 / #FFF3E5) */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #ea580c;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-orange-600 via-amber-500 to-red-500 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-orange-600/15 border border-orange-500/30 flex-shrink-0 flex items-center justify-center text-orange-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-orange-800 dark:text-orange-900 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Αφιέρωμα στο ρεμπέτικο τραγούδι με τους Rebeti&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Tribute to Rebetiko Song with Rebeti&lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Φεστιβάλ στη Θάλασσα 2026 &amp;bull; Θέατρο Λιπασμάτων&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Festival by the Sea 2026 &amp;bull; Lipasmata Theater&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-orange-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-orange-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-orange-100 dark:hover:bg-orange-950/50 text-stone-800 dark:text-stone-200 hover:text-orange-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Language Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;flex items-center justify-center font-orbitron font-bold text-[0.7em] bg-orange-600 hover:bg-orange-700 text-white w-[2.2em] h-[2.2em] rounded-full transition-all shadow-sm&quot; title=&quot;Αλλαγή Γλώσσας&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-afieroma-rempetiko-rebeti&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP IMAGE CONTAINER --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;a href=&quot;https://www.culturenow.gr/wp-content/uploads/2026/07/rebeti-940x549.jpg&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;group block relative w-full aspect-[16/9] overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://www.culturenow.gr/wp-content/uploads/2026/07/rebeti-940x549.jpg&quot; 
                 alt=&quot;Αφιέρωμα στο ρεμπέτικο τραγούδι με τους Rebeti&quot; 
                 class=&quot;w-full h-full object-cover block transition-transform duration-300 group-hover:scale-[1.015]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-link text-orange-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;culturenow.gr&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- PARAGRAPH 1 (BOLD, ITALIC) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Το Φεστιβάλ στη Θάλασσα 2026 συνεχίζει το ταξίδι του στη μουσική παράδοση και αυτή τη φορά παρουσιάζει ένα ιδιαίτερο αφιέρωμα στο ρεμπέτικο τραγούδι, με καλεσμένο το μουσικό σχήμα Rebeti.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Festival by the Sea 2026 continues its journey through musical tradition, presenting a special tribute to rebetiko song featuring the musical ensemble Rebeti.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Αύριο, Κυριακή 2 Αυγούστου, στο Θέατρο Λιπασμάτων, οι Rebeti θα ζωντανέψουν έναν ολόκληρο κόσμο ήχων και ιστοριών, μέσα από επιλεγμένα έργα μεγάλων δημιουργών αλλά και δικές τους πρωτότυπες συνθέσεις που συνομιλούν με το σήμερα.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Tomorrow, Sunday, August 2, at Lipasmata Theater, Rebeti will bring alive a whole world of sounds and stories through selected masterpieces of legendary creators as well as their own original compositions that converse with today.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

          &lt;!-- PARAGRAPH 3 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Με βαθύ σεβασμό στη ρεμπέτικη παράδοση και ταυτόχρονα μια σύγχρονη, δημιουργική ματιά, το σχήμα προσεγγίζει το ρεπερτόριο με φρεσκάδα και αυθεντικότητα. Αναδεικνύουν τις αφηγήσεις, τα συναισθήματα και τη διαχρονική δύναμη αυτής της μουσικής, που εξακολουθεί να συγκινεί και να εμπνέει.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              With deep respect for rebetiko tradition and a modern, creative outlook, the band approaches the repertoire with freshness and authenticity. They highlight the narratives, emotions, and timeless power of this music that continues to move and inspire.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 4 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Η παράσταση υπόσχεται ένταση, αυθορμητισμό και μια ζωντανή ατμόσφαιρα που φέρνει το ρεμπέτικο στο σήμερα, κάνοντάς το πιο επίκαιρο από ποτέ. Μια βραδιά που δεν πρέπει να χάσει κανείς.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The performance promises intensity, spontaneity, and a lively atmosphere that brings rebetiko to the present, making it more relevant than ever. An evening no one should miss.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- EVENT IDENTITY CARD (MATCHED TO IMAGE DESIGN) --&gt;
          &lt;div class=&quot;my-8 font-sans&quot;&gt;
            &lt;div class=&quot;bg-[#e9e8e8] dark:bg-stone-900 border-2 border-[#f97316] rounded-lg p-5 sm:p-6 text-stone-900 dark:text-stone-100 shadow-md transition-all&quot;&gt;
              
              &lt;!-- CARD TITLE --&gt;
              &lt;div class=&quot;flex items-center gap-3 pb-4 border-b border-stone-300 dark:border-stone-800 mb-5&quot;&gt;
                &lt;i class=&quot;fa-solid fa-[#000000] fa-fingerprint text-2xl text-stone-800 dark:text-stone-200&quot;&gt;&lt;/i&gt;
                &lt;h3 class=&quot;font-bold text-xl sm:text-2xl tracking-tight font-sans text-stone-900 dark:text-white&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ταυτότητα Εκδήλωσης&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Event Details&lt;/span&gt;
                &lt;/h3&gt;
              &lt;/div&gt;

              &lt;!-- CARD CONTENT GRID --&gt;
              &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6 text-sm sm:text-base&quot;&gt;
                
                &lt;!-- LEFT COLUMN --&gt;
                &lt;div class=&quot;space-y-4&quot;&gt;
                  &lt;!-- Date --&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1.5&quot;&gt;
                      &lt;i class=&quot;fa-regular fa-calendar-days text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ημερομηνία:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Date:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 space-y-1&quot;&gt;
                      &lt;div&gt;
                        &lt;span class=&quot;bg-[#ff5500] text-white font-bold px-3 py-1 rounded text-sm inline-block shadow-sm&quot;&gt;
                          02/08/2026
                        &lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;text-stone-700 dark:text-stone-300 font-semibold text-sm pt-0.5&quot;&gt;
                        21.00
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;!-- Tickets --&gt;
                  &lt;div class=&quot;pt-1&quot;&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-ticket text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Εισιτήρια:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Tickets:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 text-stone-800 dark:text-stone-200 font-medium&quot;&gt;
                      &lt;span class=&quot;lang-element lang-gr&quot;&gt;Είσοδος Ελεύθερη&lt;/span&gt;
                      &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Free Entrance&lt;/span&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;

                  &lt;!-- Info &amp; Reservations --&gt;
                  &lt;div class=&quot;pt-1&quot;&gt;
                    &lt;div class=&quot;flex items-center gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                      &lt;i class=&quot;fa-solid fa-circle-info text-xl text-stone-800 dark:text-stone-300&quot;&gt;&lt;/i&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πληροφορίες / Κρατήσεις:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Information / Reservations:&lt;/span&gt;
                      &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;pl-7 font-semibold text-[#f97316] dark:text-[#fb923c] flex flex-wrap gap-x-2&quot;&gt;
                      &lt;a href=&quot;https://lipasmatapark.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;hover:underline&quot;&gt;lipasmatapark.gr&lt;/a&gt;
                      &lt;span class=&quot;text-stone-400 font-normal&quot;&gt;|&lt;/span&gt;
                      &lt;a href=&quot;https://lipasmatafestival.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;hover:underline&quot;&gt;lipasmatafestival.gr&lt;/a&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

                &lt;!-- RIGHT COLUMN --&gt;
                &lt;div&gt;
                  &lt;div class=&quot;flex items-start gap-2 font-bold text-stone-900 dark:text-stone-200 text-base mb-1&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-location-dot text-xl text-stone-800 dark:text-stone-300 mt-0.5&quot;&gt;&lt;/i&gt;
                    &lt;div&gt;
                      &lt;span&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Τοποθεσία:&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Location:&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;p class=&quot;font-normal text-stone-800 dark:text-stone-200 mt-1 leading-snug&quot;&gt;
                        &lt;span class=&quot;lang-element lang-gr&quot;&gt;Θέατρο Λιπασμάτων, Πολυχώρος Λιπασμάτων Δήμου Κερατσινίου – Δραπετσώνας&lt;/span&gt;
                        &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Lipasmata Theater, Lipasmata Cultural Park of Keratsini – Drapetsona Municipality&lt;/span&gt;
                      &lt;/p&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;

              &lt;/div&gt;

            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCE BUTTON (100% WIDTH WITH BRAND GRADIENT) --&gt;
          &lt;div class=&quot;pt-6 w-full text-center no-print font-sans&quot;&gt;
            &lt;a href=&quot;https://www.culturenow.gr/afieroma-sto-rempetiko-tragoydi-me-toys-rebeti-sto-festival-sti-thalassa-2026/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-center gap-3 px-6 py-4 brand-gradient hover:opacity-90 font-orbitron font-bold text-[0.875em] sm:text-[1em] tracking-wide text-stone-900 rounded-xl transition-all shadow-md border border-stone-300 dark:border-stone-700&quot;&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-orange-600 text-lg&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr text-orange-800&quot;&gt;Μετάβαση στην Πηγή - culturenow.gr&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden text-orange-800&quot;&gt;Visit Original Source - culturenow.gr&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Γιώργος Γυρνάς. &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-orange-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar (.kp-bar) update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls (A-, A, A+) */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    /* Toast Popup */
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Language Toggle */
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    /* Theme Selector */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/08/rebeti-festival-thalassa-2026-rempetiko.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-2834725621288160243</guid><pubDate>Thu, 30 Jul 2026 09:08:00 +0000</pubDate><atom:updated>2026-07-30T12:08:00.120+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Ζωντανό ρεμπέτικο και χορωδία: Καλοκαιρινή μουσική εκδήλωση στους Αγίους Θεοδώρους.</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;«Έβγα στο παραθύρι σου» | Ρεμπέτικη Βραδιά στους Αγίους Θεοδώρους&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              accentRed: &#39;#dc2626&#39;,
              accentRedHover: &#39;#991b1b&#39;,
              softBg: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #ef4444 !important;
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
    }

    /* Dynamic Gradient Bar &amp; Buttons (#E5EFFF / #FDFFE5 / #FFF3E5) */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #dc2626;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-red-600 via-amber-500 to-rose-500 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- HEADER / NAVIGATION BAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-red-600/15 border border-red-500/30 flex-shrink-0 flex items-center justify-center text-red-700&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-red-700 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;«Έβγα στο παραθύρι σου»&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;&quot;Come Out To Your Window&quot;&lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Άγιοι Θεόδωροι &amp;bull; Ρεμπέτικη Βραδιά&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Agioi Theodoroi &amp;bull; Rebetiko Night&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Action Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-red-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Language Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;flex items-center justify-center font-orbitron font-bold text-[0.7em] bg-red-600 hover:bg-red-700 text-white w-[2.2em] h-[2.2em] rounded-full transition-all shadow-sm&quot; title=&quot;Αλλαγή Γλώσσας&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-evga-sto-parathyri-sou&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP IMAGE CONTAINER --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;a href=&quot;https://www.loutraki365.gr/sites/default/files/2026/07/politistiko-kalokairi-2026-2922.png&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;group block relative w-full aspect-[4/3] overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://www.loutraki365.gr/sites/default/files/2026/07/politistiko-kalokairi-2026-2922.png&quot; 
                 alt=&quot;«Έβγα στο παραθύρι σου» - Ρεμπέτικο στους Αγίους Θεοδώρους&quot; 
                 class=&quot;w-full h-full object-contain block transition-transform duration-300 group-hover:scale-[1.015]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-link text-red-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;loutrakiblog.gr&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- PARAGRAPH 1 (BOLD, ITALIC, LARGER) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Μια ξεχωριστή μουσική βραδιά αφιερωμένη στο ρεμπέτικο τραγούδι έρχεται στους Αγίους Θεοδώρους, προσφέροντας στο κοινό μια αυθεντική εμπειρία γεμάτη συναίσθημα, μνήμες και διαχρονικές μελωδίες.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              A special musical evening dedicated to rebetiko song comes to Agioi Theodoroi, offering the audience an authentic experience full of emotion, memories, and timeless melodies.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Σύλλογος Γυναικών Αγίων Θεοδώρων διοργανώνει μια εκδήλωση όπου το ρεμπέτικο συναντά τη σύγχρονη καλλιτεχνική έκφραση. Η Χορωδία του Συλλόγου θα ανοίξει τη βραδιά, ενώ στη σκηνή θα συμπράξει ο σπουδαίος ρεμπέτης δημιουργός και ερμηνευτής Γιάννης Λεμπέσης, υπό τη μουσική διεύθυνση του Μάκη Ψαραδέλλη.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The Women&#39;s Association of Agioi Theodoroi is organizing an event where rebetiko meets modern artistic expression. The Association&#39;s Choir will open the evening, joined on stage by the great rebetiko creator and performer Giannis Lebesis, under the musical direction of Makis Psaradellis.
            &lt;/span&gt;
          &lt;/p&gt;
 &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;   

          &lt;!-- PARAGRAPH 3 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Η εκδήλωση θα πραγματοποιηθεί την Κυριακή 2 Αυγούστου 2026, στις 20:30, στον προαύλιο χώρο του 2ου Δημοτικού Σχολείου Αγίων Θεοδώρων, σε μια ατμόσφαιρα που υπόσχεται να ταξιδέψει το κοινό στις ρίζες του ρεμπέτικου και στη γοητεία της λαϊκής μας παράδοσης.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The event will take place on Sunday, August 2, 2026, at 20:30, in the courtyard of the 2nd Primary School of Agioi Theodoroi, in an atmosphere that promises to take the audience on a journey into the roots of rebetiko and the charm of our folk tradition.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- MUNICIPAL EVENTS LINK BUTTON --&gt;
          &lt;div class=&quot;my-6 no-print&quot;&gt;
            &lt;a href=&quot;https://loutraki.gov.gr/enimerosi/nea/%ce%b5%ce%ba%ce%b4%ce%b7%ce%bb%cf%8e%cf%83%ce%b5%ce%b9%cf%82/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-between p-4 bg-stone-100 dark:bg-stone-900 hover:bg-stone-200 dark:hover:bg-stone-800 rounded-xl border border-red-500/40 transition-all shadow-sm group&quot;&gt;
              &lt;div class=&quot;flex items-center gap-3&quot;&gt;
                &lt;div class=&quot;w-10 h-10 rounded-full bg-red-600/15 flex items-center justify-center text-red-600 dark:text-red-500 font-bold&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-calendar-days text-lg&quot;&gt;&lt;/i&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;span class=&quot;font-orbitron font-bold text-stone-900 dark:text-stone-100 text-[0.95em] sm:text-[1.05em] block&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Περισσότερες εκδηλώσεις στον Δήμο Εδώ&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;More events in the Municipality Here&lt;/span&gt;
                  &lt;/span&gt;
                  &lt;span class=&quot;text-xs text-stone-600 dark:text-stone-400 font-sans&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Επίσημο Ημερολόγιο Εκδηλώσεων Δήμου Λουτρακίου - Περαχώρας - Αγ. Θεοδώρων&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Official Event Calendar of Loutraki - Perachora - Ag. Theodoroi Municipality&lt;/span&gt;
                  &lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;i class=&quot;fa-solid fa-circle-chevron-right text-red-600 dark:text-red-500 group-hover:translate-x-1 transition-transform text-xl&quot;&gt;&lt;/i&gt;
            &lt;/a&gt;
          &lt;/div&gt;

          &lt;!-- FULL EVENT POSTER SECTION --&gt;
          &lt;div class=&quot;pt-4 pb-2&quot;&gt;
            &lt;div class=&quot;bg-white dark:bg-stone-900 p-[0.75em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800 max-w-[850px] mx-auto&quot;&gt;
              &lt;a href=&quot;https://www.loutraki365.gr/sites/default/files/2026/07/politistiko-kalokairi-2026-2922.png&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;block group relative overflow-hidden rounded-[0.85em]&quot;&gt;
                &lt;img src=&quot;https://www.loutraki365.gr/sites/default/files/2026/07/politistiko-kalokairi-2026-2922.png&quot; 
                     alt=&quot;Αφίσα Εκδήλωσης - «Έβγα στο παραθύρι σου»&quot; 
                     class=&quot;w-full h-auto object-contain mx-auto block transition-transform duration-300 group-hover:scale-[1.01]&quot;&gt;
                &lt;div class=&quot;p-3 text-center text-xs font-jura text-stone-600 dark:text-stone-400 border-t border-stone-200 dark:border-stone-800 mt-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-image text-red-600 mr-1&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πλήρης Αφίσα Εκδήλωσης (Δήμος Λουτρακίου - Περαχώρας - Αγ. Θεοδώρων)&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Full Event Poster (Municipality of Loutraki - Perachora - Ag. Theodoroi)&lt;/span&gt;
                &lt;/div&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCE BUTTON (100% WIDTH WITH BRAND GRADIENT) --&gt;
          &lt;div class=&quot;pt-6 w-full text-center no-print font-sans&quot;&gt;
            &lt;a href=&quot;https://www.loutrakiblog.gr/2026/07/28/evga-sto-parathyri-sou-stous-agious-theodorous/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-center gap-3 px-6 py-4 brand-gradient hover:opacity-90 font-orbitron font-bold text-[0.875em] sm:text-[1em] tracking-wide text-stone-900 rounded-xl transition-all shadow-md border border-stone-300 dark:border-stone-700&quot;&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-red-600 text-lg&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr text-red-700&quot;&gt;Μετάβαση στην Πηγή (loutrakiblog.gr)&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden text-red-700&quot;&gt;Visit Original Source (loutrakiblog.gr)&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Γιώργος Γυρνάς. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-red-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- JAVASCRIPT LOGIC --&gt;
  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar (.kp-bar) update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls (A-, A, A+) */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    /* Toast Popup */
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Language Toggle */
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    /* Theme Selector */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/rempetiki-vradia-agioi-theodoroi-lempesis-2026.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-7514654883677348814</guid><pubDate>Wed, 29 Jul 2026 08:05:36 +0000</pubDate><atom:updated>2026-07-29T11:05:36.825+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Μουσικό ταξίδι από τη Σμύρνη στον Πειραιά με Γραίγο, Δραγούμη και Αγγέλου</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Εν Αρχή... Ρεμπέτικo | Εαρινές Φρυνίχου Unplugged Βραδιές&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              accentRed: &#39;#dc2626&#39;,
              accentRedHover: &#39;#991b1b&#39;,
              softBg: &#39;#fdfbf7&#39;,
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #ef4444 !important;
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
    }

    /* Dynamic Gradient Bar &amp; Button */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #dc2626;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #kp-bar, .no-print {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-red-600 via-amber-500 to-rose-500 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Posting Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-red-600/15 border border-red-500/30 flex-shrink-0 flex items-center justify-center text-red-700 dark:text-red-600&quot;&gt;
            &lt;i class=&quot;fa-solid fa-compact-disc text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-red-700 dark:text-red-700 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Εν Αρχή... Ρεμπέτικο&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;In the Beginning... Rebetiko&lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μουσικά Νέα &amp;bull; Θέατρο Τέχνης&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Music News &amp;bull; Art Theatre&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-red-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Language Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;flex items-center justify-center font-orbitron font-bold text-[0.7em] bg-red-600 hover:bg-red-700 text-white w-[2.2em] h-[2.2em] rounded-full transition-all shadow-sm&quot; title=&quot;Αλλαγή Γλώσσας&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-en-archi-rebetiko&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP IMAGE CONTAINER WITH ACTIVE LINK --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;a href=&quot;https://www.simpleradio.gr/music-news/en-archi-rebetiko/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://www.simpleradio.gr/wp-content/uploads/2026/07/GGH.png&quot; 
                 alt=&quot;Εν Αρχή... Ρεμπέτικο - Θέατρο Τέχνης&quot; 
                 class=&quot;w-full h-auto max-h-[550px] object-cover block mx-auto transition-transform duration-300 group-hover:scale-[1.015]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-link text-red-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;simpleradio.gr&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-6 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.25em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- PARAGRAPH 1 (BOLD, ITALIC, LARGER) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Με μεγάλη επιτυχία ξεκίνησε ο δεύτερος κύκλος εμφανίσεων στις Εαρινές Φρυνίχου Unplugged Βραδιές στο Θέατρο Τέχνης, όπου το ταξίδι από τη Σμύρνη έως τον Πειραιά και τη σύγχρονη Ελλάδα ζωντανεύει μέσα από ρεμπέτικα τραγούδια, αφηγήσεις και ποιητικές αναφορές.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The second cycle of performances at the Spring Phrynichou Unplugged Nights in the Art Theatre kicked off with great success, where the journey from Smyrna to Piraeus and modern Greece comes alive through rebetiko songs, narrations, and poetic references.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Νίκος Γραίγος και η Ναταλία Δραγούμη συναντιούνται επί σκηνής, έχοντας δίπλα τους τη Σωτηρία Αγγέλου, σε μια παράσταση όπου το ρεμπέτικο παρουσιάζεται ως ζωντανή εμπειρία μνήμης, συγκίνησης και αναγέννησης, μακριά από τη λογική της μουσειακής αναπαράστασης.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Nikos Graigos and Natalia Dragoumi meet on stage alongside Sotiria Angelou, in a performance where rebetiko is presented as a living experience of memory, emotion, and rebirth, far from any museum-like representation.
            &lt;/span&gt;
          &lt;/p&gt;
 &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;   

          &lt;!-- PARAGRAPH 3 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Την ορχηστρική επιμέλεια και το πρόγραμμα υπογράφει ο κορυφαίος σολίστ του μπουζουκιού, Πέτρος Καπέλλας, ενώ η σκηνοθεσία, η παρουσίαση και η αφήγηση ανήκουν στη Ναταλία Δραγούμη.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Orchestral direction and programming are signed by leading bouzouki soloist Petros Kapellas, while direction, presentation, and narration belong to Natalia Dragoumi.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;div class=&quot;my-6 bg-stone-100/80 dark:bg-stone-900/70 p-6 rounded-2xl border border-stone-300 dark:border-stone-800 space-y-4 shadow-sm&quot;&gt;
            &lt;div class=&quot;border-b border-stone-200 dark:border-stone-700 pb-3&quot;&gt;
              &lt;h2 class=&quot;font-orbitron font-extrabold text-[1.15em] sm:text-[1.3em] text-red-700 dark:text-red-500 tracking-wider uppercase flex items-center gap-2.5&quot;&gt;
                &lt;i class=&quot;fa-solid fa-calendar-check text-red-600&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;ΕΠΟΜΕΝΕΣ ΠΑΡΑΣΤΑΣΕΙΣ&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;UPCOMING PERFORMANCES&lt;/span&gt;
              &lt;/h2&gt;
            &lt;/div&gt;

            &lt;ul class=&quot;space-y-3 font-sans&quot;&gt;
              &lt;li class=&quot;flex items-center gap-3 p-3 bg-white dark:bg-stone-950/60 rounded-xl border border-stone-200 dark:border-stone-800&quot;&gt;
                &lt;span class=&quot;w-9 h-9 rounded-full bg-red-600/10 text-red-600 flex items-center justify-center font-bold text-sm&quot;&gt;1&lt;/span&gt;
                &lt;div&gt;
                  &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 text-lg block&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;7 Σεπτεμβρίου &amp;bull; Ραφήνα&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;September 7 &amp;bull; Rafina&lt;/span&gt;
                  &lt;/span&gt;
                &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class=&quot;flex items-center gap-3 p-3 bg-white dark:bg-stone-950/60 rounded-xl border border-stone-200 dark:border-stone-800&quot;&gt;
                &lt;span class=&quot;w-9 h-9 rounded-full bg-red-600/10 text-red-600 flex items-center justify-center font-bold text-sm&quot;&gt;2&lt;/span&gt;
                &lt;div&gt;
                  &lt;span class=&quot;font-bold text-stone-900 dark:text-stone-100 text-lg block&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;27 Σεπτεμβρίου &amp;bull; Κερατσίνι&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;September 27 &amp;bull; Keratsini&lt;/span&gt;
                  &lt;/span&gt;
                &lt;/div&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;

          &lt;!-- PARAGRAPH 4 (CONCLUDING) --&gt;
          &lt;p class=&quot;leading-relaxed font-medium text-stone-800 dark:text-stone-200 italic pt-2&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Το μουσικό ταξίδι συνεχίζεται, μεταφέροντας το ρεμπέτικο στο σήμερα με σεβασμό, ατμόσφαιρα και σύγχρονη καλλιτεχνική ματιά.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The musical journey continues, bringing rebetiko to the present day with respect, atmosphere, and a modern artistic vision.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;div class=&quot;pt-8 w-full text-center no-print font-sans&quot;&gt;
            &lt;a href=&quot;https://www.simpleradio.gr/music-news/en-archi-rebetiko/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-center gap-3 px-6 py-4 brand-gradient hover:opacity-90 font-orbitron font-bold text-[0.875em] sm:text-[1em] tracking-wide text-stone-900 rounded-xl transition-all shadow-md border border-stone-300 dark:border-stone-700&quot;&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-red-600 text-lg&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr text-red-700&quot;&gt;Μετάβαση στην Πηγή (simpleradio.gr)&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden text-red-700&quot;&gt;Visit Original Source: simpleradio.gr &lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Γιώργος Γυρνάς. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-red-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    /* Progress Bar (.kp-bar) update on scroll */
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    /* Font Sizing Controls (A-, A, A+) */
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    /* Copy Link &amp; Toast Notification */
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    /* Toast Popup */
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    /* Language Toggle */
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    /* Theme Selector */
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/rempetiko-graigos-dragoumi-parastaseis-rafina-keratsini.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-5905684025425362757</guid><pubDate>Sat, 25 Jul 2026 12:12:07 +0000</pubDate><atom:updated>2026-07-25T15:12:07.603+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Μαρκος  Βαμβακαρης</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><category domain="http://www.blogger.com/atom/ns#">Φεστιβάλ</category><title>10ο Φεστιβάλ Ρεμπέτικου «Η Σύρα του Μάρκου Βαμβακάρη»: Εκδηλώσεις και μουσικές παραστάσεις 26-29 Αυγούστου 2026</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;10ο Φεστιβάλ Ρεμπέτικου «Η Σύρα του Μάρκου Βαμβακάρη»&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              accentRed: &#39;#dc2626&#39;,     // Red for Links
              accentRedHover: &#39;#991b1b&#39;,
              softBg: &#39;#fdfbf7&#39;,        // Light vintage paper background
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #ef4444 !important;
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
    }

    /* Dynamic Gradient Bar &amp; Button with light colors requested (#E5EFFF / #FDFFE5 / #FFF3E5) */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #dc2626;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #progress-bar, .no-print {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-red-600 via-amber-500 to-rose-500 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Posting Topic Title --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-red-600/15 border border-red-500/30 flex-shrink-0 flex items-center justify-center text-red-700 dark:text-red-600&quot;&gt;
            &lt;i class=&quot;fa-solid fa-music text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-red-700 dark:text-red-700 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;10ο Φεστιβάλ Ρεμπέτικου «Η Σύρα του Μάρκου Βαμβακάρη»&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;10th Rebetiko Festival &quot;Markos Vamvakaris&#39; Syra&quot;&lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Σύρος &amp;bull; Πολιτιστικά Δρώμενα&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Syros &amp;bull; Cultural Events&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Fully Functional Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-red-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Language Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;flex items-center justify-center font-orbitron font-bold text-[0.7em] bg-red-600 hover:bg-red-700 text-white w-[2.2em] h-[2.2em] rounded-full transition-all shadow-sm&quot; title=&quot;Αλλαγή Γλώσσας&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;section id=&quot;art-syros-festival&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- TOP IMAGE CONTAINER WITH ACTIVE LINK --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;a href=&quot;https://www.culturenow.gr&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;group block relative w-full overflow-hidden rounded-[0.85em] bg-stone-950&quot;&gt;
            &lt;img src=&quot;https://www.culturenow.gr/wp-content/uploads/2026/07/Rebetiko-fest26-940x549.jpg&quot; 
                 alt=&quot;10ο Φεστιβάλ Ρεμπέτικου «Η Σύρα του Μάρκου Βαμβακάρη»&quot; 
                 class=&quot;w-full h-auto max-h-[550px] object-cover block mx-auto transition-transform duration-300 group-hover:scale-[1.015]&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/80 text-white text-[0.75em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md flex items-center gap-1.5 border border-white/20&quot;&gt;
              &lt;i class=&quot;fa-solid fa-link text-red-400&quot;&gt;&lt;/i&gt;
              &lt;span&gt;culturenow.gr&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-4 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.15em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- PARAGRAPH 1 (BOLD, ITALIC, 1-2 SIZES LARGER) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Τη δραματική δεκαετία του 1940, το ρεμπέτικο καθιερώνεται ως κυρίαρχη λαϊκή μουσική έκφραση, αποκτώντας ευρεία απήχηση στο μεγαλύτερο μέρος της κοινωνίας. &lt;p&gt;
              
              Το ελαφρό τραγούδι αδυνατούσε πλέον να ακολουθήσει τις νέες μεταπολεμικές συνθήκες. Το μπουζούκι γίνεται το απόλυτο κυρίαρχο όργανο. Παράλληλα, σπουδαίοι δημιουργοί όπως ο Τσιτσάνης, ο Χιώτης, ο Παπαϊωάννου, ο Καλδάρας και ο Μητσάκης πρωτοστατούν δυναμικά στη σταδιακή μετεξέλιξη του ρεμπέτικου στο κλασικό λαϊκό, διευρύνοντας εντυπωσιακά το ακροατήριό τους.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              During the dramatic decade of the 1940s, rebetiko established itself as the dominant popular music expression, gaining wide appeal across society. Light music could no longer keep pace with postwar realities. The bouzouki became the ultimate leading instrument.
            &lt;/span&gt;
          &lt;/p&gt;
 &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;   

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Την ίδια περίοδο, ο Χατζιδάκις, ο Θεοδωράκης και ο Ξαρχάκος αναβαθμίζουν το λαϊκό, εισάγοντας την έντεχνη προσέγγιση και μελοποιώντας ταυτόχρονα μεγάλους Έλληνες ποιητές. Τη δεκαετία του ‘60 αναδύεται το ελαφρολαϊκό, γνωρίζοντας την ακμή του την περίοδο της δικτατορίας. Αντίθετα, στη δεκαετία του ‘70 ξεκινά συστηματική προσπάθεια αναβίωσης του αυθεντικού προπολεμικού ρεμπέτικου. Η νεολαία, αναζητώντας το αληθινό, αναγνώρισε στις μορφές των παλιών ρεμπετών τους ανυπότακτους και εντελώς απείθαρχους ήρωες της εποχής τους.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              In the same era, Hadjidakis, Theodorakis, and Xarchakos elevated folk music through artful compositions setting iconic Greek poetry. In the &#39;70s, a revival of authentic pre-war rebetiko began, embraced by youth seeking raw authenticity.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PROGRAM TITLE --&gt;
          &lt;div class=&quot;pt-6 pb-2 border-b border-red-200 dark:border-red-900/50 my-4&quot;&gt;
            &lt;h2 class=&quot;font-orbitron font-extrabold text-[1.25em] sm:text-[1.4em] text-red-700 dark:text-red-500 tracking-wider text-center uppercase&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;𝚨𝚴𝚨𝚲𝚼𝚻𝚰𝚱𝚶 𝚷𝚸𝚶𝚪𝚸𝚨𝚳𝚳𝚨 𝚬𝚱𝚫𝚮𝚲𝛀𝚺𝚬𝛀𝚴&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Detailed Schedule of Events&lt;/span&gt;
            &lt;/h2&gt;
          &lt;/div&gt;

          &lt;!-- WEDNESDAY 26/8/26 --&gt;
          &lt;div class=&quot;bg-stone-100/70 dark:bg-stone-900/60 p-5 rounded-2xl border border-stone-300 dark:border-stone-800 space-y-3&quot;&gt;
            &lt;div class=&quot;flex items-center justify-between flex-wrap gap-2 border-b border-stone-200 dark:border-stone-700 pb-2&quot;&gt;
              &lt;span class=&quot;font-orbitron font-bold text-red-600 dark:text-red-400 text-lg&quot;&gt;
                &lt;i class=&quot;fa-regular fa-calendar-days mr-2&quot;&gt;&lt;/i&gt;Τετάρτη 26/8/26
              &lt;/span&gt;
              &lt;span class=&quot;font-sans text-sm bg-stone-200 dark:bg-stone-800 px-3 py-1 rounded-full font-semibold&quot;&gt;
                &lt;i class=&quot;fa-regular fa-clock mr-1 text-red-600&quot;&gt;&lt;/i&gt;21:00 &amp;bull; Ταρσανάς Ερμούπολης
              &lt;/span&gt;
            &lt;/div&gt;
            &lt;p class=&quot;font-bold text-lg text-stone-900 dark:text-stone-100&quot;&gt;
              «ΡΟΖΑ, ΣΤΕΛΛΑ ΚΑΙ ΜΑΡΙΚΑ: ΟΙ ΔΙΚΕΣ ΜΑΣ ΞΕΝΕΣ». Τρεις θρυλικές φωνές σε ένα σταυροδρόμι πολιτισμών. Με τη ΣΟΦΙΑ ΠΑΠΑЗОГΛΟΥ.
            &lt;/p&gt;
            &lt;p class=&quot;text-base text-stone-700 dark:text-stone-300&quot;&gt;
              Η Σοφία Παπάζογλου παρουσιάζει την παράσταση «Οι δικές μας ξένες» αποτίνοντας φόρο τιμής σε τρεις εμβληματικές τραγουδίστριες που έζησαν και μεγαλούργησαν στην Ελλάδα – χωρίς να έχουν ελληνικές ρίζες: την εβραϊκής καταγωγής Ρόζα Εσκενάζυ (Σάρα Εσκενάζυ) που γεννήθηκε στην Κωνσταντινούπολη στα τέλη του 19ου αιώνα και θεωρείται η σπουδαιότερη τραγουδίστρια του σμυρναίικου τραγουδιού, τη Στέλλα Χασκίλ επίσης εβραϊκής καταγωγής (Στέλλα Γιεχασκέλ-Γαέγου) που γεννήθηκε το 1918 στη Θεσσαλονίκη, και τη Μαρίκα Νίνου, αρμένικης καταγωγής (Ευαγγελία Αταμιάν) που γεννήθηκε στον Καύκασο το 1918 ή το 1922.
            &lt;/p&gt;
            &lt;div class=&quot;text-sm pt-2 font-sans bg-white/60 dark:bg-stone-950/50 p-3 rounded-xl border border-stone-200 dark:border-stone-800&quot;&gt;
              &lt;p class=&quot;font-semibold text-stone-900 dark:text-stone-200 mb-1&quot;&gt;Συντελεστές:&lt;/p&gt;
              &lt;ul class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-1 text-stone-700 dark:text-stone-300&quot;&gt;
                &lt;li&gt;&amp;bull; Σπύρος Πατράς: μπουζούκι – τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Ντάσο Κούρτι: ακορντεόν&lt;/li&gt;
                &lt;li&gt;&amp;bull; Μανώλης Κοττορός: βιολί&lt;/li&gt;
                &lt;li&gt;&amp;bull; Βασίλης Κετεντζόγλου: κιθάρα&lt;/li&gt;
                &lt;li&gt;&amp;bull; Νίκος Γύρας: κοντραμπάσο&lt;/li&gt;
                &lt;li&gt;&amp;bull; Ηχοληψία: Μιχάλης Αλεξάκης&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- THURSDAY 27/8/26 --&gt;
          &lt;div class=&quot;bg-stone-100/70 dark:bg-stone-900/60 p-5 rounded-2xl border border-stone-300 dark:border-stone-800 space-y-3&quot;&gt;
            &lt;div class=&quot;flex items-center justify-between flex-wrap gap-2 border-b border-stone-200 dark:border-stone-700 pb-2&quot;&gt;
              &lt;span class=&quot;font-orbitron font-bold text-red-600 dark:text-red-400 text-lg&quot;&gt;
                &lt;i class=&quot;fa-regular fa-calendar-days mr-2&quot;&gt;&lt;/i&gt;Πέμπτη 27/8/26
              &lt;/span&gt;
              &lt;span class=&quot;font-sans text-sm bg-stone-200 dark:bg-stone-800 px-3 py-1 rounded-full font-semibold&quot;&gt;
                &lt;i class=&quot;fa-regular fa-clock mr-1 text-red-600&quot;&gt;&lt;/i&gt;21:00 &amp;bull; Σκαλιά Βροντάδου
              &lt;/span&gt;
            &lt;/div&gt;
            &lt;p class=&quot;font-bold text-lg text-stone-900 dark:text-stone-100&quot;&gt;
              ΤΑΛΙΛΙ ΝΟОΜΠΑ
            &lt;/p&gt;
            &lt;p class=&quot;text-base text-stone-700 dark:text-stone-300&quot;&gt;
              Στη γειτονιά του Βροντάδου, όπου για δεκαετίες λειτούργησαν λαϊκά στέκια, με ένα εξ αυτών την ιστορική ταβέρνα του «Τεμπέλη», μια παρέα νέων παιδιών, οι «Ταλίλι Νοόμπα», θα παρουσιάσει ρεμπέτικα τραγούδια που αγαπήσαμε, από την προπολεμική αλλά και μεταπολεμική περίοδο, μέσα από τα οποία αναδεικνύονται τόσο τα διαχρονικά κοινωνικά θέματα όπως η φτώχεια, η μετανάστευση και η περιθωριοποίηση, όσο και οι ομορφιές της ζωής, όπως περιγράφονται γλαφυρά μέσα στα ρεμπέτικα τραγούδια.
            &lt;/p&gt;
            &lt;div class=&quot;text-sm pt-2 font-sans bg-white/60 dark:bg-stone-950/50 p-3 rounded-xl border border-stone-200 dark:border-stone-800&quot;&gt;
              &lt;p class=&quot;font-semibold text-stone-900 dark:text-stone-200 mb-1&quot;&gt;Μουσικό σχήμα:&lt;/p&gt;
              &lt;ul class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-1 text-stone-700 dark:text-stone-300&quot;&gt;
                &lt;li&gt;&amp;bull; Βασιλική Γιαννακούλη: κιθάρα – τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Ειρήνη Ζώγαλη: μπουζούκι – μπάντζο&lt;/li&gt;
                &lt;li&gt;&amp;bull; Γιάννης Αναστασόπουλος: βιολί&lt;/li&gt;
                &lt;li&gt;&amp;bull; Σέργιος Δημόπουλος: ακορντεόν&lt;/li&gt;
                &lt;li&gt;&amp;bull; Σπύρος Μεϊδάνης: μπουζούκι&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- FRIDAY 28/8/26 --&gt;
          &lt;div class=&quot;bg-stone-100/70 dark:bg-stone-900/60 p-5 rounded-2xl border border-stone-300 dark:border-stone-800 space-y-3&quot;&gt;
            &lt;div class=&quot;flex items-center justify-between flex-wrap gap-2 border-b border-stone-200 dark:border-stone-700 pb-2&quot;&gt;
              &lt;span class=&quot;font-orbitron font-bold text-red-600 dark:text-red-400 text-lg&quot;&gt;
                &lt;i class=&quot;fa-regular fa-calendar-days mr-2&quot;&gt;&lt;/i&gt;Παρασκευή 28/8/26
              &lt;/span&gt;
              &lt;span class=&quot;font-sans text-sm bg-stone-200 dark:bg-stone-800 px-3 py-1 rounded-full font-semibold&quot;&gt;
                &lt;i class=&quot;fa-regular fa-clock mr-1 text-red-600&quot;&gt;&lt;/i&gt;21:00 &amp;bull; Ταρσανάς Ερμούπολης
              &lt;/span&gt;
            &lt;/div&gt;
            &lt;p class=&quot;font-bold text-lg text-stone-900 dark:text-stone-100&quot;&gt;
              Το σχήμα του ΚΩΣТА ΔΟΥΜΟΥΛΙΑΚΑ
            &lt;/p&gt;
            &lt;p class=&quot;text-base text-stone-700 dark:text-stone-300&quot;&gt;
              Με μουσικούς και ερμηνεύτριες που διαμένουν μόνιμα στη Σύρο, σε μια αναδρομή στις δεκαετίες ’40, ΄50 και ’60 και μια ζωντανή αναπαράσταση της αισθητικής αλλαγής των τραγουδιών όπως γαλουχήθηκε μέσα απ’ τα λαϊκά πάλκα. Χαρακτηριστικά παραδείγματα, οι εμβληματικές συνθέσεις «Φραγκοσυριανή» και «Βεργούλες» του Μάρκου Βαμβακάρη, «Μες στην πολλή σκοτούρα μου» του Τσιτσάνη, από την αυθεντική «ρεμπέτικη» εκτέλεση στη μεταγενέστερη λαϊκή τους μορφή. Η εξελικτική αυτή πορεία συνέδεσε την προπολεμική παράδοση με τη μεταπολεμική κοινωνική πραγματικότητα, φτάνοντας έως την «έντεχνη» προσέγγιση της γενιάς του Θεοδωράκη και του Χατζιδάκι.
            &lt;/p&gt;
            &lt;div class=&quot;text-sm pt-2 font-sans bg-white/60 dark:bg-stone-950/50 p-3 rounded-xl border border-stone-200 dark:border-stone-800&quot;&gt;
              &lt;p class=&quot;font-semibold text-stone-900 dark:text-stone-200 mb-1&quot;&gt;Συντελεστές:&lt;/p&gt;
              &lt;ul class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-1 text-stone-700 dark:text-stone-300&quot;&gt;
                &lt;li&gt;&amp;bull; Κώστας Δουμουλιάκας: τραγούδι – μπουζούκι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Νάνα Μπινοπούλου: τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Αργυρώ Πανταζή: τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Αντώνης Μαραγκός: μπουζούκι – κιθάρα&lt;/li&gt;
                &lt;li&gt;&amp;bull; Δημήτρης Μαραγκός: ακορντεόν – κιθάρα&lt;/li&gt;
                &lt;li&gt;&amp;bull; Δημήτρης Καπέλλας: κοντραμπάσο&lt;/li&gt;
                &lt;li&gt;&amp;bull; Δημήτρης Πάντος: κιθάρα – τραγούδι&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;

            &lt;!-- WORKSHOP SPECIAL BOX --&gt;
            &lt;div class=&quot;mt-4 p-4 rounded-xl bg-amber-500/10 border border-amber-500/30 text-stone-900 dark:text-stone-100 font-sans&quot;&gt;
              &lt;div class=&quot;font-bold text-amber-700 dark:text-amber-400 flex items-center gap-2 mb-1&quot;&gt;
                &lt;i class=&quot;fa-solid fa-graduation-cap&quot;&gt;&lt;/i&gt;
                &lt;span&gt;Αίθουσα Επιμελητηρίου Κυκλάδων &amp;bull; 12:00-16:00&lt;/span&gt;
              &lt;/div&gt;
              &lt;p class=&quot;text-sm leading-relaxed&quot;&gt;
                &lt;strong&gt;Μουσικό εργαστήριο με τον Βαγγέλη Τρίγκα&lt;/strong&gt;, έναν από τους σπουδαιότερους σύγχρονους δεξιοτέχνες και δασκάλους του μπουζουκιού, με θέμα την «εξέλιξη της τεχνικής του μπουζουκιού κατά τη μετάβαση από το ρεμπέτικο στο λαϊκό».
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SATURDAY 29/8/26 --&gt;
          &lt;div class=&quot;bg-stone-100/70 dark:bg-stone-900/60 p-5 rounded-2xl border border-stone-300 dark:border-stone-800 space-y-3&quot;&gt;
            &lt;div class=&quot;flex items-center justify-between flex-wrap gap-2 border-b border-stone-200 dark:border-stone-700 pb-2&quot;&gt;
              &lt;span class=&quot;font-orbitron font-bold text-red-600 dark:text-red-400 text-lg&quot;&gt;
                &lt;i class=&quot;fa-regular fa-calendar-days mr-2&quot;&gt;&lt;/i&gt;Σάββατο 29/8/26
              &lt;/span&gt;
              &lt;span class=&quot;font-sans text-sm bg-stone-200 dark:bg-stone-800 px-3 py-1 rounded-full font-semibold&quot;&gt;
                &lt;i class=&quot;fa-regular fa-clock mr-1 text-red-600&quot;&gt;&lt;/i&gt;21:00 &amp;bull; Ταρσανάς Ερμούπολης
              &lt;/span&gt;
            &lt;/div&gt;
            &lt;p class=&quot;font-bold text-lg text-stone-900 dark:text-stone-100&quot;&gt;
              Το σχήμα του ΒΑΓΓΕΛΗ ΤΡΙΓΚΑ στην παράσταση «…και το ρεμπέτικο λαϊκό εγένετο», με τη συμμετοχή της ΚΑΙΤΗΣ ΚΟΥΛΛΙΑ και της ΖΑΝΕΛ.
            &lt;/p&gt;
            &lt;p class=&quot;text-base text-stone-700 dark:text-stone-300&quot;&gt;
              Η παράσταση αναδεικνύει την εξέλιξη της λαϊκής μας μουσικής με τις κυριότερες δημοφιλείς εκφάνσεις της. Κεντρικό σημείο αναφοράς είναι το αποκαλούμενο «έντεχνο», αλλά και άλλες αποχρώσεις του λαϊκού τραγουδιού που δημιουργήθηκαν μετά το ’50 και το ’60. Παράλληλα, μέσα από αυτή την παρουσίαση και τις συνθέσεις των μεγάλων λαϊκών δημιουργών, προβάλλεται το μπουζούκι ως πρωταγωνιστικό όργανο και αναπόσπαστο μέρος της λαϊκής μας μουσικής.
            &lt;/p&gt;
            &lt;div class=&quot;text-sm pt-2 font-sans bg-white/60 dark:bg-stone-950/50 p-3 rounded-xl border border-stone-200 dark:border-stone-800&quot;&gt;
              &lt;p class=&quot;font-semibold text-stone-900 dark:text-stone-200 mb-1&quot;&gt;Συντελεστές:&lt;/p&gt;
              &lt;ul class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-1 text-stone-700 dark:text-stone-300&quot;&gt;
                &lt;li&gt;&amp;bull; Βαγγέλης Τρίγκας: μπουζούκι – τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Ζανέλ: τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Καίτη Κουλλιά: τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Δημήτρης Κοτταρίδης: βιολοντσέλο&lt;/li&gt;
                &lt;li&gt;&amp;bull; Αναστάσης Μπίτζιος: μπουζούκι – τραγούδι&lt;/li&gt;
                &lt;li&gt;&amp;bull; Θόδωρος Μπρουτζάκης: πιάνο&lt;/li&gt;
                &lt;li&gt;&amp;bull; Γιάννης Πλαγιανάκος: κοντραμπάσο&lt;/li&gt;
                &lt;li&gt;&amp;bull; Αντώνης Σίδερης: μπουζούκι – τραγούδι&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;p class=&quot;text-sm italic text-stone-800 dark:text-stone-200 pt-1&quot;&gt;
              * Στην παράσταση, ομάδα χορευτών της Λαογραφικής Στέγης Σαλαμίνας θα χορέψουν τον Κουλουριώτικο χασάπικο, ο οποίος δεν είναι απλά μια ακολουθία βημάτων, αλλά μια ζωντανή έκφραση μνήμης και συλλογικής ταυτότητας.
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- INSTRUMENTS EXHIBITION HIGHLIGHT CARD --&gt;
          &lt;div class=&quot;rounded-2xl bg-[#fefce8] dark:bg-stone-900 border border-amber-300 dark:border-amber-800/60 p-4 sm:p-5 shadow-sm font-sans my-6&quot;&gt;
            &lt;div class=&quot;font-bold text-amber-900 dark:text-amber-300 text-base sm:text-lg flex items-center gap-2 mb-2&quot;&gt;
              &lt;span class=&quot;text-red-600 text-xl&quot;&gt;📍&lt;/span&gt;
              &lt;span&gt;Έκθεση λαϊκών μουσικών οργάνων&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class=&quot;text-stone-800 dark:text-stone-200 space-y-1 text-sm sm:text-base&quot;&gt;
              &lt;p&gt;&lt;strong&gt;Αίθουσα Γιάννη Ρίτσου – Πνευματικό Κέντρο&lt;/strong&gt;&lt;/p&gt;
              &lt;p class=&quot;text-stone-700 dark:text-stone-300&quot;&gt;Τετ-Παρ: 10:30-14:00 &amp; 18:00-21:00 | Σάβ: 10:30-14:00&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- POSTER IMAGE IN THE MIDDLE / END --&gt;
          &lt;div class=&quot;my-8 text-center&quot;&gt;
            &lt;div class=&quot;inline-block p-2 bg-white dark:bg-stone-900 rounded-2xl shadow-md border border-stone-200 dark:border-stone-800 max-w-full&quot;&gt;
              &lt;img src=&quot;https://www.syros-agenda.gr/wp-content/uploads/10o-FESTIVAL-REBETIKOY.jpg&quot; 
                   alt=&quot;10o Φεστιβάλ Ρεμπέτικου - Αφίσα&quot; 
                   class=&quot;max-h-[600px] w-auto mx-auto rounded-xl block object-contain&quot;&gt;
              &lt;p class=&quot;text-xs text-stone-500 dark:text-stone-400 mt-2 font-jura&quot;&gt;
                Επίσημη Αφίσα 10ου Φεστιβάλ Ρεμπέτικου «Η Σύρα του Μάρκου Βαμβακάρη»
              &lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- SOURCE BUTTON WITH 100% WIDTH AND GRADIENT BACKDROP + LOGO --&gt;
          &lt;div class=&quot;pt-6 w-full text-center no-print font-sans&quot;&gt;
            &lt;a href=&quot;https://www.syros-agenda.gr/10o-festival-rempetikou-i-syra-tou-markou-vamvakari-programma/&quot; 
               target=&quot;_blank&quot; 
               rel=&quot;noopener noreferrer&quot; 
               class=&quot;w-full flex items-center justify-center gap-3 px-6 py-4 brand-gradient hover:opacity-90 font-orbitron font-bold text-[0.875em] sm:text-[1em] tracking-wide text-stone-900 rounded-xl transition-all shadow-md border border-stone-300 dark:border-stone-700&quot;&gt;
              &lt;img src=&quot;https://www.syros-agenda.gr/wp-content/uploads/logo-syros-agenda.png&quot; 
                   alt=&quot;Syros Agenda Logo&quot; 
                   class=&quot;h-7 w-auto object-contain bg-white/80 p-1 rounded&quot;&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-red-600&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr text-red-700&quot;&gt;Μετάβαση στην Πηγή (syros-agenda.gr)&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden text-red-700&quot;&gt;Visit Original Source (syros-agenda.gr)&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION WITH EXACT COPYRIGHT TEXT --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Γιώργος Γυρνάς. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-red-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15; // default em size

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    // Progress Bar (.kp-bar) update on scroll
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    // Font Sizing Controls (A-, A, A+)
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    // Copy Link &amp; Toast Notification
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    // Toast Popup
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    // Language Toggle
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    // Theme Selector
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/rempetiko-syros-ekdiloseis-26-29-avgoustou-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-7821085372851075567</guid><pubDate>Thu, 23 Jul 2026 06:49:42 +0000</pubDate><atom:updated>2026-07-23T09:49:42.524+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Πολιτισμός-Βιβλίο-Θέατρο-Σινεμα-TV</category><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Ρεμπέτικο και ξενιτιά στο 8ο Πανηλειακό Αντάμωμα Ομογενών στην Αμαλιάδα</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;8ο Πανηλειακό Αντάμωμα Ομογενών - Δήμος Ήλιδας&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              gradientStart: &#39;#1e293b&#39;, // Deep Slate
              gradientMid: &#39;#0f172a&#39;,   // Dark Midnight
              gradientEnd: &#39;#450a0a&#39;,   // Rich Crimson Dark
              accentRed: &#39;#dc2626&#39;,     // Vibrant Red for Links
              accentRedHover: &#39;#b91c1c&#39;,
              softBg: &#39;#fdfbf7&#39;,        // Vintage paper light background
              charcoal: &#39;#1c1917&#39;
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;!-- Custom Styles for High Contrast and Blogger Compatibility --&gt;
  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 16px !important;
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }

    .dark #pettichat-post-wrapper {
      background-color: #09090b !important;
      color: #fafaf9 !important;
    }

    /* Red Links explicit styling for high contrast */
    #pettichat-post-wrapper a.red-link,
    #pettichat-post-wrapper p a {
      color: #dc2626 !important;
      text-decoration: underline !important;
      font-weight: 600;
      transition: color 0.2s ease;
    }

    #pettichat-post-wrapper a.red-link:hover,
    #pettichat-post-wrapper p a:hover {
      color: #991b1b !important;
    }

    .dark #pettichat-post-wrapper a.red-link,
    .dark #pettichat-post-wrapper p a {
      color: #ef4444 !important;
    }

    .dark #pettichat-post-wrapper a.red-link:hover,
    .dark #pettichat-post-wrapper p a:hover {
      color: #fca5a5 !important;
    }

    /* Dynamic Gradient Bar &amp; Button with requested light colors */
    .brand-gradient {
      background: linear-gradient(135deg, #E5EFFF 0%, #FDFFE5 50%, #FFF3E5 100%) !important;
    }

    /* Scrollbar Styling */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .dark ::-webkit-scrollbar-track {
      background: #09090b;
    }
    ::-webkit-scrollbar-thumb {
      background: #dc2626;
      border-radius: 4px;
    }

    /* Print Styles */
    @media print {
      header, footer, #progress-bar, .no-print {
        display: none !important;
      }
      #pettichat-post-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #ffffff !important;
        color: #000000 !important;
      }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#09090b] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;!-- MASTER WRAPPER --&gt;
  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;

    &lt;!-- SCROLL PROGRESS BAR (.kp-bar) --&gt;
    &lt;div id=&quot;kp-bar&quot; class=&quot;kp-bar fixed top-0 left-0 h-[4px] bg-gradient-to-r from-red-600 via-amber-500 to-rose-500 w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- STICKY HEADER WITH TOPIC TITLE &amp; FULLY FUNCTIONAL TOOLBAR --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full brand-gradient text-stone-900 shadow-md transition-all duration-300 border-b border-stone-300 dark:border-stone-700&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] h-[4.25rem] flex items-center justify-between gap-2&quot;&gt;
        
        &lt;!-- Left: Posting Topic Title (Θέμα Ανάρτησης) --&gt;
        &lt;div class=&quot;flex items-center space-x-2 sm:space-x-3 overflow-hidden&quot;&gt;
          &lt;div class=&quot;w-[2.3em] h-[2.3em] rounded-full bg-red-600/15 border border-red-500/30 flex-shrink-0 flex items-center justify-center text-red-700 dark:text-red-600&quot;&gt;
            &lt;i class=&quot;fa-solid fa-landmark text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div class=&quot;truncate&quot;&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-red-700 dark:text-red-600 text-[0.85em] sm:text-[1em] block truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;8ο Πανηλειακό Αντάμωμα Ομογενών&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;8th Pan-Elinian Diaspora Gathering&lt;/span&gt;
            &lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.7em] block -mt-1 text-stone-700 font-semibold uppercase tracking-widest truncate&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Δήμος Ήλιδας &amp;bull; Πολιτισμός&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Municipality of Ilida &amp;bull; Culture&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Right: Fully Functional Interactive Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-1.5 sm:space-x-2 flex-shrink-0&quot;&gt;
          
          &lt;!-- Font Sizing Controls (A-, A, A+) --&gt;
          &lt;div class=&quot;hidden md:flex items-center bg-white/80 dark:bg-stone-900/80 rounded-lg p-1 border border-stone-300 dark:border-stone-700 text-[0.75em] font-sans shadow-sm&quot;&gt;
            &lt;button onclick=&quot;adjustFontSize(-1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Μείωση Γραμματοσειράς (A-)&quot;&gt;A-&lt;/button&gt;
            &lt;button onclick=&quot;resetFontSize()&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-red-600 transition-colors&quot; title=&quot;Επαναφορά (A)&quot;&gt;A&lt;/button&gt;
            &lt;button onclick=&quot;adjustFontSize(1)&quot; class=&quot;w-7 h-7 hover:bg-stone-200 dark:hover:bg-stone-800 rounded flex items-center justify-center font-bold text-stone-800 dark:text-stone-200 transition-colors&quot; title=&quot;Αύξηση Γραμματοσειράς (A+)&quot;&gt;A+&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Print Button --&gt;
          &lt;button onclick=&quot;window.print()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εκτύπωση&quot;&gt;
            &lt;i class=&quot;fa-solid fa-print text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Share Button (Copies Link) --&gt;
          &lt;button onclick=&quot;copyArticleLink()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-red-100 dark:hover:bg-red-950/50 text-stone-800 dark:text-stone-200 hover:text-red-700 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Κοινοποίηση / Αντιγραφή Συνδέσμου&quot;&gt;
            &lt;i class=&quot;fa-solid fa-share-nodes text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;

          &lt;!-- Language Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;flex items-center justify-center font-orbitron font-bold text-[0.7em] bg-red-600 hover:bg-red-700 text-white w-[2.2em] h-[2.2em] rounded-full transition-all shadow-sm&quot; title=&quot;Αλλαγή Γλώσσας&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark/Light Theme Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.2em] h-[2.2em] rounded-full bg-white/80 dark:bg-stone-900/80 hover:bg-stone-200 dark:hover:bg-stone-800 text-stone-800 dark:text-stone-200 flex items-center justify-center transition-all border border-stone-300 dark:border-stone-700 shadow-sm&quot; title=&quot;Εναλλαγή Θέματος&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.8em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- MAIN SINGLE ARTICLE SECTION --&gt;
    &lt;section id=&quot;art-antamoma&quot; class=&quot;pt-[1em] pb-[2.5em] transition-colors duration-300&quot;&gt;
      
      &lt;!-- HERO POSTER IMAGE CONTAINER (OPTIMIZED GAP) --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-white dark:bg-stone-900 p-[0.5em] rounded-[1.25em] shadow-md border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;relative w-full overflow-hidden rounded-[0.85em] bg-stone-950 flex items-center justify-center&quot;&gt;
            &lt;img src=&quot;http://www.dimosilidas.gr/sites/default/files/inline-images/%CE%91%CE%A6%CE%99%CE%A3%CE%91%20%CE%93%CE%99%CE%91%208%CE%BF%20%CE%A0%CE%91%CE%9D%CE%97%CE%9B%CE%95%CE%99%CE%91%CE%9A%CE%9F%20%CE%91%CE%9D%CE%A4%CE%91%CE%9C%CE%A9%CE%9C%CE%91%20%CE%9F%CE%9C%CE%9F%CE%93%CE%95%CE%9D%CE%A9%CE%9D.jpg&quot; 
                 alt=&quot;8ο Πανηλειακό Αντάμωμα Ομογενών - Αφίσα&quot; 
                 class=&quot;w-full h-auto max-h-[550px] object-contain block mx-auto&quot;&gt;
            &lt;div class=&quot;absolute bottom-[0.75rem] right-[0.75rem] bg-black/75 text-white text-[0.725em] px-[0.85em] py-[0.35em] rounded-md backdrop-blur-sm font-jura shadow-md&quot;&gt;
              Πηγή: &lt;a href=&quot;http://www.dimosilidas.gr/el/8o-panileiako-antamoma-omogenon-erhetai-stis-26-ioylioy-ston-kipo-tis-istorikis-oikias-tatani&quot; target=&quot;_blank&quot; class=&quot;red-link underline&quot;&gt;dimosilidas.gr&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- MAIN CONTENT ARTICLE WRAPPER --&gt;
      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-4 pb-[1.5em]&quot;&gt;
        
        &lt;article id=&quot;article-body&quot; class=&quot;space-y-[1.15em] transition-all duration-200&quot; style=&quot;font-size: 1.15em; line-height: 1.75;&quot;&gt;
          
          &lt;!-- PARAGRAPH 1 (BOLD, ITALIC, 1-2 SIZES LARGER) --&gt;
          &lt;p class=&quot;leading-relaxed font-bold italic text-[1.25em] sm:text-[1.35em] text-stone-900 dark:text-stone-100&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Δήμος Ήλιδας, σε συνεργασία με τους απόδημους Ηλείους από κάθε γωνιά της γης, διοργανώνει το 8ο Πανηλειακό Αντάμωμα Ομογενών, την Κυριακή 26 Ιουλίου 2026 και ώρα 20:00, στον κήπο της ιστορικής νεοκλασικής Οικίας Τατάνη, στην περιοχή Καλίτσα της Αμαλιάδας.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The Municipality of Ilida, in cooperation with the Ilian diaspora from every corner of the world, is organizing the 8th Pan-Elinian Diaspora Gathering on Sunday, July 26, 2026, at 20:00, in the garden of the historic neoclassical Tatani Mansion in the Kalitsa area of Amaliada.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο θεσμός, που καθιερώθηκε το 2016, αποτελεί σημείο αναφοράς για την ενίσχυση των δεσμών με τους Ηλείους της Διασποράς, οι οποίοι από τα τέλη του 19ου αιώνα μετέφεραν το ελληνικό φως και το ήθος της Ηλείας στις ΗΠΑ, τον Καναδά, την Αυστραλία και την Ευρώπη.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The institution, established in 2016, serves as a benchmark for strengthening ties with the Ilians of the Diaspora, who since the late 19th century carried the Greek light and ethos of Ilia to the USA, Canada, Australia, and Europe.
            &lt;/span&gt;
             &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;   

          &lt;/p&gt;

          &lt;!-- PARAGRAPH 3 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Στόχος της εκδήλωσης είναι η διατήρηση της ενότητας, η στήριξη του διαλόγου μεταξύ των ομογενειακών οργανώσεων και της μητέρας πατρίδας, καθώς και η ανάδειξη των ζητημάτων που απασχολούν τον Ελληνισμό της Διασποράς.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The goal of the event is the preservation of unity, the support of dialogue between diaspora organizations and the motherland, as well as highlighting issues concerning Hellenism worldwide.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 4 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Στο πλαίσιο του φετινού Ανταμώματος, οι παρευρισκόμενοι θα έχουν την ευκαιρία να παρακολουθήσουν και να συμμετάσχουν σε ξεχωριστές πολιτιστικές δράσεις, με βασική την μουσικοθεατρική παράσταση: «Η ΜΕΤΑΝΑΣΤΕΥΣΗ ΤΩΝ ΕΛΛΗΝΩΝ, ΜΕΣΑ ΑΠΟ ΤΟ ΛΑΪΚΟ ΚΑΙ ΤΟ ΡΕΜΠΕΤΙΚΟ ΤΡΑΓΟΥΔΙ», όπου πραγματοποιείται με την επιμέλεια της θεατρικής ομάδας του Δικηγορικού Συλλόγου Αμαλιάδας «ΘΥΜΕΛΗ».
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              In the context of this year&#39;s Gathering, attendees will have the opportunity to watch and participate in distinct cultural activities, featuring the musical-theatrical performance: &quot;THE IMMIGRATION OF GREEKS, THROUGH FOLK AND REBETIKO SONG&quot;, curated by the theatrical group of the Amaliada Bar Association &quot;THYMELI&quot;.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 5 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Πρόκειται για ένα δρώμενο αφιερωμένο στην ελληνική μετανάστευση μέσα από τα βιώματα των Ελλήνων, που έγιναν στίχοι στο ρεμπέτικο και το λαϊκό τραγούδι. Όταν η Ρόζα ανεβαίνει στο πάλκο και αφηγείται ερμηνεύοντας τους καημούς του Έθνους μας.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              It is a performance dedicated to Greek emigration through the experiences of Greeks, which became lyrics in rebetiko and folk songs. When Roza steps onto the stage and narrates, performing the sorrows of our Nation.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 6 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Παράλληλα, στο χώρο θα λειτουργεί και έκθεση ζωγραφικής της εικαστικού Αθανασίας Λυκουρέση, με τίτλο: «ΤΟ ΑΠΟΤΥΠΩΜΑ ΤΗΣ ΞΕΝΙΤΙΑΣ», αφιερωμένη στον Απόδημο Ελληνισμό. Τα έργα, εμπνευσμένα από μνήμες των δεκαετιών του &#39;40, του &#39;50 και του &#39;60, υπόσχονται να δημιουργήσουν έναν ζωντανό διάλογο με τους Ομογενείς, «ξεκλειδώνοντας» αναμνήσεις και προσφέροντας συγκινησιακές στιγμές.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              Concurrently, an art exhibition by painter Athanasia Lykouresi titled &quot;THE IMPRINT OF EMBRACING DISTANT LANDS&quot; dedicated to Diaspora Hellenism will be held. Inspired by memories of the 1940s, 50s, and 60s, these artworks promise to create a living dialogue with expats.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 7 --&gt;
          &lt;p class=&quot;leading-relaxed&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Η επιλογή του χώρου φέρει βαθύ συμβολισμό, καθώς η Οικία Τατάνη υπήρξε το πατρογονικό σπίτι του Πέτρου Τατάνη, ιδρυτή το 1915 και πρώτου εκδότη της εμβληματικής εφημερίδας της Νέας Υόρκης «Εθνικός Κήρυξ».
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The choice of venue carries deep symbolism, as Tatani Mansion was the ancestral home of Petros Tatanis, founder in 1915 and first publisher of New York&#39;s iconic newspaper &quot;National Herald&quot; (Ethnikos Kyrix).
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- PARAGRAPH 8 --&gt;
          &lt;p class=&quot;leading-relaxed font-medium&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;
              Ο Δήμος Ήλιδας καλεί όλους τους Ηλείους της Ομογένειας, τους συλλόγους τους, καθώς και τους κατοίκους της ευρύτερης περιοχής, να δώσουν το «παρών» σε αυτή τη μεγάλη γιορτή επανασύνδεσης, μνήμης και τιμής, συμβάλλοντας στη διατήρηση της πολιτιστικής μας κληρονομιάς και της εθνικής συνοχής.
            &lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
              The Municipality of Ilida invites all Ilians of the Diaspora, their associations, and residents of the wider area to attend this grand celebration of reunion, memory, and honor.
            &lt;/span&gt;
          &lt;/p&gt;

          &lt;!-- SOURCE BUTTON WITH 100% WIDTH AND REQUESTED GRADIENT BACKDROP --&gt;
          &lt;div class=&quot;pt-6 w-full text-center no-print font-sans&quot;&gt;
            &lt;a href=&quot;http://www.dimosilidas.gr/el/8o-panileiako-antamoma-omogenon-erhetai-stis-26-ioylioy-ston-kipo-tis-istorikis-oikias-tatani&quot; 
               target=&quot;_blank&quot; 
               class=&quot;w-full flex items-center justify-center gap-2 px-6 py-3.5 brand-gradient hover:opacity-90 font-orbitron font-bold text-[0.9em] sm:text-[1em] tracking-wide text-stone-900 rounded-xl transition-all shadow-md border border-stone-300 dark:border-stone-700&quot;&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-red-600&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr text-red-700&quot;&gt;Source: dimosilidas.gr&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden text-red-700&quot;&gt;Visit Original Source (dimosilidas.gr)&lt;/span&gt;
            &lt;/a&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-stone-200 dark:bg-stone-950 border-t border-stone-300 dark:border-stone-800 transition-colors duration-300 py-[2em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em]&quot;&gt;
        
        &lt;!-- COPYRIGHT SUB-FOOTER --&gt;
        &lt;div class=&quot;text-center text-[0.8em] sm:text-[0.85em] text-stone-600 dark:text-stone-300 font-sans font-medium&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Γιώργος Γυρνάς. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- TOAST NOTIFICATION FOR COPY LINK / ACTIONS --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-stone-900 text-white border border-stone-700 py-[0.75em] px-[1.25em] rounded-lg shadow-xl flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-circle-check text-red-500 text-[1.1em]&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- DYNAMIC INTERACTION SCRIPTS --&gt;
  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let fontScale = 1.15; // default em size

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    // Progress Bar (.kp-bar) update on scroll
    function setupScrollProgress() {
      window.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        const height = (document.documentElement.scrollHeight || document.body.scrollHeight) - document.documentElement.clientHeight;
        const progress = height &gt; 0 ? (scrollTop / height) * 100 : 0;
        const bar = document.getElementById(&#39;kp-bar&#39;);
        if (bar) {
          bar.style.width = progress + &quot;%&quot;;
        }
      });
    }

    // Font Sizing Controls (A-, A, A+)
    function adjustFontSize(step) {
      fontScale += step * 0.1;
      if (fontScale &lt; 0.85) fontScale = 0.85;
      if (fontScale &gt; 1.6) fontScale = 1.6;
      applyFontSize();
      showToast(step &gt; 0 ? &quot;Αύξηση γραμματοσειράς&quot; : &quot;Μείωση γραμματοσειράς&quot;);
    }

    function resetFontSize() {
      fontScale = 1.15;
      applyFontSize();
      showToast(&quot;Επαναφορά γραμματοσειράς&quot;);
    }

    function applyFontSize() {
      const article = document.getElementById(&#39;article-body&#39;);
      if (article) {
        article.style.fontSize = fontScale + &#39;em&#39;;
      }
    }

    // Copy Link &amp; Toast Notification
    function copyArticleLink() {
      const dummy = document.createElement(&#39;input&#39;);
      document.body.appendChild(dummy);
      dummy.value = window.location.href;
      dummy.select();
      document.execCommand(&#39;copy&#39;);
      document.body.removeChild(dummy);
      showToast(&quot;Ο σύνδεσμος αντιγράφηκε επιτυχώς!&quot;);
    }

    // Toast Popup
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }

    // Language Toggle
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    // Theme Selector
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.8em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.8em]&quot;;
      }
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/8o-paniliako-antamoma-omogenon-amaliada-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-108495220178286416</guid><pubDate>Fri, 17 Jul 2026 08:10:37 +0000</pubDate><atom:updated>2026-07-17T11:10:37.081+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συναυλία-Εκδήλωση</category><title>Άγιοι Θεόδωροι: Μια ξεχωριστή βραδιά αφιερωμένη στο Ρεμπέτικο τραγούδι</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Έβγα στο παραθύρι σου - Μουσική Βραδιά&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              terracotta: &#39;#c2410c&#39;, // Warm terracotta (Primary Accent)
              amber: &#39;#f59e0b&#39;,       // Warm sunset amber
              gold: &#39;#d4af37&#39;,        // Rich gold
              softBg: &#39;#fdfbf7&#39;,      // Vintage paper white
              charcoal: &#39;#1c1917&#39;,    // Deep stone dark
              sage: &#39;#155e75&#39;,        // Midnight ocean blue
              rose: &#39;#fef2f2&#39;         // Warm highlights background
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;!-- BULLETPROOF CSS OVERRIDES FOR BLOGGER INHERITANCE --&gt;
  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 14px !important;
    }
    @media (min-width: 640px) {
      #pettichat-post-wrapper {
        font-size: 16px !important;
      }
    }

    /* Light Mode Default Forces */
    #pettichat-post-wrapper {
      background-color: #fdfbf7 !important;
      color: #1c1917 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }
    
    #pettichat-post-wrapper p {
      color: #292524 !important;
    }

    /* Dark Mode Enforced Forces */
    .dark #pettichat-post-wrapper {
      background-color: #0c0a09 !important;
      color: #fafaf9 !important;
    }

    .dark #pettichat-post-wrapper p {
      color: #e7e5e4 !important;
    }

    /* Header adjustments inside Blogger wrapper */
    #pettichat-post-wrapper header {
      background-color: rgba(245, 242, 235, 0.95) !important;
      transition: background-color 0.3s ease;
    }
    .dark #pettichat-post-wrapper header {
      background-color: rgba(28, 25, 23, 0.95) !important;
      border-bottom-color: #2e2a24 !important;
    }

    /* Terracotta theme for the active story box */
    #pettichat-post-wrapper .intro-box-terracotta {
      background-color: #fff7ed !important;
      border-left: 4px solid #c2410c !important;
    }
    #pettichat-post-wrapper .intro-box-terracotta p {
      color: #7c2d12 !important;
    }
    .dark #pettichat-post-wrapper .intro-box-terracotta {
      background-color: rgba(194, 65, 12, 0.1) !important;
      border-left: 4px solid #f59e0b !important;
    }
    .dark #pettichat-post-wrapper .intro-box-terracotta p {
      color: #ffedd5 !important;
    }

    /* Custom Scrollbar Styles */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f5f2eb;
    }
    .dark ::-webkit-scrollbar-track {
      background: #0c0a09;
    }
    ::-webkit-scrollbar-thumb {
      background: #c2410c;
      border-radius: 4px;
    }
    .dark ::-webkit-scrollbar-thumb {
      background: #f59e0b;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fdfbf7] text-[#1c1917] dark:bg-[#0c0a09] dark:text-[#fafaf9] font-garamond transition-colors duration-300&quot;&gt;

  &lt;!-- MASTER WRAPPER --&gt;
  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-[#2e2a24]&quot;&gt;

    &lt;!-- SCROLL PROGRESS INDICATOR BAR --&gt;
    &lt;div id=&quot;progress-bar&quot; class=&quot;fixed top-0 left-0 h-[4px] bg-gradient-to-r from-[#c2410c] via-[#f59e0b] to-[#d4af37] w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- STICKY HEADER WITH NAV REMOVED ABOVE THE IMAGE --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full backdrop-blur-md border-b border-[#dfd9c4] dark:border-stone-800 transition-all duration-300&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1.5em] h-[4rem] flex items-center justify-between&quot;&gt;
        &lt;!-- Title Logo Group --&gt;
        &lt;a href=&quot;#&quot; class=&quot;flex items-center space-x-[0.5em] no-underline&quot;&gt;
          &lt;div class=&quot;w-[2.5em] h-[2.5em] rounded-full bg-gradient-to-tr from-[#c2410c] via-[#f59e0b] to-[#d4af37] flex items-center justify-center text-[#ffffff] shadow-[0_4px_12px_rgba(194,65,12,0.25)]&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-[#c2410c] dark:text-[#f59e0b] text-[1.15em]&quot;&gt;CULTURAL ARCHIVES&lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.75em] block -mt-[0.25em] uppercase tracking-widest text-[#78716c] dark:text-[#a8a29e]&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μουσικό Αρχείο &amp; Εκδηλώσεις&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Musical Archives &amp; Events&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/a&gt;

        &lt;!-- Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-[0.75em] sm:space-x-[1em]&quot;&gt;
          &lt;!-- Translation Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;relative flex items-center justify-center font-orbitron font-bold text-[0.75em] bg-[#fff7ed] dark:bg-stone-800 hover:bg-[#ffedd5] text-[#c2410c] dark:text-[#f59e0b] w-[2.5em] h-[2.5em] rounded-full transition-all duration-200 focus:outline-none shadow-[0_2px_4px_rgba(0,0,0,0.05)]&quot; title=&quot;Change Language&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark Mode Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.5em] h-[2.5em] rounded-full bg-[#f5f5f4] dark:bg-stone-800 text-[#57534e] dark:text-[#d6d3d1] flex items-center justify-center hover:bg-[#e7e5e4] dark:hover:bg-stone-700 transition-all duration-200 focus:outline-none shadow-[0_2px_4px_rgba(0,0,0,0.05)]&quot; title=&quot;Toggle Theme&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.9em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- MAIN SINGLE ARTICLE SECTION --&gt;
    &lt;section id=&quot;art-parathyri&quot; class=&quot;pt-[1em] pb-[2.5em] scroll-mt-[7rem] transition-colors duration-300&quot;&gt;
      
      &lt;!-- HERO IMAGE WITH MINIMAL VERTICAL SPACE --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-2&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-[#ffffff] dark:bg-stone-900 p-[0.5em] rounded-[1.5em] shadow-[0_15px_25px_rgba(0,0,0,0.06)] border border-[#e7e5e4] dark:border-stone-800&quot;&gt;
          &lt;div class=&quot;relative w-full overflow-hidden rounded-[1em] bg-[#0c0a09]&quot;&gt;
            &lt;img src=&quot;https://www.loutrakiblog.gr/wp-content/uploads/2026/07/rempetiko-e1784218069990.jpg&quot; alt=&quot;Έβγα στο παραθύρι σου - Μουσική Βραδιά&quot; class=&quot;w-full h-auto max-h-[440px] object-cover filter saturate-[1.05] brightness-[0.95] block&quot;&gt;
            &lt;div class=&quot;absolute bottom-[1rem] right-[1rem] bg-black bg-opacity-60 text-[#ffffff] text-[0.75em] px-[1.25em] py-[0.5em] rounded-[0.75em] backdrop-blur-sm font-jura shadow-[0_4px_6px_rgba(0,0,0,0.1)]&quot;&gt;
              Pic: &lt;a href=&quot;https://www.loutrakiblog.gr/wp-content/uploads/2026/07/rempetiko-e1784218069990.jpg&quot; target=&quot;_blank&quot; class=&quot;text-white underline&quot;&gt;loutrakiblog.gr&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- MAIN CONTENT WRAPPER --&gt;
      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-4 pb-[1.5em] space-y-[1.25em]&quot;&gt;
        
        &lt;article class=&quot;space-y-[1.25em] mt-0 pt-0&quot;&gt;
          
          &lt;!-- PARAGRAPH 1 (INTRO BOX WITH REDUCED TOP MARGINS) --&gt;
          &lt;div class=&quot;p-[1.25em] rounded-r-[0.75em] intro-box-terracotta mt-0&quot;&gt;
            &lt;p class=&quot;text-[1.05em] md:text-[1.15em] italic font-bold leading-relaxed&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Ο Σύλλογος Γυναικών Αγίων Θεοδώρων σας προσκαλεί σε μια ξεχωριστή μουσική βραδιά αφιερωμένη στο αυθεντικό ρεμπέτικο τραγούδι, την Κυριακή 2 Αυγούστου 2026, σε μια εκδήλωση που υπόσχεται να γεμίσει τη νύχτα με αγαπημένες μελωδίες, νοσταλγία και αυθεντικά λαϊκά ακούσματα.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                The Women&#39;s Association of Agioi Theodoroi invites you to a special musical evening dedicated to authentic Rebetiko song, on Sunday, August 2, 2026, in an event that promises to fill the night with beloved melodies, nostalgia and authentic folk sounds.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- PARAGRAPH 2 --&gt;
          &lt;div class=&quot;text-[1.15em] md:text-[1.25em] leading-relaxed&quot;&gt;
            &lt;p&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Με τίτλο «Έβγα στο παραθύρι σου», η εκδήλωση φιλοδοξεί να ταξιδέψει το κοινό στις χρυσές εποχές του ελληνικού τραγουδιού, εκεί όπου το μπουζούκι, οι στίχοι και οι ανθρώπινες ιστορίες ενώνονται σε μια μοναδική μουσική εμπειρία.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                Under the title &quot;Come out to your window&quot;, the event aspires to travel the audience to the golden eras of Greek song, where the bouzouki, the lyrics and human stories unite in a unique musical experience.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;
 &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;   

          &lt;!-- PARAGRAPH 3 --&gt;
          &lt;div class=&quot;text-[1.15em] md:text-[1.25em] leading-relaxed&quot;&gt;
            &lt;p&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Στη βραδιά συμμετέχει η χορωδία του Συλλόγου Γυναικών Αγίων Θεοδώρων, ενώ στη σκηνή θα βρεθεί ο δημιουργός και ερμηνευτής Γιάννης Λεμπέσης, χαρίζοντας αγαπημένα ρεμπέτικα και λαϊκά τραγούδια. Τη μουσική διεύθυνση έχει αναλάβει ο Μάκης Ψαραδέλλης, συμβάλλοντας με την εμπειρία και την καλλιτεχνική του παρουσία σε μια βραδιά υψηλού επιπέδου.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                The choir of the Women&#39;s Association of Agioi Theodoroi participates in the evening, while the creator and performer Giannis Lebesis will be on stage, presenting beloved rebetiko and folk songs. The musical direction has been undertaken by Makis Psaradellis, contributing with his experience and artistic presence to a high-level evening.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- POSTER IMAGE CONTAINER WITH LOGO &amp; SOURCE LINK --&gt;
          &lt;div class=&quot;my-6 bg-[#ffffff] dark:bg-stone-900 p-[0.75em] rounded-[1.5em] shadow-[0_15px_25px_rgba(0,0,0,0.06)] border border-[#e7e5e4] dark:border-stone-800 max-w-[540px] mx-auto&quot;&gt;
            &lt;div class=&quot;relative w-full overflow-hidden rounded-[1em]&quot;&gt;
              &lt;img src=&quot;https://www.loutrakiblog.gr/wp-content/uploads/2026/07/rempetiko.jpg&quot; alt=&quot;Έβγα στο παραθύρι σου - Αφίσα&quot; class=&quot;w-full h-auto block object-contain mx-auto&quot;&gt;
              &lt;div class=&quot;absolute bottom-[1rem] right-[1rem] bg-black bg-opacity-65 text-[#ffffff] text-[0.725em] px-[1em] py-[0.4em] rounded-[0.5em] backdrop-blur-sm font-sans shadow-md&quot;&gt;
                Πηγή: &lt;a href=&quot;https://www.loutrakiblog.gr/wp-content/uploads/2026/07/rempetiko.jpg&quot; target=&quot;_blank&quot; class=&quot;text-white underline&quot;&gt;www.loutrakiblog.gr&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class=&quot;mt-4 text-center font-sans&quot;&gt;
              &lt;a href=&quot;https://www.loutrakiblog.gr&quot; 
                 target=&quot;_blank&quot; 
                 class=&quot;inline-flex items-center gap-2 px-6 py-2.5 bg-[#c2410c] hover:bg-[#a13309] text-[#ffffff] font-orbitron font-bold text-[0.8em] tracking-wide rounded-[0.75em] transition-all transform hover:-translate-y-0.5 shadow-md&quot;&gt;
                &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μετάβαση στο Loutraki Blog&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Visit Loutraki Blog&lt;/span&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;

          &lt;!-- PARAGRAPH 4 --&gt;
          &lt;div class=&quot;text-[1.15em] md:text-[1.25em] leading-relaxed&quot;&gt;
            &lt;p&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Η εκδήλωση θα πραγματοποιηθεί στον προαύλιο χώρο του Δεύτερου Δημοτικού Σχολείου Αγίων Θεοδώρων, με ώρα έναρξης 20:30, προσφέροντας μια όμορφη καλοκαιρινή συνάντηση για όλους όσοι αγαπούν το ελληνικό τραγούδι, την παράδοση και τον πολιτισμό.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                The event will take place in the courtyard of the Second Primary School of Agioi Theodoroi, starting at 20:30, offering a beautiful summer gathering for everyone who loves Greek song, tradition and culture.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- PARAGRAPH 5 --&gt;
          &lt;div class=&quot;text-[1.15em] md:text-[1.25em] leading-relaxed pt-2&quot;&gt;
            &lt;p class=&quot;font-semibold text-[#c2410c] dark:text-[#f59e0b]&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Μια βραδιά γεμάτη μουσικές, αναμνήσεις και αυθεντική ελληνική ψυχή, που αξίζει να ζήσουν μικροί και μεγάλοι.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                An evening full of music, memories and authentic Greek soul, worth experiencing by both young and old.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-[#dfd9c4] dark:bg-stone-950 border-t border-[#dfd9c4] dark:border-stone-800 transition-colors duration-300 py-[3em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] space-y-[2em]&quot;&gt;
        
        &lt;!-- SIGNATURE CARD --&gt;
        &lt;div class=&quot;max-w-[500px] mx-auto&quot;&gt;
          &lt;div class=&quot;bg-[#ffffff] dark:bg-stone-900 p-[1.5em] rounded-[1.5em] shadow-[0_10px_15px_rgba(0,0,0,0.05)] border border-[#dfd9c4] dark:border-stone-800 text-center&quot;&gt;
            &lt;h5 class=&quot;font-jura font-bold text-[1.15em] text-[#c2410c] dark:text-[#f59e0b] mb-1&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Το Ρεμπέτικο Τραγούδι&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Rebetiko Song&lt;/span&gt;
            &lt;/h5&gt;
            &lt;p class=&quot;text-[0.95em] font-sans font-medium text-stone-700 dark:text-stone-300&quot;&gt;
              Γιώργος Γυρνάς
            &lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- COPYRIGHT SUB-FOOTER --&gt;
        &lt;div class=&quot;pt-[2em] border-t border-[#dfd9c4] dark:border-stone-800 text-center text-[0.75em] text-[#a8a29e]&quot;&gt;
          &lt;p&gt;© 2026. Επιμέλεια Το Ρεμπέτικο Τραγούδι. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- Non-blocking Toast Notification popup --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-[#c2410c] text-[#ffffff] py-[0.75em] px-[1.25em] rounded-[0.5em] shadow-[0_20px_25px_rgba(0,0,0,0.15)] flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-bell text-[1.25em] text-brand-amber&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- DYNAMIC INTERACTION SCRIPTS --&gt;
  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
    };

    // Scroll progress bar
    function setupScrollProgress() {
      document.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop;
        const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
        const progress = (scrollTop / height) * 100;
        document.getElementById(&#39;progress-bar&#39;).style.width = progress + &quot;%&quot;;
      });
    }

    // Language Toggle and Scroll logic
    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
      }
    }

    // Theme Selector
    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.9em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.9em]&quot;;
      }
    }

    // Clean inline notifications
    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/rempetiki-vradia-agioi-theodoroi-2-augoustou-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-761965317001832296</guid><pubDate>Wed, 15 Jul 2026 10:36:42 +0000</pubDate><atom:updated>2026-07-15T13:36:42.357+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Πολιτισμός-Βιβλίο-Θέατρο-Σινεμα-TV</category><category domain="http://www.blogger.com/atom/ns#">Σωτηρία Μπέλλου</category><title>6. Σωτηρία Μπέλλου: Όσα γνωρίζουμε για τη νέα σειρά που θα ζωντανέψει τη ζωή της.</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Σωτηρία Μπέλλου - Η ζωή της γίνεται τηλεοπτική σειρά&lt;/title&gt;
    &lt;!-- Tailwind CSS for robust modern layout structure --&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;!-- Premium Google Fonts --&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Audiowide&amp;family=EB+Garamond:ital,wght@0,400..700;1,400..700&amp;family=Playfair+Display:ital,wght@0,600;0,700;1,600&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    
    &lt;style&gt;
        body {
            background-color: #f1f3f5;
            padding: 2rem 1rem;
        }

        .cin-wrapper {
            font-family: &#39;EB Garamond&#39;, serif;
            max-width: 760px;
            margin: 0 auto;
            background: #fafafb;
            color: #1e293b;
            padding: 0;
            border: 1px solid #e2e8f0;
            box-shadow: 0 15px 35px rgba(30, 41, 59, 0.1);
            border-radius: 12px;
            overflow: hidden;
        }

        /* Thinner Sleek Topbar with zero gap integration */
        .cin-wrapper .topbar {
            background: #1e293b;
            border-bottom: 1px solid #0f172a;
            padding: 10px 18px; /* Slimmer padding as requested */
            font-size: 0.88rem;
            color: #f1f5f9;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            border-radius: 12px 12px 0 0;
        }

        .cin-wrapper .topbar-left {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }

        /* Accentless Uppercase technical labels */
        .cin-wrapper .topbar .label {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.72rem;
            color: #d97706; /* Bronze Gold accent */
            letter-spacing: 0.08em;
        }

        .cin-wrapper .topbar .sep {
            color: #475569;
        }

        .cin-wrapper .topbar-right {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        /* Interactive Action Buttons inside the Topbar */
        .cin-wrapper .action-btn {
            background: rgba(241, 245, 249, 0.08);
            color: #f1f5f9;
            border: 1px solid rgba(241, 245, 249, 0.2);
            border-radius: 6px;
            padding: 5px 10px;
            font-size: 0.75rem;
            font-weight: bold;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            transition: all 0.2s ease;
        }

        .cin-wrapper .action-btn:hover {
            background: #d97706;
            border-color: #b45309;
            color: #ffffff;
        }

        .cin-wrapper .action-btn svg {
            width: 14px;
            height: 14px;
            fill: currentColor;
        }

        /* Hero image section - touching the topbar perfectly */
        .cin-wrapper .cin-hero {
            position: relative;
            width: 100%;
            background: #0f172a;
            overflow: hidden;
        }

        .cin-wrapper .cin-hero img {
            display: block;
            width: 100%;
            height: auto;
            cursor: zoom-in;
            transition: transform 0.4s ease;
        }

        .cin-wrapper .cin-hero img:hover {
            transform: scale(1.015);
        }

        .cin-wrapper .cin-credits {
            font-size: 13px;
            color: #64748b;
            text-align: right;
            padding: 10px 24px 14px 24px;
            font-style: italic;
            border-bottom: 1px solid #e2e8f0;
            background: #f8fafc;
        }

        /* Main post body typography styling */
        .cin-wrapper .cin-body {
            padding: 34px 38px;
        }

        /* Lead Paragraph: short, bold, italic */
        .cin-wrapper .cin-lead {
            font-size: 23px;
            font-weight: bold;
            font-style: italic;
            line-height: 1.6;
            color: #b45309; /* Deep golden bronze */
            margin-bottom: 24px;
            border-left: 4px solid #d97706;
            padding-left: 18px;
        }

        .cin-wrapper p {
            font-size: 19px;
            line-height: 1.85;
            color: #334155;
            margin-bottom: 22px;
            text-align: justify;
        }

        /* Custom Author card for Katerina Poulopoulou */
        .cin-wrapper .author-card {
            background: linear-gradient(135deg, #f8fafc 0%, #fafafb 100%);
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 16px 20px;
            margin: 28px 0;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .cin-wrapper .author-avatar {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            border: 2px solid #d97706;
            background: #f1f5f9;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: &#39;Playfair Display&#39;, serif;
            font-weight: bold;
            font-size: 18px;
            color: #b45309;
        }

        .cin-wrapper .author-info {
            display: flex;
            flex-direction: column;
        }

        .cin-wrapper .author-label {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #d97706;
            font-weight: bold;
        }

        .cin-wrapper .author-name {
            font-size: 17px;
            font-weight: bold;
            color: #1e293b;
            text-decoration: none;
            transition: color 0.2s;
        }

        .cin-wrapper .author-name:hover {
            color: #d97706;
        }

        /* Cinematic Biography Card for Katia Gkoulioni */
        .cin-wrapper .bio-card {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            padding: 24px;
            margin: 36px 0;
            display: flex;
            flex-direction: column;
            gap: 20px;
            box-shadow: inset 0 0 15px rgba(30, 41, 59, 0.02);
        }

        @media (min-width: 640px) {
            .cin-wrapper .bio-card {
                flex-direction: row;
                align-items: flex-start;
            }
        }

        .cin-wrapper .bio-img-wrap {
            flex-shrink: 0;
            width: 140px;
            height: 175px;
            border-radius: 6px;
            overflow: hidden;
            border: 3px solid #ffffff;
            box-shadow: 0 4px 12px rgba(30, 41, 59, 0.1);
            margin: 0 auto;
            background: #e2e8f0;
            cursor: zoom-in;
        }

        .cin-wrapper .bio-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .cin-wrapper .bio-details {
            flex-grow: 1;
        }

        .cin-wrapper .bio-title {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: #d97706;
            font-weight: bold;
            margin-bottom: 4px;
        }

        .cin-wrapper .bio-name {
            font-size: 21px;
            font-weight: bold;
            color: #0f172a;
            margin-bottom: 12px;
            line-height: 1.2;
        }

        .cin-wrapper .bio-text {
            font-size: 16px;
            line-height: 1.7;
            color: #475569;
            margin-bottom: 14px;
        }

        .cin-wrapper .bio-link {
            font-size: 15px;
            font-weight: bold;
            color: #d97706;
            text-decoration: underline;
            transition: color 0.2s;
        }

        .cin-wrapper .bio-link:hover {
            color: #b45309;
        }

        /* Elegant Footer Source button */
        .cin-wrapper a.cin-footer-btn {
            display: block;
            width: 100%;
            box-sizing: border-box;
            font-family: &#39;Audiowide&#39;, sans-serif;
            font-size: 1.8rem;
            text-align: center;
            background: #1e293b;
            color: #f1f5f9;
            text-decoration: none;
            padding: 22px 10px;
            margin-top: 40px;
            letter-spacing: 1px;
            border-top: 1px solid #0f172a;
            transition: all 0.25s ease;
        }

        .cin-wrapper a.cin-footer-btn:hover {
            background: #d97706;
            color: #ffffff;
        }

        /* Clipboard Copy Feedback Toast */
        #share-toast {
            position: fixed;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%) translateY(100px);
            background: #1e293b;
            color: #ffffff;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 0.95rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 9999999;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: flex;
            align-items: center;
            gap: 8px;
            border: 1px solid #475569;
        }

        #share-toast.show {
            transform: translateX(-50%) translateY(0);
        }

        /* Lightbox Overlay */
        #lightbox-cin {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(15, 23, 42, 0.95);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 999999;
        }

        #lightbox-cin img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 8px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.5);
            border: 4px solid #ffffff;
        }

        /* Hidden elements specifically for Printing */
        @media print {
            body {
                background: white;
                color: black;
                padding: 0;
            }
            .cin-wrapper {
                border: none;
                box-shadow: none;
                max-width: 100%;
            }
            .topbar, .font-controls, .author-card, .cin-footer-btn, #lightbox-cin {
                display: none !important;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;article class=&quot;cin-wrapper&quot;&gt;
        &lt;!-- TOP BAR (Zero-gap connection with the element below) --&gt;
        &lt;div class=&quot;topbar&quot;&gt;
            &lt;div class=&quot;topbar-left&quot;&gt;
                &lt;span class=&quot;label&quot;&gt;ΚΕΙΜΕΝΟ:&lt;/span&gt; &lt;span&gt;iefimerida.gr&lt;/span&gt;
                &lt;span class=&quot;sep&quot;&gt;•&lt;/span&gt;
                &lt;span data-reading-time&gt;υπολογισμός…&lt;/span&gt;
            &lt;/div&gt;
            
            &lt;div class=&quot;topbar-right&quot;&gt;
                &lt;!-- Resizing Controls --&gt;
                &lt;button class=&quot;action-btn&quot; onclick=&quot;adjustFontSizeCin(1)&quot; title=&quot;Αύξηση γραμματοσειράς&quot;&gt;A+&lt;/button&gt;
                &lt;button class=&quot;action-btn&quot; onclick=&quot;adjustFontSizeCin(-1)&quot; title=&quot;Μείωση γραμματοσειράς&quot;&gt;A-&lt;/button&gt;
                
                &lt;!-- Print Trigger Button --&gt;
                &lt;button class=&quot;action-btn&quot; onclick=&quot;printArticle()&quot; title=&quot;Εκτύπωση άρθρου&quot;&gt;
                    &lt;svg viewBox=&quot;0 0 24 24&quot;&gt;
                        &lt;path d=&quot;M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z&quot;/&gt;
                    &lt;/svg&gt;
                    &lt;span&gt;Εκτύπωση&lt;/span&gt;
                &lt;/button&gt;

                &lt;!-- Copy Link/Share Trigger Button --&gt;
                &lt;button class=&quot;action-btn&quot; onclick=&quot;shareArticle(event)&quot; title=&quot;Κοινοποίηση άρθρου&quot;&gt;
                    &lt;svg viewBox=&quot;0 0 24 24&quot;&gt;
                        &lt;path d=&quot;M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z&quot;/&gt;
                    &lt;/svg&gt;
                    &lt;span&gt;Κοινοποίηση&lt;/span&gt;
                &lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- HERO IMAGE (Touches top bar perfectly with no gap) --&gt;
        &lt;div class=&quot;cin-hero&quot;&gt;
            &lt;img src=&quot;https://www.iefimerida.gr/sites/default/files/styles/big_article_image/public/2026-07/gulioni-ston-rolo-tis-belou.png.webp?itok=91EqG44u&quot; 
                 alt=&quot;Κάτια Γκουλιώνη ως Σωτηρία Μπέλλου&quot;
                 onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/760x420/1e293b/d97706?text=%CE%A3%CF%89%CF%84%CE%B7%CF%81%CE%AF%CE%B1+%CE%9C%CF%80%CE%AC%CE%BB%CE%BB%CE%BF%CF%85&#39;;&quot;
                 onclick=&quot;openLightboxCin(this.src)&quot;&gt;
        &lt;/div&gt;
        &lt;div class=&quot;cin-credits&quot;&gt;Φωτογραφία: iefimerida.gr / StagesNetwork&lt;/div&gt;

        &lt;!-- POST BODY TEXT --&gt;
        &lt;div class=&quot;cin-body&quot;&gt;

            &lt;!-- First Paragraph: Short, Bold, Italic as requested --&gt;
            &lt;p class=&quot;cin-lead&quot;&gt;Η ζωή της κορυφαίας ερμηνεύτριας του Ελληνικού τραγουδιού Σωτηρίας Μπέλλου μεταφέρεται για πρώτη φορά στη μικρή οθόνη σε μία σειρά οκτώ επεισοδίων.&lt;/p&gt;

            &lt;p&gt;Η μεγάλη τηλεοπτική παραγωγή για τη ζωή και τα τραγούδια της Σωτηρίας Μπέλλου βρίσκεται ήδη στο στάδιο της προετοιμασίας.&lt;/p&gt;

            &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

            &lt;!-- SIGNATURE AUTHOR CARD (Katerina Poulopoulou) --&gt;
            &lt;div class=&quot;author-card&quot;&gt;
                &lt;div class=&quot;author-avatar&quot;&gt;ΚΠ&lt;/div&gt;
                &lt;div class=&quot;author-info&quot;&gt;
                    &lt;span class=&quot;author-label&quot;&gt;Συντάκτρια&lt;/span&gt;
                    &lt;a class=&quot;author-name&quot; href=&quot;https://www.iefimerida.gr/author/katerina-poylopoyloy&quot; target=&quot;_blank&quot;&gt;Κατερίνα Πουλοπούλου&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;p&gt;Τον εμβληματικό ρόλο της Σωτηρίας Μπέλλου θα ερμηνεύσει η Κάτια Γκουλιώνη, που ήταν αφοπλιστική στη θεατρική παράσταση «Σωτηρία, με λένε» ενώ έκανε τεράστια επιτυχία στην ταινία «Ευτυχία» στον ρόλο της Ευτυχίας Παπαγιαννιπούλου σε νεαρή ηλικία. Στο καστ της σειράς συμμετέχουν πολλοί ακόμη σημαντικοί πρωταγωνιστές που θα ανακοινωθούν άμεσα.&lt;/p&gt;

            &lt;!-- CINEMATIC BIOGRAPHY CARD --&gt;
            &lt;div class=&quot;bio-card&quot;&gt;
                &lt;div class=&quot;bio-img-wrap&quot; onclick=&quot;openLightboxCin(&#39;https://www.unstage.gr/images/people/katia-gkoulioni00004-Rp3GBy-200x_.jpeg?token=62c962160df6050de1fdef6cf6146f71&#39;)&quot;&gt;
                    &lt;img src=&quot;https://www.unstage.gr/images/people/katia-gkoulioni00004-Rp3GBy-200x_.jpeg?token=62c962160df6050de1fdef6cf6146f71&quot; 
                         alt=&quot;Κάτια Γκουλιώνη&quot; 
                         onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/140x175/e2e8f0/1e293b?text=%CE%9A%CE%93&#39;;&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bio-details&quot;&gt;
                    &lt;div class=&quot;bio-title&quot;&gt;Βιογραφικό Πρωταγωνίστριας&lt;/div&gt;
                    &lt;div class=&quot;bio-name&quot;&gt;Κάτια Γκουλιώνη&lt;/div&gt;
                    &lt;p class=&quot;bio-text&quot;&gt;
                        Η Μαριάνθη (Κάτια) Γκουλιώνη γεννήθηκε το 1981 στην Αθήνα. Είναι αριστούχος απόφοιτος της Δραματικής Σχολής Αθηνών του Γ. Θεοδοσιάδη (2004). Έχει διακριθεί επανειλημμένα για τις κορυφαίες, δωρικές ερμηνείες της στο ελληνικό θέατρο και τον κινηματογράφο.
                    &lt;/p&gt;
                    &lt;a href=&quot;https://www.unstage.gr/sintelestes/katia-gkoyliwnh/bio&quot; target=&quot;_blank&quot; class=&quot;bio-link&quot;&gt;
                        Πλήρης Βιογραφία στο Unstage.gr
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;p&gt;Πρόκειται για μια σειρά υψηλών προδιαγραφών που θα αφηγηθεί την πολυτάραχη ζωή της σπουδαίας λαϊκής τραγουδίστριας, φωτίζοντας τόσο τη μοναδική καλλιτεχνική της διαδρομή όσο και την προσωπικότητα μιας γυναίκας που έζησε με πάθος, αξιοπρέπεια και ασυμβίβαστο χαρακτήρα, αφήνοντας ανεξίτηλο αποτύπωμα στην ιστορία του ελληνικού τραγουδιού.&lt;/p&gt;

            &lt;p&gt;Τα αποκλειστικά δικαιώματα αξιοποίησης της προσωπικότητας και του έργου της Σωτηρίας Μπέλλου διαχειρίζεται η StagesNetwork.&lt;/p&gt;

            &lt;p&gt;Η σειρά θα αναβιώσει μια ολόκληρη εποχή της νεότερης ελληνικής ιστορίας, αναδεικνύοντας τις μεγάλες μουσικές διαδρομές, τις ανθρώπινες σχέσεις, τις κοινωνικές αλλαγές και τις προσωπικές δοκιμασίες που σημάδεψαν τη ζωή της σπουδαίας ερμηνεύτριας.&lt;/p&gt;

            &lt;p&gt;Με κινηματογραφική αισθητική, υψηλό επίπεδο παραγωγής και σεβασμό στα ιστορικά γεγονότα, φιλοδοξεί να αποτελέσει μία ελληνική τηλεοπτική παραγωγή ορόσημο των τελευταίων ετών.&lt;/p&gt;

            &lt;p&gt;Τη σκηνοθεσία θα υπογράψει η Ζωή Σγουρού, ενώ το σενάριο υπογράφει ο Παναγιώτης Χριστόπουλος. Την επιμέλεια της σειράς έχει αναλάβει ο Σταύρος Στάγκος και την προετοιμασία της σειράς η Τζένη Αθανασοπούλου «Head of production» της Primavisione. Την παραγωγή της σειράς υπογράφει ο Διονύσης Παναγιωτάκης.&lt;/p&gt;

        &lt;/div&gt;

        &lt;!-- FOOTER SIGNATURE &amp; OUTSIDE LINK --&gt;
        &lt;a class=&quot;cin-footer-btn&quot; href=&quot;https://www.iefimerida.gr/politismos/sotiria-mpelloy-i-zoi-tis-ginetai-tileoptiki-seira&quot; target=&quot;_blank&quot;&gt;
            Source: iefimerida.gr
        &lt;/a&gt;
    &lt;/article&gt;

    &lt;!-- LIGHTBOX SYSTEM --&gt;
    &lt;div id=&quot;lightbox-cin&quot; onclick=&quot;closeLightboxCin()&quot;&gt;
        &lt;img id=&quot;lightbox-cin-img&quot; src=&quot;&quot; alt=&quot;Προβολή εικόνας&quot;&gt;
    &lt;/div&gt;

    &lt;!-- SHARE SYSTEM TOAST FEEDBACK --&gt;
    &lt;div id=&quot;share-toast&quot;&gt;
        &lt;svg viewBox=&quot;0 0 24 24&quot; class=&quot;w-5 h-5 fill-green-400&quot;&gt;
            &lt;path d=&quot;M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z&quot;/&gt;
        &lt;/svg&gt;
        &lt;span&gt;Ο σύνδεσμος του άρθρου αντιγράφηκε επιτυχώς!&lt;/span&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Automatic Reading Time Calculator
        document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
            const article = document.querySelector(&quot;.cin-wrapper&quot;);
            if (!article) return;
            
            const text = article.innerText.trim();
            const words = text.split(/\s+/).length;
            const minutes = Math.max(1, Math.ceil(words / 195)); // Custom Greek reading index
            
            const target = document.querySelector(&quot;[data-reading-time]&quot;);
            if (target) {
                target.textContent = minutes + &quot; λεπτά ανάγνωσης&quot;;
            }
        });

        // Responsive Font Size Adjuster
        function adjustFontSizeCin(delta) {
            const root = document.querySelector(&#39;.cin-wrapper&#39;);
            if (!root) return;
            const current = parseFloat(window.getComputedStyle(root).fontSize);
            const newSize = Math.max(12, Math.min(30, current + delta));
            root.style.fontSize = newSize + &#39;px&#39;;
        }

        // Print Article Trigger
        function printArticle() {
            window.print();
        }

        // Copy Article URL to Clipboard and show toast notification
        function shareArticle(event) {
            event.preventDefault();
            
            // Try to copy current or source link to clipboard safely using execCommand fallback
            const dummyInput = document.createElement(&quot;input&quot;);
            document.body.appendChild(dummyInput);
            dummyInput.value = &quot;https://www.iefimerida.gr/politismos/sotiria-mpelloy-i-zoi-tis-ginetai-tileoptiki-seira&quot;;
            dummyInput.select();
            document.execCommand(&quot;copy&quot;);
            document.body.removeChild(dummyInput);

            // Show Toast feedback
            const toast = document.getElementById(&#39;share-toast&#39;);
            if (toast) {
                toast.classList.add(&#39;show&#39;);
                setTimeout(() =&gt; {
                    toast.classList.remove(&#39;show&#39;);
                }, 3000);
            }
        }

        // Lightbox Trigger functions
        function openLightboxCin(src) {
            const lightbox = document.getElementById(&#39;lightbox-cin&#39;);
            const img = document.getElementById(&#39;lightbox-cin-img&#39;);
            if (lightbox &amp;&amp; img) {
                img.src = src;
                lightbox.style.display = &#39;flex&#39;;
            }
        }

        function closeLightboxCin() {
            const lightbox = document.getElementById(&#39;lightbox-cin&#39;);
            if (lightbox) {
                lightbox.style.display = &#39;none&#39;;
            }
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/sotiria-bellou-tileoptiki-seira-katia-gkoulioni-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-1274779839718631587</guid><pubDate>Sat, 11 Jul 2026 16:14:09 +0000</pubDate><atom:updated>2026-07-11T19:14:09.333+03:00</atom:updated><title>Αύριο: Μεγάλη βραδιά ρεμπέτικου στην Καλλιθέα με τον Μανώλη Καραντίνη και ελεύθερη είσοδο.</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Μανώλης Καραντίνης - Η πορεία του μπουζουκιού στην Καλλιθέα&lt;/title&gt;
    &lt;!-- Tailwind CSS for robust layout and spacing utilities --&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;!-- Premium Web Fonts for vintage/cultural editorial aesthetics --&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&amp;family=EB+Garamond:ital,wght@0,400..700;1,400..700&amp;family=Audiowide&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    
    &lt;style&gt;
        body {
            background-color: #f7f3ed;
            padding: 2rem 1rem;
        }

        .kal-wrapper {
            font-family: &#39;EB Garamond&#39;, serif;
            max-width: 760px;
            margin: 0 auto;
            background: #fdfaf6;
            color: #2c2520;
            padding: 0;
            border: 1px solid #e1d5c3;
            box-shadow: 0 20px 45px rgba(181, 163, 142, 0.35);
            border-radius: 12px;
            overflow: hidden;
        }

        /* Top bar styling - Warm Terracotta/Rust theme, seamless touch with hero */
        .kal-wrapper .topbar {
            background: #ad4a26;
            border-bottom: 1px solid #943d1d;
            padding: 14px 22px;
            font-size: 0.9rem;
            color: #fdfaf6;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            border-radius: 12px 12px 0 0;
        }

        .kal-wrapper .topbar-info {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        /* Technical Labels: Uppercase, accentless as requested */
        .kal-wrapper .topbar .label {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.72rem;
            color: #fce8d5;
            letter-spacing: 0.08em;
        }

        .kal-wrapper .topbar .sep {
            color: #d6896b;
        }

        /* Elegant Font Scale controls integrated nicely on the right */
        .kal-wrapper .font-controls {
            display: flex;
            gap: 8px;
        }

        .kal-wrapper .font-btn {
            background: rgba(253, 250, 246, 0.12);
            color: #fdfaf6;
            border: 1px solid rgba(253, 250, 246, 0.25);
            border-radius: 6px;
            padding: 4px 12px;
            font-size: 0.8rem;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .kal-wrapper .font-btn:hover {
            background: #fdfaf6;
            color: #ad4a26;
            box-shadow: 0 0 10px rgba(253, 250, 246, 0.2);
        }

        /* Hero Image - Zero Gap seamless connection */
        .kal-wrapper .kal-hero {
            position: relative;
            width: 100%;
            background: #ebdcc9;
            overflow: hidden;
        }

        .kal-wrapper .kal-hero img {
            display: block;
            width: 100%;
            height: auto;
            cursor: zoom-in;
            transition: transform 0.4s ease;
        }

        .kal-wrapper .kal-hero img:hover {
            transform: scale(1.02);
        }

        .kal-wrapper .kal-credits {
            font-size: 13px;
            color: #7d6b58;
            text-align: right;
            padding: 10px 24px 14px 24px;
            font-style: italic;
            border-bottom: 1px solid #e1d5c3;
            background: #f5ece0;
        }

        /* Content block adjustment */
        .kal-wrapper .kal-body {
            padding: 34px 38px;
        }

        /* First Paragraph: Short, Bold, Italic as requested */
        .kal-wrapper .kal-lead {
            font-size: 24px;
            font-weight: bold;
            font-style: italic;
            line-height: 1.6;
            color: #ad4a26;
            margin-bottom: 24px;
            border-left: 4px solid #ad4a26;
            padding-left: 18px;
        }

        .kal-wrapper p {
            font-size: 19px;
            line-height: 1.85;
            color: #3d342e;
            margin-bottom: 22px;
            text-align: justify;
        }

        /* Custom Author Card for notia team */
        .kal-wrapper .author-card {
            background: linear-gradient(135deg, #f5ece0 0%, #fdfaf6 100%);
            border: 1px solid #e1d5c3;
            border-radius: 8px;
            padding: 16px 20px;
            margin: 28px 0;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .kal-wrapper .author-avatar {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            border: 2px solid #ad4a26;
            background: #ebdcc9;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: &#39;Cinzel&#39;, serif;
            font-weight: bold;
            font-size: 18px;
            color: #ad4a26;
        }

        .kal-wrapper .author-info {
            display: flex;
            flex-direction: column;
        }

        .kal-wrapper .author-label {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #ad4a26;
            font-weight: bold;
        }

        .kal-wrapper .author-name {
            font-size: 18px;
            font-weight: bold;
            color: #2c2520;
            text-decoration: none;
            transition: color 0.2s;
        }

        .kal-wrapper .author-name:hover {
            color: #ad4a26;
        }

        /* Elegant Thematic Card for Event Details */
        .kal-wrapper .event-details-card {
            background: #fbf5ed;
            border: 1px solid #ebdcc9;
            border-radius: 10px;
            padding: 24px;
            margin: 36px 0;
            box-shadow: inset 0 0 12px rgba(173, 74, 38, 0.03);
        }

        .kal-wrapper .event-title {
            font-family: &#39;Cinzel&#39;, serif;
            font-size: 1.35rem;
            font-weight: bold;
            color: #ad4a26;
            border-bottom: 2px solid #ad4a26;
            padding-bottom: 10px;
            margin-bottom: 18px;
            text-align: center;
        }

        .kal-wrapper .event-row {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            border-bottom: 1px dashed #ebdcc9;
            font-size: 1.1rem;
        }

        .kal-wrapper .event-row:last-child {
            border-bottom: none;
        }

        .kal-wrapper .event-label {
            font-weight: bold;
            color: #ad4a26;
        }

        .kal-wrapper .event-value {
            color: #3d342e;
            text-align: right;
        }

        /* Beautiful Thematic Quote block */
        .kal-wrapper .kal-quote {
            background: linear-gradient(90deg, #f5ece0 0%, #fdfaf6 100%);
            border-left: 4px solid #ad4a26;
            padding: 24px 28px;
            margin: 32px 0;
            border-radius: 0 8px 8px 0;
            position: relative;
        }

        .kal-wrapper .kal-quote p {
            font-style: italic;
            font-size: 21px;
            color: #5c2d1b;
            margin: 0;
            line-height: 1.6;
        }

        .kal-wrapper .kal-quote .quote-icon {
            font-family: &#39;EB Garamond&#39;, serif;
            font-size: 55px;
            color: rgba(173, 74, 38, 0.12);
            position: absolute;
            top: -10px;
            left: 10px;
            pointer-events: none;
        }

        /* Poster Frame Section */
        .kal-wrapper .poster-showcase {
            background: #ebdcc9;
            border: 1px solid #e1d5c3;
            border-radius: 10px;
            padding: 24px;
            margin: 36px 0;
            text-align: center;
            box-shadow: 0 10px 30px rgba(181, 163, 142, 0.2);
        }

        .kal-wrapper .poster-title {
            font-family: &#39;Cinzel&#39;, serif;
            font-size: 16px;
            color: #ad4a26;
            font-weight: bold;
            margin-bottom: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .kal-wrapper .poster-container {
            max-width: 320px;
            margin: 0 auto;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 12px 28px rgba(0,0,0,0.15);
            border: 5px solid #ffffff;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }

        .kal-wrapper .poster-container:hover {
            transform: scale(1.025);
        }

        /* Premium Source button (Footer style) with Audiowide font */
        .kal-wrapper a.kal-footer-btn {
            display: block;
            width: 100%;
            box-sizing: border-box;
            font-family: &#39;Audiowide&#39;, sans-serif;
            font-size: 1.8rem;
            text-align: center;
            background: #ad4a26;
            color: #fdfaf6;
            text-decoration: none;
            padding: 22px 10px;
            margin-top: 40px;
            letter-spacing: 1px;
            border-top: 1px solid #943d1d;
            transition: all 0.25s ease;
        }

        .kal-wrapper a.kal-footer-btn:hover {
            background: #943d1d;
            color: #fdfaf6;
        }

        /* Lightbox Overlay */
        #lightbox-kal {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(44, 37, 32, 0.96);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 999999;
        }

        #lightbox-kal img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 8px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.5);
            border: 4px solid #ffffff;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;article class=&quot;kal-wrapper&quot;&gt;
        &lt;!-- TOP BAR (Zero-gap connection with the element below) --&gt;
        &lt;div class=&quot;topbar&quot;&gt;
            &lt;div class=&quot;topbar-info&quot;&gt;
                &lt;span class=&quot;label&quot;&gt;11/07/2026&lt;/span&gt; &lt;span&gt;&lt;/span&gt;
                &lt;span class=&quot;sep&quot;&gt;•&lt;/span&gt;
                &lt;span class=&quot;label&quot;&gt;ΣΥΓΓΡΑΦΕΑΣ:&lt;/span&gt; &lt;span&gt;notia team&lt;/span&gt;
                &lt;span class=&quot;sep&quot;&gt;•&lt;/span&gt;
                &lt;span data-reading-time&gt;υπολογισμός…&lt;/span&gt;
            &lt;/div&gt;
            &lt;!-- Interactive font adjustment controls --&gt;
            &lt;div class=&quot;font-controls&quot;&gt;
                &lt;button class=&quot;font-btn&quot; onclick=&quot;adjustFontSizeKal(1)&quot;&gt;A+&lt;/button&gt;
                &lt;button class=&quot;font-btn&quot; onclick=&quot;adjustFontSizeKal(-1)&quot;&gt;A-&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- HERO IMAGE (Touches top bar perfectly) --&gt;
        &lt;div class=&quot;kal-hero&quot;&gt;
            &lt;img src=&quot;https://www.notia.gr/wp-content/uploads/2026/07/karantiniskallithea-580x331.jpg&quot; 
                 alt=&quot;Μανώλης Καραντίνης στην Καλλιθέα&quot;
                 onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/760x420/ebdcc9/ad4a26?text=%CE%9C%CE%B1%CE%BD%CF%8E%CE%BB%CE%B7%CF%82+%CE%9A%CE%B1%CF%81%CE%B1%CE%BD%CF%84%CE%AF%CE%BD%CE%B7%CF%82&#39;;&quot;
                 onclick=&quot;openLightboxKal(this.src)&quot;&gt;
        &lt;/div&gt;
        &lt;div class=&quot;kal-credits&quot;&gt;Φωτογραφία: Notia.gr / Πολιτιστικό Αρχείο Καλλιθέας&lt;/div&gt;

        &lt;!-- POST BODY TEXT --&gt;
        &lt;div class=&quot;kal-body&quot;&gt;

            &lt;!-- First Paragraph: Short, Bold, Italic as requested --&gt;
            &lt;p class=&quot;kal-lead&quot;&gt;Ένα ξεχωριστό μουσικό τριήμερο αφιερωμένο στο ρεμπέτικο τραγούδι κορυφώνεται την προσεχή Κυριακή στην Καλλιθέα, προσφέροντας στους λάτρεις της ελληνικής μουσικής παράδοσης μια μοναδική πολιτιστική εμπειρία.&lt;/p&gt;

            &lt;p&gt;Στο επίκεντρο των εκδηλώσεων «Καλοκαίρι στην Καλλιθέα 2026», που διοργανώνει ο Δήμος Καλλιθέας, βρίσκεται η πολυαναμενόμενη μουσική παράσταση με τίτλο «Η πορεία του μπουζουκιού: Από το ρεμπέτικο στο λαϊκό».&lt;/p&gt;

            &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;

            &lt;!-- SIGNATURE AUTHOR CARD (notia team / gfrimis) --&gt;
            &lt;div class=&quot;author-card&quot;&gt;
                &lt;div class=&quot;author-avatar&quot;&gt;NT&lt;/div&gt;
                &lt;div class=&quot;author-info&quot;&gt;
                    &lt;span class=&quot;author-label&quot;&gt;Συγγραφέας&lt;/span&gt;
                    &lt;a class=&quot;author-name&quot; href=&quot;https://www.notia.gr/author/gfrimis/&quot; target=&quot;_blank&quot;&gt;notia team&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;p&gt;Η εκδήλωση θα πραγματοποιηθεί την Κυριακή 12 Ιουλίου 2026 και ώρα 21:00, στην Πλατεία Γ. Παπαϊωάννου (πρώην Τζιτζιφιών), έναν χώρο με ιδιαίτερη ιστορική και συναισθηματική αξία για το λαϊκό και ρεμπέτικο πεντάγραμμο, καθώς η ευρύτερη περιοχή των Τζιτζιφιών έχει ταυτισει με μερικές από τις λαμπρότερες σελίδες της μουσικής μας ιστορίας.&lt;/p&gt;

            &lt;!-- CONCERT INTERACTIVE DETAILS CARD --&gt;
            &lt;div class=&quot;event-details-card&quot;&gt;
                &lt;div class=&quot;event-title&quot;&gt;Πληροφορίες Εκδήλωσης&lt;/div&gt;
                &lt;div class=&quot;event-row&quot;&gt;
                    &lt;span class=&quot;event-label&quot;&gt;Ημερομηνία&lt;/span&gt;
                    &lt;span class=&quot;event-value font-bold&quot;&gt;Κυριακή, 12 Ιουλίου 2026&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;event-row&quot;&gt;
                    &lt;span class=&quot;event-label&quot;&gt;Ώρα Έναρξης&lt;/span&gt;
                    &lt;span class=&quot;event-value&quot;&gt;21:00&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;event-row&quot;&gt;
                    &lt;span class=&quot;event-label&quot;&gt;Χώρος&lt;/span&gt;
                    &lt;span class=&quot;event-value&quot;&gt;Πλατεία Γ. Παπαϊωάννου (πρώην Τζιτζιφιών), Καλλιθέα&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class=&quot;event-row&quot;&gt;
                    &lt;span class=&quot;event-label&quot;&gt;Είσοδος&lt;/span&gt;
                    &lt;span class=&quot;event-value text-green-700 font-bold uppercase&quot;&gt;Ελεύθερη για το κοινό&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;p&gt;Στη σκηνή θα βρεθεί ο κορυφαίος σολίστ και διεθνούς φήμης δεξιοτέχνης του μπουζουκιού, Μανώλης Καραντίνης. Με την απαράμιλλη τεχνική και το πάθος του, υπόσχεται να παρασύρει το κοινό σε μια αναδρομή γεμάτη συναίσθημα, ξετυλίγοντας το νήμα της εξέλιξης του εθνικού μας οργάνου από τις απαρχές του ρεμπέτικου έως την καθιέρωση του κλασικού λαϊκού τραγουδιού. Τον μαέστρο θα συνοδεύει στο πιάνο ο καταξιωμένος μουσικοσυνθέτης και διευθυντής ορχήστρας, Γιώργος Παγιάτης, διασφαλίζοντας ένα άρτιο καλλιτεχνικό αποτέλεσμα.&lt;/p&gt;

            &lt;!-- THEATRICAL QUOTE --&gt;
            &lt;div class=&quot;kal-quote&quot;&gt;
                &lt;span class=&quot;quote-icon&quot;&gt;“&lt;/span&gt;
                &lt;p&gt;«Η πορεία του μπουζουκιού: Από το ρεμπέτικο στο λαϊκό» — Ένα ταξίδι στις χρυσές σελίδες της λαϊκής μας κληρονομιάς.&lt;/p&gt;
            &lt;/div&gt;

            &lt;p&gt;Το μουσικό σχήμα πλαισιώνεται από την ερμηνεύτρια Αγγελική Καγλή, η οποία με τη φωνή της θα ζωντανέψει διαχρονικές επιτυχίες και σπουδαία κομμάτια που σφράγισαν την ελληνική δισκογραφία. Παράλληλα, η εκδήλωση θα εμπλουτιστεί οπτικά και κινησιολογικά από τη συμμετοχή της Χορευτικής Ομάδας της Πολιτιστικής Εταιρείας Ορχηστρικής Τέχνης «ΒΑΚΧΑΙ», προσφέροντας μια ολοκληρωμένη παραδοσιακή εμπειρία που συνδυάζει τον ήχο με τον χορό.&lt;/p&gt;

            &lt;!-- POSTER SHOWCASE CARD WITH LIGHTBOX ZOOM --&gt;
            &lt;div class=&quot;poster-showcase&quot;&gt;
                &lt;div class=&quot;poster-title&quot;&gt;Επίσημη Αφίσα Εκδήλωσης&lt;/div&gt;
                &lt;div class=&quot;poster-container&quot; onclick=&quot;openLightboxKal(&#39;https://www.notia.gr/wp-content/uploads/2026/07/742096560_1531925958470946_5227653272126796256_n.jpg&#39;)&quot;&gt;
                    &lt;img src=&quot;https://www.notia.gr/wp-content/uploads/2026/07/742096560_1531925958470946_5227653272126796256_n.jpg&quot; 
                         alt=&quot;Αφίσα: Η πορεία του μπουζουκιού&quot; 
                         onerror=&quot;this.onerror=null; this.src=&#39;https://placehold.co/320x450/ebdcc9/ad4a26?text=%CE%91%CF%86%CE%AF%CF%83%CE%B1+%CE%95%CE%BA%CE%B4%CE%AE%CE%BB%CF%89%CF%83%CE%B7%CF%82&#39;;&quot;&gt;
                &lt;/div&gt;
                &lt;p class=&quot;text-sm mt-3 text-amber-900 italic m-0 font-bold&quot;&gt;Κάντε κλικ στην αφίσα για μεγέθυνση&lt;/p&gt;
            &lt;/div&gt;

            &lt;p&gt;Στο πλαίσιο της κοινωνικής και πολιτιστικής πολιτικής του Δήμου Καλλιθέας, η είσοδος για το κοινό είναι ελεύθερη, δίνοντας την ευκαιρία σε όλους τους δημότες αλλά και τους επισκέπτες της πόλης να απολαύσουν μια υψηλού επιπέδου καλλιτεχνική παραγωγή κάτω από τον αττικό καλοκαιρινό ουρανό.&lt;/p&gt;

        &lt;/div&gt;

        &lt;!-- FOOTER SIGNATURE &amp; OUTSIDE LINK --&gt;
        &lt;a class=&quot;kal-footer-btn&quot; href=&quot;https://www.notia.gr/2026/07/%CE%B7-%CF%80%CE%BF%CF%81%CE%B5%CE%AF%CE%B1-%CF%84%CE%BF%CF%85-%CE%BC%CF%80%CE%BF%CF%85%CE%B6%CE%BF%CF%85%CE%BA%CE%B9%CE%BF%CF%8D-%CE%B6%CF%89%CE%BD%CF%84%CE%B1%CE%BD%CE%B5%CF%8D%CE%B5/&quot; target=&quot;_blank&quot;&gt;
            Source: notia.gr
        &lt;/a&gt;
    &lt;/article&gt;

    &lt;!-- LIGHTBOX SYSTEM --&gt;
    &lt;div id=&quot;lightbox-kal&quot; onclick=&quot;closeLightboxKal()&quot;&gt;
        &lt;img id=&quot;lightbox-kal-img&quot; src=&quot;&quot; alt=&quot;Προβολή εικόνας&quot;&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Automatic Dynamic Reading Time Calculation
        document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
            const article = document.querySelector(&quot;.kal-wrapper&quot;);
            if (!article) return;
            
            // Extract text ignoring HTML syntax tags
            const text = article.innerText.trim();
            const words = text.split(/\s+/).length;
            const minutes = Math.max(1, Math.ceil(words / 195)); // Greek reading speed metric
            
            const target = document.querySelector(&quot;[data-reading-time]&quot;);
            if (target) {
                target.textContent = minutes + &quot; λεπτά ανάγνωσης&quot;;
            }
        });

        // Responsive Font Size Adjuster
        function adjustFontSizeKal(delta) {
            const root = document.querySelector(&#39;.kal-wrapper&#39;);
            if (!root) return;
            const current = parseFloat(window.getComputedStyle(root).fontSize);
            const newSize = Math.max(12, Math.min(30, current + delta));
            root.style.fontSize = newSize + &#39;px&#39;;
        }

        // Lightbox Trigger functions
        function openLightboxKal(src) {
            const lightbox = document.getElementById(&#39;lightbox-kal&#39;);
            const img = document.getElementById(&#39;lightbox-kal-img&#39;);
            if (lightbox &amp;&amp; img) {
                img.src = src;
                lightbox.style.display = &#39;flex&#39;;
            }
        }

        function closeLightboxKal() {
            const lightbox = document.getElementById(&#39;lightbox-kal&#39;);
            if (lightbox) {
                lightbox.style.display = &#39;none&#39;;
            }
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/avrio-kallithea-manolis-karantinis-poreia-tou-bouzoukiou-rempetiko-laiko-2026.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6396098024235315800.post-2135487732302770656</guid><pubDate>Fri, 10 Jul 2026 08:54:00 +0000</pubDate><atom:updated>2026-07-10T11:54:00.114+03:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ρεμπετικο Τραγουδι</category><category domain="http://www.blogger.com/atom/ns#">Συγκρότημα</category><category domain="http://www.blogger.com/atom/ns#">Τεκετζήδες</category><title>Τεκετζήδες: Η παρέα που έκανε το ρεμπέτικο/λαϊκό τραγούδι viral</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot; class=&quot;scroll-smooth&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Cultural Archives - Οι Τεκετζήδες &amp; το Λαϊκό Τραγούδι&lt;/title&gt;
  
  &lt;!-- Tailwind CSS CDN --&gt;
  &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
    tailwind.config = {
      darkMode: &#39;class&#39;,
      theme: {
        extend: {
          colors: {
            brand: {
              pine: &#39;#1b4332&#39;,      // Vintage Emerald/Pine (Primary)
              sage: &#39;#40916c&#39;,      // Soft sage
              mint: &#39;#d8f3dc&#39;,      // Mint accent
              gold: &#39;#d4af37&#39;,      // Warm gold
              orange: &#39;#ff5500&#39;,    // Vibrant orange
              charcoal: &#39;#111827&#39;,  // Midnight gray
              sand: &#39;#fbf9f4&#39;       // Soft vintage background
            }
          },
          fontFamily: {
            sans: [&#39;Inter&#39;, &#39;sans-serif&#39;],
            jura: [&#39;Jura&#39;, &#39;sans-serif&#39;],
            orbitron: [&#39;Orbitron&#39;, &#39;sans-serif&#39;],
            garamond: [&#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, &#39;serif&#39;],
          }
        }
      }
    }
  &lt;/script&gt;

  &lt;!-- Google Fonts --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;family=Jura:wght@400;600;700&amp;family=Orbitron:wght@500;700;900&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- FontAwesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css&quot;&gt;

  &lt;!-- BULLETPROOF CSS OVERRIDES FOR BLOGGER INHERITANCE --&gt;
  &lt;style&gt;
    #pettichat-post-wrapper * {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
    }

    #pettichat-post-wrapper {
      font-size: 14px !important;
    }
    @media (min-width: 640px) {
      #pettichat-post-wrapper {
        font-size: 16px !important;
      }
    }

    /* Light Mode Default Forces */
    #pettichat-post-wrapper {
      background-color: #fbf9f4 !important;
      color: #111827 !important;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: &#39;EB Garamond&#39;, &#39;Garamond&#39;, &#39;Georgia&#39;, serif !important;
    }
    
    #pettichat-post-wrapper p {
      color: #1c1917 !important;
    }

    /* Dark Mode Enforced Forces */
    .dark #pettichat-post-wrapper {
      background-color: #0b0f19 !important;
      color: #f3f4f6 !important;
    }

    .dark #pettichat-post-wrapper p {
      color: #e5e7eb !important;
    }

    /* Header adjustments inside Blogger wrapper */
    #pettichat-post-wrapper header {
      background-color: rgba(241, 238, 229, 0.95) !important;
      transition: background-color 0.3s ease;
    }
    .dark #pettichat-post-wrapper header {
      background-color: rgba(17, 24, 39, 0.95) !important;
      border-bottom-color: #1f2937 !important;
    }

    /* Pine/Emerald theme for the active story box */
    #pettichat-post-wrapper .intro-box-teketzides {
      background-color: #edf7f1 !important;
      border-left: 4px solid #1b4332 !important;
    }
    #pettichat-post-wrapper .intro-box-teketzides p {
      color: #14532d !important;
    }
    .dark #pettichat-post-wrapper .intro-box-teketzides {
      background-color: rgba(27, 67, 50, 0.15) !important;
      border-left: 4px solid #40916c !important;
    }
    .dark #pettichat-post-wrapper .intro-box-teketzides p {
      color: #d1fae5 !important;
    }

    /* Custom Instrument string pulse styling */
    @keyframes stringVibrate {
      0% { transform: translateY(0); }
      20% { transform: translateY(-2px); }
      40% { transform: translateY(2px); }
      60% { transform: translateY(-1px); }
      80% { transform: translateY(1px); }
      100% { transform: translateY(0); }
    }
    .string-vibrate {
      animation: stringVibrate 0.15s linear infinite;
    }

    /* Custom Scrollbar Styles */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    .dark ::-webkit-scrollbar-track {
      background: #0b0f19;
    }
    ::-webkit-scrollbar-thumb {
      background: #1b4332;
      border-radius: 4px;
    }
    .dark ::-webkit-scrollbar-thumb {
      background: #40916c;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-[#fbf9f4] text-[#111827] dark:bg-[#0b0f19] dark:text-[#f3f4f6] font-garamond transition-colors duration-300&quot;&gt;

  &lt;!-- MASTER WRAPPER --&gt;
  &lt;div id=&quot;pettichat-post-wrapper&quot; class=&quot;w-full min-h-screen rounded-[1.0em] overflow-hidden shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-[#e7e5e4] dark:border-[#1f2937]&quot;&gt;

    &lt;!-- SCROLL PROGRESS INDICATOR BAR --&gt;
    &lt;div id=&quot;progress-bar&quot; class=&quot;fixed top-0 left-0 h-[4px] bg-gradient-to-r from-[#1b4332] via-[#40916c] to-[#d4af37] w-0 z-50 transition-all duration-75&quot;&gt;&lt;/div&gt;

    &lt;!-- STICKY HEADER --&gt;
    &lt;header class=&quot;sticky top-0 z-40 w-full backdrop-blur-md border-b border-[#dfd9c4] dark:border-slate-800 transition-all duration-300&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1.5em] h-[4rem] flex items-center justify-between&quot;&gt;
        &lt;!-- Title Logo Group --&gt;
        &lt;a href=&quot;#&quot; class=&quot;flex items-center space-x-[0.5em] no-underline&quot;&gt;
          &lt;div class=&quot;w-[2.5em] h-[2.5em] rounded-full bg-gradient-to-tr from-[#1b4332] via-[#40916c] to-[#d4af37] flex items-center justify-center text-[#ffffff] shadow-[0_4px_12px_rgba(27,67,50,0.25)]&quot;&gt;
            &lt;i class=&quot;fa-solid fa-guitar text-[0.85em]&quot;&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;span class=&quot;font-orbitron font-bold tracking-wider text-[#1b4332] dark:text-[#d4af37] text-[1.15em]&quot;&gt;REBETIKO PORTAL&lt;/span&gt;
            &lt;span class=&quot;font-jura text-[0.75em] block -mt-[0.25em] uppercase tracking-widest text-[#78716c] dark:text-[#a8a29e]&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μουσικό Αρχείο &amp; Συνεντεύξεις&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Musical Archives &amp; Interviews&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/a&gt;

        &lt;!-- Controls --&gt;
        &lt;div class=&quot;flex items-center space-x-[0.75em] sm:space-x-[1em]&quot;&gt;
          &lt;!-- Translation Selector --&gt;
          &lt;button onclick=&quot;toggleLanguage()&quot; class=&quot;relative flex items-center justify-center font-orbitron font-bold text-[0.75em] bg-[#edf7f1] dark:bg-slate-800 hover:bg-[#d8f3dc] text-[#1b4332] dark:text-[#d4af37] w-[2.5em] h-[2.5em] rounded-full transition-all duration-200 focus:outline-none shadow-[0_2px_4px_rgba(0,0,0,0.05)]&quot; title=&quot;Change Language&quot;&gt;
            &lt;span id=&quot;lang-label&quot;&gt;GR&lt;/span&gt;
          &lt;/button&gt;

          &lt;!-- Dynamic Dark Mode Toggle --&gt;
          &lt;button onclick=&quot;toggleTheme()&quot; class=&quot;w-[2.5em] h-[2.5em] rounded-full bg-[#f5f5f4] dark:bg-slate-800 text-[#57534e] dark:text-[#d6d3d1] flex items-center justify-center hover:bg-[#e7e5e4] dark:hover:bg-slate-700 transition-all duration-200 focus:outline-none shadow-[0_2px_4px_rgba(0,0,0,0.05)]&quot; title=&quot;Toggle Theme&quot;&gt;
            &lt;i id=&quot;theme-icon&quot; class=&quot;fa-solid fa-moon text-[0.9em]&quot;&gt;&lt;/i&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- QUICK SECTION NAVIGATION JUMP-BAR --&gt;
    &lt;div class=&quot;bg-[#f5f2e9] dark:bg-slate-900 sticky top-[4rem] z-30 border-b border-[#dfd9c4] dark:border-slate-800 py-2.5 transition-colors duration-300&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-4 flex justify-center space-x-2 md:space-x-4&quot;&gt;
        &lt;a href=&quot;#art-teketzides&quot; class=&quot;px-3.5 py-1.5 rounded-full text-[0.8em] md:text-[0.85em] font-orbitron font-bold text-white bg-brand-sage hover:bg-brand-sage transition-all text-center flex items-center gap-1.5&quot;&gt;
          &lt;i class=&quot;fa-solid fa-people-group&quot;&gt;&lt;/i&gt;
          &lt;span class=&quot;lang-element lang-gr&quot;&gt;Το Άρθρο&lt;/span&gt;
          &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Article&lt;/span&gt;
        &lt;/a&gt;
        &lt;a href=&quot;#rebetiko-synth-lab&quot; class=&quot;px-3.5 py-1.5 rounded-full text-[0.8em] md:text-[0.85em] font-orbitron font-bold text-white bg-brand-sage hover:bg-brand-sage transition-all text-center flex items-center gap-1.5&quot;&gt;
          &lt;i class=&quot;fa-solid fa-music&quot;&gt;&lt;/i&gt;
          &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μουσικό Εργαστήρι&lt;/span&gt;
          &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Synth Lab&lt;/span&gt;
        &lt;/a&gt;
        &lt;a href=&quot;#street-support-tip-jar&quot; class=&quot;px-3.5 py-1.5 rounded-full text-[0.8em] md:text-[0.85em] font-orbitron font-bold text-white bg-brand-sage hover:bg-brand-sage transition-all text-center flex items-center gap-1.5&quot;&gt;
          &lt;i class=&quot;fa-solid fa-wallet&quot;&gt;&lt;/i&gt;
          &lt;span class=&quot;lang-element lang-gr&quot;&gt;Εικονικό Καπέλο&lt;/span&gt;
          &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Tip Jar&lt;/span&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- MAIN SINGLE ARTICLE SECTION --&gt;
    &lt;section id=&quot;art-teketzides&quot; class=&quot;py-[2.5em] scroll-mt-[7rem] transition-colors duration-300&quot;&gt;
      
      &lt;!-- HERO IMAGE --&gt;
      &lt;div class=&quot;px-[1em] sm:px-[1.5em] lg:px-[2em] pt-0&quot;&gt;
        &lt;div class=&quot;max-w-[1000px] mx-auto bg-[#ffffff] dark:bg-slate-800 p-[1em] rounded-[1.5em] shadow-[0_15px_25px_rgba(0,0,0,0.06)] border border-[#e7e5e4] dark:border-slate-700&quot;&gt;
          &lt;div class=&quot;relative w-full overflow-hidden rounded-[1em] bg-[#0c0a09]&quot;&gt;
            &lt;img src=&quot;https://www.athensvoice.gr/images/1074x600/jpg/files/2026-07-07/teketzides-00.webp&quot; alt=&quot;Οι Τεκετζήδες - Street Musicians&quot; class=&quot;w-full h-auto max-h-[440px] object-cover filter saturate-[1.05] brightness-[0.95] block&quot;&gt;
            &lt;div class=&quot;absolute bottom-[1rem] right-[1rem] bg-black bg-opacity-60 text-[#ffffff] text-[0.75em] px-[1.25em] py-[0.5em] rounded-[0.75em] backdrop-blur-sm font-jura shadow-[0_4px_6px_rgba(0,0,0,0.1)]&quot;&gt;
              Pic: &lt;a href=&quot;https://www.athensvoice.gr/politismos/mousiki/973598/teketzides-i-parea-pou-ekane-to-rebetikolaiko-tragoudi-viral/&quot; target=&quot;_blank&quot; class=&quot;text-white underline&quot;&gt;athensvoice.gr&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- MAIN CONTENT WRAPPER --&gt;
      &lt;main class=&quot;max-w-[1000px] mx-auto px-[1.25em] sm:px-[1.5em] lg:px-[2em] pt-4 pb-[1.5em] space-y-[1.5em]&quot;&gt;
        
        &lt;article class=&quot;space-y-[1.5em] mt-0 pt-0&quot;&gt;
          &lt;h2 class=&quot;font-jura font-bold text-[1.8em] md:text-[2.2em] text-brand-pine dark:text-brand-sage leading-tight tracking-tight border-b border-[#1b4332]/25 pb-2&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Οι 17χρονοι που φέρνουν το λαϊκό τραγούδι πιο κοντά στη γενιά τους&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The 17-year-olds bringing Greek folk music closer to their generation&lt;/span&gt;
          &lt;/h2&gt;

          &lt;!-- INTRO BOX WITH REDUCED TOP MARGIN --&gt;
          &lt;div class=&quot;p-[1.25em] rounded-r-[0.75em] intro-box-teketzides mt-1&quot;&gt;
            &lt;p class=&quot;text-[1.05em] md:text-[1.15em] italic font-bold leading-relaxed&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Μια από τις πιο όμορφες μουσικές ιστορίες γεννήθηκε στην Οδό Ερμού. Οι Τεκετζήδες μιλούν για τη διαδρομή τους, τις δυσκολίες, την επιτυχία και το μεγάλο όνειρό τους.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                One of the most beautiful musical stories was born on Ermou Street. The &quot;Teketzides&quot; speak about their journey, the struggles, success, and their ultimate dream.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;div class=&quot;text-[1.15em] md:text-[1.25em] leading-relaxed space-y-4&quot;&gt;
            &lt;p&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Πριν από περίπου δύο χρόνια, περπατώντας στην Ερμού, είχα σταθεί για λίγα λεπτά απέναντι από έξι παιδιά που τραγουδούσαν τα «Μπλε Παράθυρα» του Μάρκου Βαμβακάρη. Ήταν από εκείνες τις στιγμές που ο δρόμος σταματά για λίγο να είναι απλώς ένας δρόμος. Περαστικοί κοντοστέκονταν, χαμογελούσαν, τραγουδούσαν μαζί τους και τους χειροκροτούσαν. Κανείς τότε δεν μπορούσε να φανταστεί ότι εκείνη η παρέα, με το μεράκι, την αγάπη και τον σεβασμό της για το λαϊκό και το ρεμπέτικο τραγούδι, θα κατάφερνε μέσα σε τόσο σύντομο χρονικό διάστημα να αγγίξει τις καρδιές χιλιάδων ανθρώπων.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                About two years ago, walking down Ermou Street, I paused for a few minutes across from six kids singing Markos Vamvakaris&#39; &quot;Ble Parathyra&quot; (Blue Windows). It was one of those moments when the street briefly stops being just a street. Passersby lingered, smiled, sang along, and applauded. Nobody could have imagined back then that this group of friends, with their sheer passion, love, and respect for traditional folk and rebetiko music, would manage in such a short time to touch the hearts of thousands.
              &lt;/span&gt;
 &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;  
            &lt;/p&gt;
            &lt;p&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Σήμερα, οι 17χρονοι πλέον Τεκετζήδες (Αχιλλέας, Βασίλης, Γιάννης, Μάριος, Τζο και Χρήστος), έξι ταλαντούχα παιδιά που κατάφεραν να μετατρέψουν το πάθος τους σε ένα πλήρως λειτουργικό συγκρότημα και σε έμπνευση για τη γενιά τους, μετρούν περισσότερους από 60,6 χιλιάδες ακολούθους στα social media. Με αυθεντικότητα, σεμνότητα, επιμονή και αστείρευτο μεράκι, αποδεικνύουν καθημερινά ότι η μουσική δεν γνωρίζει ηλικία. Έχουν εμφανιστεί ως guests στο «Σόι» του ALPHA, έχουν ανέβει στη σκηνή δίπλα στον Γιώργο Νταλάρα, ενώ τον περασμένο Φεβρουάριο κυκλοφόρησαν μαζί του το πρώτο τους τραγούδι, το εμβληματικό «Βρέχει στη φτωχογειτονιά».
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                Today, the now 17-year-old Teketzides (Achilleas, Vasilis, Giannis, Marios, Jo, and Christos), six talented kids who transformed their passion into a fully-fledged band and an inspiration for their generation, boast over 60.6k followers on social media. Guided by authenticity, modesty, and endless spirit, they prove daily that music knows no age. They have performed as guests on ALPHA&#39;s TV show &quot;To Soi sou&quot;, stood on stage next to George Dalaras, and last February released their first joint single with him, the iconic &quot;Vrehei sti ftohogeitonia&quot;.
              &lt;/span&gt;
            &lt;/p&gt;

  

            &lt;p&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                Κι όμως, παρά την επιτυχία τους, κάθε φορά που επιστρέφουν στον δρόμο, ο κόσμος εξακολουθεί να τους περιμένει, να δημιουργεί έναν μικρό κύκλο γύρω τους, να τραγουδά μαζί τους και να τους χαρίζει το πιο αυθόρμητο χειροκρότημα. Εκεί όπου όλα ξεκίνησαν, εξακολουθεί να χτυπά η καρδιά τους. Γιατί, πάνω απ&#39; όλα, παραμένουν μια δεμένη παρέα που αγαπά αυτό που κάνει και το μοιράζεται με τον κόσμο με την ίδια αθωότητα και την ίδια ειλικρίνεια όπως την πρώτη μέρα.
              &lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                And yet, despite their success, every time they return to the streets, crowds still wait for them, forming a tight circle, singing along, and gifting them the most spontaneous applause. Right where it all began, their heart continues to beat. Because above all, they remain a tightly-knit group of friends who love what they do, sharing it with the world with the same innocence and honesty as on day one.
              &lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- REBETIKO MUSIC LAB (SYNTHESIZER &amp; SOUNDBOARD) --&gt;
          &lt;section id=&quot;rebetiko-synth-lab&quot; class=&quot;bg-gradient-to-br from-[#111827] to-[#0a1f15] text-[#fbf9f4] rounded-[1.5em] p-[1.5em] shadow-[0_15px_30px_rgba(0,0,0,0.15)] border-2 border-brand-sage/20 scroll-mt-[7rem]&quot;&gt;
            &lt;div class=&quot;flex flex-col md:flex-row md:items-center justify-between border-b border-brand-sage/30 pb-4 mb-6 gap-3&quot;&gt;
              &lt;div&gt;
                &lt;span class=&quot;text-brand-gold uppercase tracking-wider font-orbitron text-[0.8em] font-bold&quot;&gt;Interactive Experience&lt;/span&gt;
                &lt;h3 class=&quot;font-jura text-[1.5em] font-bold flex items-center gap-2 text-white&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-music text-brand-orange animate-pulse&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Διαδραστικό Μουσικό Εργαστήρι&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Interactive Rebetiko Synth Lab&lt;/span&gt;
                &lt;/h3&gt;
                &lt;p class=&quot;text-[0.85em] text-slate-300 mt-1 font-sans&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πατήστε τις χορδές ή ξεκινήστε έναν ρυθμό για να νιώσετε το παίξιμο των οργάνων.&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Tap string frets or play interactive drum loops powered by the Web Audio API.&lt;/span&gt;
                &lt;/p&gt;
              &lt;/div&gt;
              
              &lt;!-- Audio Indicator --&gt;
              &lt;button onclick=&quot;initAudioContext()&quot; id=&quot;audio-init-btn&quot; class=&quot;px-4 py-2 bg-brand-sage hover:bg-[#2d6a4f] text-white font-bold font-jura rounded-[0.75em] text-[0.85em] transition-all flex items-center gap-2 shadow-[0_4px_10px_rgba(64,145,108,0.3)]&quot;&gt;
                &lt;i class=&quot;fa-solid fa-volume-high&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ενεργοποίηση Ήχου&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Enable Audio Synth&lt;/span&gt;
              &lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- THE BOUZOUKI STRINGS --&gt;
            &lt;div class=&quot;mb-8&quot;&gt;
              &lt;h4 class=&quot;font-jura text-[1.1em] font-semibold text-brand-gold mb-3 flex items-center justify-between&quot;&gt;
                &lt;span class=&quot;flex items-center gap-2&quot;&gt;
                  &lt;i class=&quot;fa-solid fa-sliders text-[0.9em]&quot;&gt;&lt;/i&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Εικονικό Τρίχορδο Μπουζούκι (Κλίμακες)&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Virtual 3-String Bouzouki Scales&lt;/span&gt;
                &lt;/span&gt;
                &lt;span class=&quot;text-[0.7em] font-mono text-slate-400&quot;&gt;Tuning: D - A - D&lt;/span&gt;
              &lt;/h4&gt;

              &lt;!-- Scale Picker --&gt;
              &lt;div class=&quot;flex flex-wrap gap-2 mb-4&quot;&gt;
                &lt;button onclick=&quot;selectScale(&#39;hijaz&#39;)&quot; id=&quot;scale-hijaz&quot; class=&quot;px-3 py-1.5 rounded-full text-[0.8em] font-mono font-bold bg-brand-pine text-brand-gold border border-brand-gold/50&quot;&gt;
                  Hijaz (Χιτζάζ)
                &lt;/button&gt;
                &lt;button onclick=&quot;selectScale(&#39;ousak&#39;)&quot; id=&quot;scale-ousak&quot; class=&quot;px-3 py-1.5 rounded-full text-[0.8em] font-mono font-bold bg-stone-800 text-stone-300 border border-transparent&quot;&gt;
                  Ousak (Ουσάκ)
                &lt;/button&gt;
                &lt;button onclick=&quot;selectScale(&#39;rast&#39;)&quot; id=&quot;scale-rast&quot; class=&quot;px-3 py-1.5 rounded-full text-[0.8em] font-mono font-bold bg-stone-800 text-stone-300 border border-transparent&quot;&gt;
                  Rast (Ραστ)
                &lt;/button&gt;
              &lt;/div&gt;

              &lt;!-- Fretboard representation --&gt;
              &lt;div class=&quot;bg-gradient-to-r from-stone-900 to-amber-950 rounded-[1em] p-4 relative border border-brand-sage/10 shadow-inner overflow-x-auto&quot;&gt;
                &lt;div class=&quot;flex justify-between relative min-w-[500px]&quot;&gt;
                  
                  &lt;!-- String 1 (D4) --&gt;
                  &lt;div class=&quot;absolute w-full h-[3px] bg-slate-200/90 top-[20%] pointer-events-none shadow-[0_1px_4px_rgba(255,255,255,0.5)]&quot; id=&quot;string-1&quot;&gt;&lt;/div&gt;
                  &lt;!-- String 2 (A3) --&gt;
                  &lt;div class=&quot;absolute w-full h-[4px] bg-yellow-100/80 top-[50%] pointer-events-none shadow-[0_1px_4px_rgba(255,255,255,0.4)]&quot; id=&quot;string-2&quot;&gt;&lt;/div&gt;
                  &lt;!-- String 3 (D3) --&gt;
                  &lt;div class=&quot;absolute w-full h-[5px] bg-yellow-200/90 top-[80%] pointer-events-none shadow-[0_1px_4px_rgba(255,255,255,0.3)]&quot; id=&quot;string-3&quot;&gt;&lt;/div&gt;

                  &lt;!-- 8 Interactive Frets --&gt;
                  &lt;div class=&quot;w-full flex justify-between z-10 py-6&quot;&gt;
                    &lt;div class=&quot;flex flex-col justify-around h-[120px] items-center px-2&quot;&gt;
                      &lt;button onclick=&quot;playPluck(146.83, 1)&quot; class=&quot;w-8 h-8 rounded-full bg-brand-orange hover:bg-orange-600 text-white font-mono text-[0.7em] font-bold flex items-center justify-center transition-transform hover:scale-110&quot;&gt;D3&lt;/button&gt;
                      &lt;button onclick=&quot;playPluck(220.00, 2)&quot; class=&quot;w-8 h-8 rounded-full bg-brand-gold hover:bg-yellow-500 text-stone-900 font-mono text-[0.7em] font-bold flex items-center justify-center transition-transform hover:scale-110&quot;&gt;A3&lt;/button&gt;
                      &lt;button onclick=&quot;playPluck(293.66, 3)&quot; class=&quot;w-8 h-8 rounded-full bg-brand-orange hover:bg-orange-600 text-white font-mono text-[0.7em] font-bold flex items-center justify-center transition-transform hover:scale-110&quot;&gt;D4&lt;/button&gt;
                    &lt;/div&gt;
                    
                    &lt;!-- Fret Steps --&gt;
                    &lt;div class=&quot;flex-1 grid grid-cols-7 gap-2 pl-4&quot;&gt;
                      &lt;button onclick=&quot;playFret(1)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-2 border-stone-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F1&lt;/span&gt;
                        &lt;span id=&quot;fret-n1&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;D#&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button onclick=&quot;playFret(2)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-2 border-stone-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F2&lt;/span&gt;
                        &lt;span id=&quot;fret-n2&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;F&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button onclick=&quot;playFret(3)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-2 border-stone-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F3&lt;/span&gt;
                        &lt;span id=&quot;fret-n3&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;F#&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button onclick=&quot;playFret(4)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-2 border-stone-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F4&lt;/span&gt;
                        &lt;span id=&quot;fret-n4&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;G&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button onclick=&quot;playFret(5)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-2 border-stone-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F5&lt;/span&gt;
                        &lt;span id=&quot;fret-n5&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;A&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button onclick=&quot;playFret(6)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-2 border-stone-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F6&lt;/span&gt;
                        &lt;span id=&quot;fret-n6&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;A#&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;button onclick=&quot;playFret(7)&quot; class=&quot;fret-btn h-full rounded bg-stone-800/80 hover:bg-brand-sage/20 border-r-4 border-amber-600 flex flex-col justify-between p-1 transition-colors text-stone-400 hover:text-brand-sage&quot;&gt;
                        &lt;span class=&quot;text-[0.65em] font-mono&quot;&gt;F7&lt;/span&gt;
                        &lt;span id=&quot;fret-n7&quot; class=&quot;text-[0.75em] font-bold font-mono text-center w-full&quot;&gt;C&lt;/span&gt;
                      &lt;/button&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- THE RHYTHM BOX --&gt;
            &lt;div class=&quot;bg-black/40 rounded-[1em] p-4 border border-brand-sage/15&quot;&gt;
              &lt;h4 class=&quot;font-jura text-[1.1em] font-semibold text-brand-gold mb-3 flex items-center gap-2&quot;&gt;
                &lt;i class=&quot;fa-solid fa-drum text-[0.9em]&quot;&gt;&lt;/i&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μπαγλαμαδάκι &amp; Ντέφι (Ρυθμοί Συνοδείας)&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Tambourine &amp; Rhythm Backing Beat&lt;/span&gt;
              &lt;/h4&gt;
              &lt;div class=&quot;flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-4&quot;&gt;
                &lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
                  &lt;button onclick=&quot;toggleRhythm(&#39;zeibekiko&#39;)&quot; id=&quot;btn-zeibekiko&quot; class=&quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-stone-800 text-stone-300 hover:bg-stone-700 border border-stone-600 flex items-center gap-2 transition-all&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-play&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Ζεϊμπέκικο (9/8)&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;button onclick=&quot;toggleRhythm(&#39;hasapiko&#39;)&quot; id=&quot;btn-hasapiko&quot; class=&quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-stone-800 text-stone-300 hover:bg-stone-700 border border-stone-600 flex items-center gap-2 transition-all&quot;&gt;
                    &lt;i class=&quot;fa-solid fa-play&quot;&gt;&lt;/i&gt;
                    &lt;span&gt;Χασάπικο (4/4)&lt;/span&gt;
                  &lt;/button&gt;
                &lt;/div&gt;
                &lt;div class=&quot;flex items-center gap-3 bg-stone-900/60 p-2 rounded-[0.75em] flex-1 max-w-[280px]&quot;&gt;
                  &lt;span class=&quot;text-[0.75em] font-mono text-stone-400&quot;&gt;BPM&lt;/span&gt;
                  &lt;input type=&quot;range&quot; min=&quot;60&quot; max=&quot;150&quot; value=&quot;95&quot; id=&quot;rhythm-bpm&quot; oninput=&quot;updateBPM(this.value)&quot; class=&quot;w-full accent-brand-sage cursor-pointer&quot;&gt;
                  &lt;span id=&quot;bpm-display&quot; class=&quot;text-[0.8em] font-mono font-bold text-brand-gold&quot;&gt;95&lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/section&gt;

          &lt;!-- DYNAMIC INTERACTIVE FEATURE: VIRTUAL BUSKING GUITAR CASE &amp; TIP JAR --&gt;
          &lt;section id=&quot;street-support-tip-jar&quot; class=&quot;bg-gradient-to-br from-[#102a1e] to-[#0a1410] text-[#fbf9f4] rounded-[1.5em] p-[1.5em] shadow-lg border border-brand-sage/20 font-sans my-6 scroll-mt-[7rem]&quot;&gt;
            &lt;div class=&quot;flex flex-col sm:flex-row items-start sm:items-center justify-between border-b border-brand-sage/30 pb-3 mb-4 gap-2&quot;&gt;
              &lt;div&gt;
                &lt;span class=&quot;text-brand-sage font-orbitron font-bold text-[0.75em] tracking-wider uppercase&quot;&gt;Interactive Street Support&lt;/span&gt;
                &lt;h4 class=&quot;font-jura text-[1.25em] font-bold text-white&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Εικονικό Καπέλο / Θήκη Κιθάρας&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Virtual Busking Guitar Case&lt;/span&gt;
                &lt;/h4&gt;
              &lt;/div&gt;
              &lt;span id=&quot;busk-total&quot; class=&quot;font-orbitron font-bold text-brand-sage text-[1.1em] bg-black/40 px-3 py-1 rounded-[0.5em] border border-brand-sage/30&quot;&gt;Tips: 0.00€&lt;/span&gt;
            &lt;/div&gt;
            
            &lt;p class=&quot;text-[0.85em] text-stone-300 mb-4&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ρίξτε ένα εικονικό κέρμα στη θήκη για να υποστηρίξετε τους «Τεκετζήδες» και να ακούσετε το μεταλλικό κούρδισμα!&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Toss a virtual coin into the guitar case to support &quot;Teketzides&quot; and hear synthesized metallic acoustic sound effects!&lt;/span&gt;
            &lt;/p&gt;

            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-4&quot;&gt;
              &lt;!-- Visual guitar case container --&gt;
              &lt;div class=&quot;bg-stone-900/60 p-4 rounded-[1.25em] border-2 border-dashed border-brand-sage/40 flex flex-col items-center justify-center relative min-h-[160px] overflow-hidden&quot; id=&quot;guitar-case-dropzone&quot;&gt;
                &lt;i class=&quot;fa-solid fa-circle-nodes text-[4rem] text-brand-sage/20 absolute animate-pulse&quot;&gt;&lt;/i&gt;
                &lt;div class=&quot;text-center z-10&quot;&gt;
                  &lt;span class=&quot;text-[2.2rem] block mb-1&quot;&gt;🎻🎸&lt;/span&gt;
                  &lt;p class=&quot;text-[0.8em] text-brand-sage font-mono uppercase tracking-wider&quot; id=&quot;tip-case-status&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Θήκη Κιθάρας (Κενή)&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Guitar Case (Empty)&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;

              &lt;!-- Coin Buttons --&gt;
              &lt;div class=&quot;flex flex-col justify-center space-y-3&quot;&gt;
                &lt;div class=&quot;grid grid-cols-3 gap-2&quot;&gt;
                  &lt;button onclick=&quot;tossCoin(1.00)&quot; class=&quot;py-3 px-1 bg-yellow-600/20 hover:bg-yellow-600/40 text-yellow-500 rounded-[1em] border border-yellow-500/30 transition-all font-mono font-bold text-[1em] text-center active:scale-95 flex flex-col items-center justify-center&quot;&gt;
                    &lt;span class=&quot;text-[1.2em]&quot;&gt;🪙&lt;/span&gt;
                    &lt;span&gt;1.00€&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;button onclick=&quot;tossCoin(2.00)&quot; class=&quot;py-3 px-1 bg-amber-600/20 hover:bg-amber-600/40 text-amber-500 rounded-[1em] border border-amber-500/30 transition-all font-mono font-bold text-[1em] text-center active:scale-95 flex flex-col items-center justify-center&quot;&gt;
                    &lt;span class=&quot;text-[1.2em]&quot;&gt;🪙&lt;/span&gt;
                    &lt;span&gt;2.00€&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;button onclick=&quot;tossCoin(5.00)&quot; class=&quot;py-3 px-1 bg-emerald-600/20 hover:bg-emerald-600/40 text-emerald-400 rounded-[1em] border border-emerald-400/30 transition-all font-mono font-bold text-[1em] text-center active:scale-95 flex flex-col items-center justify-center&quot;&gt;
                    &lt;span class=&quot;text-[1.2em]&quot;&gt;💶&lt;/span&gt;
                    &lt;span&gt;5.00€&lt;/span&gt;
                  &lt;/button&gt;
                &lt;/div&gt;
                &lt;button onclick=&quot;clearTips()&quot; class=&quot;text-[0.75em] uppercase font-mono text-stone-400 hover:text-white transition-all text-center&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Εκκένωση Θήκης&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Clear Case Tips&lt;/span&gt;
                &lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/section&gt;

          &lt;!-- PROMPT FOR THE INTERVIEW --&gt;
          &lt;div class=&quot;text-[1.2em] md:text-[1.3em] font-jura font-bold text-brand-pine dark:text-brand-sage border-l-4 border-brand-sage pl-3 my-4&quot;&gt;
            &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πάμε να τους γνωρίσουμε καλύτερα:&lt;/span&gt;
            &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Let&#39;s get to know them better:&lt;/span&gt;
          &lt;/div&gt;

          &lt;!-- SECOND PHOTO WITH SUBTITLE --&gt;
          &lt;div class=&quot;bg-[#ffffff] dark:bg-slate-800 p-[0.75em] rounded-[1.25em] shadow-sm border border-[#e7e5e4] dark:border-slate-700/60 max-w-[700px] mx-auto&quot;&gt;
            &lt;img src=&quot;https://www.athensvoice.gr/images/w734/jpg/files/2026-07-07/teketzides-01.jpg&quot; alt=&quot;Φεβρουάριος 2025. Οι Τεκετζήδες στην Οδό Διονυσίου Αεροπαγίτου&quot; class=&quot;w-full h-auto rounded-[0.75em] block&quot;&gt;
            &lt;p class=&quot;text-center text-[0.8em] text-stone-500 dark:text-stone-400 font-sans mt-2.5 italic&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Φεβρουάριος 2025. Οι Τεκετζήδες στην Οδό Διονυσίου Αρεοπαγίτου.&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;February 2025. The &quot;Teketzides&quot; at Dionysiou Areopagitou Street.&lt;/span&gt;
            &lt;/p&gt;
          &lt;/div&gt;

          &lt;!-- INTERVIEW QUESTIONS &amp; ANSWERS (Quotes Layout) --&gt;
          &lt;div class=&quot;space-y-6 pt-4 font-garamond&quot;&gt;
            
            &lt;!-- Q1 --&gt;
            &lt;div class=&quot;bg-[#faf8f2] dark:bg-slate-900/60 p-5 rounded-[1.25em] border-l-4 border-brand-pine dark:border-brand-sage shadow-xs&quot;&gt;
              &lt;h4 class=&quot;font-jura font-bold text-[1.1em] md:text-[1.2em] text-[#111827] dark:text-white mb-2 flex items-start gap-2.5&quot;&gt;
                &lt;span class=&quot;bg-brand-pine text-white text-[0.7em] font-mono w-6 h-6 rounded-full flex items-center justify-center shrink-0&quot;&gt;Q&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πώς γνωριστήκατε, συνδεθήκατε και αποφασίσατε να δημιουργήσετε τους Τεκετζήδες; Ποιος είχε την ιδέα να φτιάξετε το συγκρότημα;&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;How did you meet, connect, and decide to create &quot;Teketzides&quot;? Whose idea was it to start the band?&lt;/span&gt;
              &lt;/h4&gt;
              &lt;p class=&quot;text-[1.1em] text-stone-700 dark:text-stone-300 pl-8 leading-relaxed italic&quot;&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                  «Ήμασταν συμμαθητές στο Μουσικό Σχολείο Αλίμου από την Α&#39; Γυμνασίου και έτσι γνωριστήκαμε. Έτυχε να έχουμε μια κοινή κλίση προς τη λαϊκή και τη ρεμπέτικη μουσική (λόγω των οργάνων που επιλέξαμε) και έτσι, σιγά σιγά, παίζαμε μαζί και αποφασίσαμε να δημιουργήσουμε το συγκρότημα.»
                &lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                  &quot;We were classmates at the Alimos Music High School since 7th grade, and that&#39;s how we met. We happened to share a common inclination towards folk and rebetiko music (given the instruments we chose), so gradually, we played together and decided to form the band.&quot;
                &lt;/span&gt;
              &lt;/p&gt;
            &lt;/div&gt;

            &lt;!-- Q2 --&gt;
            &lt;div class=&quot;bg-[#faf8f2] dark:bg-slate-900/60 p-5 rounded-[1.25em] border-l-4 border-brand-pine dark:border-brand-sage shadow-xs&quot;&gt;
              &lt;h4 class=&quot;font-jura font-bold text-[1.1em] md:text-[1.2em] text-[#111827] dark:text-white mb-2 flex items-start gap-2.5&quot;&gt;
                &lt;span class=&quot;bg-brand-pine text-white text-[0.7em] font-mono w-6 h-6 rounded-full flex items-center justify-center shrink-0&quot;&gt;Q&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;Πώς ήταν η ζωή σας πριν δημιουργηθούν οι Τεκετζήδες; Τι διαφορετικό κάνατε;&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;What was your life like before &quot;Teketzides&quot;? What did you do differently?&lt;/span&gt;
              &lt;/h4&gt;
              &lt;p class=&quot;text-[1.1em] text-stone-700 dark:text-stone-300 pl-8 leading-relaxed italic&quot;&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                  «Δεν έχει αλλάξει κάτι δραματικά στη ζωή μας. Απλώς πρέπει κάποιες μέρες να βρίσκουμε περισσότερο χρόνο για πρόβες και συναυλίες.»
                &lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                  &quot;Nothing has changed dramatically in our daily lives. We just have to allocate more time on certain days for rehearsals and performances.&quot;
                &lt;/span&gt;
              &lt;/p&gt;
            &lt;/div&gt;

            &lt;!-- Q3 --&gt;
            &lt;div class=&quot;bg-[#faf8f2] dark:bg-slate-900/60 p-5 rounded-[1.25em] border-l-4 border-brand-pine dark:border-brand-sage shadow-xs&quot;&gt;
              &lt;h4 class=&quot;font-jura font-bold text-[1.1em] md:text-[1.2em] text-[#111827] dark:text-white mb-2 flex items-start gap-2.5&quot;&gt;
                &lt;span class=&quot;bg-brand-pine text-white text-[0.7em] font-mono w-6 h-6 rounded-full flex items-center justify-center shrink-0&quot;&gt;Q&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μετά βγήκατε στο Σύνταγμα, στην Ερμού; Γιατί ξεκινήσατε από εκεί και πώς ήταν όλο αυτό για εσάς στην αρχή;&lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Later on, did you go out to Syntagma, or Ermou? Why did you start from there and what was that like for you in the beginning?&lt;/span&gt;
              &lt;/h4&gt;
              &lt;p class=&quot;text-[1.1em] text-stone-700 dark:text-stone-300 pl-8 leading-relaxed italic&quot;&gt;
                &lt;span class=&quot;lang-element lang-gr&quot;&gt;
                  «Στην αρχή υπήρχε άγχος, αλλά ο δρόμος σε απελευθερώνει. Η Ερμού μας αγκάλιασε αμέσως. Όταν βλέπεις ανθρώπους κάθε ηλικίας να σταματούν, να τραγουδούν μαζί σου και να γίνονται μια παρέα, ξεχνάς κάθε δυσκολία...»
                &lt;/span&gt;
                &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;
                  &quot;At first there was anxiety, but the street liberates you. Ermou welcomed us instantly. When you see people of all ages stopping, singing along, and becoming one big group, you forget every difficulty...&quot;
                &lt;/span&gt;
              &lt;/p&gt;
              
              &lt;!-- Clean, Elegant and High-contrast Link directly leading to the full Interview context --&gt;
              &lt;div class=&quot;mt-4 pl-8 text-[0.9em] font-sans&quot;&gt;
                &lt;a href=&quot;https://www.athensvoice.gr/politismos/mousiki/973598/teketzides-i-parea-pou-ekane-to-rebetikolaiko-tragoudi-viral/&quot; 
                   target=&quot;_blank&quot; 
                   class=&quot;text-[#1b4332] dark:text-[#d4af37] font-semibold underline hover:text-[#40916c] transition-colors inline-flex items-center gap-1.5&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Διαβάστε ολόκληρο το αφιέρωμα στο www.athensvoice.gr&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Read the entire feature on www.athensvoice.gr&lt;/span&gt;
                  &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square text-[0.8em]&quot;&gt;&lt;/i&gt;
                &lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;

          &lt;!-- TIMELINE COMPONENT FOR VAMVAKARIS &amp; GENITSARIS --&gt;
          &lt;section class=&quot;bg-[#f3f2eb] dark:bg-slate-900 rounded-[1.5em] p-[1.5em] border border-stone-200 dark:border-slate-800 shadow-sm&quot;&gt;
            &lt;h3 class=&quot;font-jura text-[1.4em] font-bold mb-6 text-brand-pine dark:text-brand-gold flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-clock-rotate-left&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Οι Ρεμπέτικες Ρίζες: Οι Δύο Πυλώνες&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Roots: Two Titans played by the Group&lt;/span&gt;
            &lt;/h3&gt;

            &lt;div class=&quot;flex border-b border-stone-300 dark:border-slate-700 mb-6&quot;&gt;
              &lt;button onclick=&quot;switchTimelineTab(&#39;markos&#39;)&quot; id=&quot;tab-markos&quot; class=&quot;flex-1 pb-3 text-[1em] font-orbitron font-bold text-brand-pine dark:text-brand-gold border-b-2 border-brand-pine dark:border-brand-gold transition-colors&quot;&gt;
                Μάρκος Βαμβακάρης
              &lt;/button&gt;
              &lt;button onclick=&quot;switchTimelineTab(&#39;michalis&#39;)&quot; id=&quot;tab-michalis&quot; class=&quot;flex-1 pb-3 text-[1em] font-orbitron font-bold text-stone-500 dark:text-slate-400 border-b-2 border-transparent hover:text-stone-700 transition-colors&quot;&gt;
                Μιχάλης Γενίτσαρης
              &lt;/button&gt;
            &lt;/div&gt;

            &lt;!-- Markos Vamvakaris Timeline --&gt;
            &lt;div id=&quot;content-markos&quot; class=&quot;space-y-4&quot;&gt;
              &lt;div class=&quot;flex items-start gap-4&quot;&gt;
                &lt;div class=&quot;w-16 h-16 rounded-full bg-brand-pine/10 text-brand-pine flex items-center justify-center font-bold text-[1.25em] shrink-0 dark:bg-brand-gold/10 dark:text-brand-gold&quot;&gt;1905&lt;/div&gt;
                &lt;div&gt;
                  &lt;h4 class=&quot;font-bold font-jura text-[1.1em] text-stone-900 dark:text-white&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Γέννηση στη Σύρο&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Born in Syros&lt;/span&gt;
                  &lt;/h4&gt;
                  &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-300&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Γεννιέται στη Σα Μπαστιά της Σύρου. Από μικρή ηλικία έρχεται σε επαφή με τα λαϊκά ακούσματα και τη φτώχεια.&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Born in Skali, Syros. At a young age, he begins experiencing the local traditions and working tough manual labor.&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-start gap-4&quot;&gt;
                &lt;div class=&quot;w-16 h-16 rounded-full bg-brand-pine/10 text-brand-pine flex items-center justify-center font-bold text-[1.25em] shrink-0 dark:bg-brand-gold/10 dark:text-brand-gold&quot;&gt;1932&lt;/div&gt;
                &lt;div&gt;
                  &lt;h4 class=&quot;font-bold font-jura text-[1.1em] text-stone-900 dark:text-white&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Οι Πρώτες Ηχογραφήσεις&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;First Recordings&lt;/span&gt;
                  &lt;/h4&gt;
                  &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-300&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Κυκλοφορούν οι πρώτοι του δίσκοι με μπουζούκι, καθιερώνοντας τον Πειραιώτικο ήχο σε ολόκληρη την Ελλάδα.&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Releases his first commercial tracks on bouzouki, cementing the raw Piraeus sonic stamp across Greece.&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-start gap-4&quot;&gt;
                &lt;div class=&quot;w-16 h-16 rounded-full bg-brand-pine/10 text-brand-pine flex items-center justify-center font-bold text-[1.25em] shrink-0 dark:bg-brand-gold/10 dark:text-brand-gold&quot;&gt;1935&lt;/div&gt;
                &lt;div&gt;
                  &lt;h4 class=&quot;font-bold font-jura text-[1.1em] text-stone-900 dark:text-white&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Η «Φραγκοσυριανή»&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Iconic &quot;Fragosyriani&quot;&lt;/span&gt;
                  &lt;/h4&gt;
                  &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-300&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Συνθέτει το εμβληματικότερο ρεμπέτικο τραγούδι, μια ωδή στη θρυλική καθολική κοπέλα από τη Σύρο.&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Writes and sings the legendary classic &quot;Fragosyriani&quot;, an eternal hymn for a Catholic girl in Syros.&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;!-- Michalis Genitsaris Timeline --&gt;
            &lt;div id=&quot;content-michalis&quot; class=&quot;space-y-4 hidden&quot;&gt;
              &lt;div class=&quot;flex items-start gap-4&quot;&gt;
                &lt;div class=&quot;w-16 h-16 rounded-full bg-stone-500/10 text-stone-600 flex items-center justify-center font-bold text-[1.25em] shrink-0 dark:bg-slate-700/50 dark:text-slate-300&quot;&gt;1917&lt;/div&gt;
                &lt;div&gt;
                  &lt;h4 class=&quot;font-bold font-jura text-[1.1em] text-stone-900 dark:text-white&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Γέννηση στον Πειραιά&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Born in Piraeus&lt;/span&gt;
                  &lt;/h4&gt;
                  &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-300&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Γεννιέται στα Ταμπούρια του Πειραιά. Από παιδί μαθαίνει την τέχνη του δρόμου και του λιμανιού.&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Born in Tabouria, Piraeus. He learns the codes of the streets and docks from a tender age.&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-start gap-4&quot;&gt;
                &lt;div class=&quot;w-16 h-16 rounded-full bg-stone-500/10 text-stone-600 flex items-center justify-center font-bold text-[1.25em] shrink-0 dark:bg-slate-700/50 dark:text-slate-300&quot;&gt;1937&lt;/div&gt;
                &lt;div&gt;
                  &lt;h4 class=&quot;font-bold font-jura text-[1.1em] text-stone-900 dark:text-white&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ο «Επαναστάτης» του Ρεμπέτικου&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;The Revolutionary Rebel&lt;/span&gt;
                  &lt;/h4&gt;
                  &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-300&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Κερδίζει φήμη για τους αιχμηρούς του στίχους που αμφισβητούν τη δικτατορία του Μεταξά και τη λογοκρισία.&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Gains deep respect for highly political, cutting-edge lyrics that resisted the Metaxas dictatorship&#39;s censorship.&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;flex items-start gap-4&quot;&gt;
                &lt;div class=&quot;w-16 h-16 rounded-full bg-stone-500/10 text-stone-600 flex items-center justify-center font-bold text-[1.25em] shrink-0 dark:bg-slate-700/50 dark:text-slate-300&quot;&gt;1940s&lt;/div&gt;
                &lt;div&gt;
                  &lt;h4 class=&quot;font-bold font-jura text-[1.1em] text-stone-900 dark:text-white&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Τραγούδια της Κατοχής&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Songs of the Occupation&lt;/span&gt;
                  &lt;/h4&gt;
                  &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-300&quot;&gt;
                    &lt;span class=&quot;lang-element lang-gr&quot;&gt;Γράφει ιστορικά κομμάτια για την Αντίσταση και την επιβίωση στο σκληρό κατοχικό Πειραιά.&lt;/span&gt;
                    &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Composes crucial historical records about the WWII Greek Resistance and survival on the famine-stricken docks.&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/section&gt;

          &lt;!-- INTERACTIVE GLOSSARY (Μάγκικα) --&gt;
          &lt;section class=&quot;bg-stone-100 dark:bg-slate-900 rounded-[1.5em] p-[1.5em] border border-stone-200 dark:border-slate-800 shadow-sm&quot;&gt;
            &lt;h3 class=&quot;font-jura text-[1.4em] font-bold mb-3 text-brand-pine dark:text-brand-gold flex items-center gap-2&quot;&gt;
              &lt;i class=&quot;fa-solid fa-book-open&quot;&gt;&lt;/i&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μικρό Λεξικό της Πιάτσας&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Interactive Rebetiko Glossary&lt;/span&gt;
            &lt;/h3&gt;
            &lt;p class=&quot;text-[0.9em] text-stone-600 dark:text-slate-400 mb-4 font-sans&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Αναζητήστε και μάθετε τους αυθεντικούς όρους που εξηγούν την προέλευση του ονόματος «Τεκετζήδες».&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Search or click through slang terms to understand where the word &quot;Teketzides&quot; comes from.&lt;/span&gt;
            &lt;/p&gt;

            &lt;div class=&quot;mb-4&quot;&gt;
              &lt;input id=&quot;glossary-search&quot; oninput=&quot;filterGlossary()&quot; type=&quot;text&quot; placeholder=&quot;Αναζήτηση όρου / Search term...&quot; class=&quot;w-full bg-white dark:bg-slate-950 border border-stone-300 dark:border-slate-800 px-4 py-2 rounded-[0.75em] text-[0.9em] focus:outline-none focus:ring-2 focus:ring-brand-pine font-sans&quot;&gt;
            &lt;/div&gt;

            &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-3&quot; id=&quot;glossary-list&quot;&gt;
              &lt;div class=&quot;g-item bg-white dark:bg-slate-950 p-3 rounded-[0.75em] border border-stone-200 dark:border-slate-800&quot; data-term=&quot;τεκές tekes&quot;&gt;
                &lt;span class=&quot;font-bold font-jura text-brand-orange block&quot;&gt;Τεκές (Tekes)&lt;/span&gt;
                &lt;p class=&quot;text-[0.85em] text-stone-600 dark:text-slate-400 mt-1&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Λαϊκό υπόγειο στέκι ή καφενείο όπου μαζεύονταν οι μάγκες για να παίξουν μπουζούκι. (Από αυτό προέρχεται η λέξη «Τεκετζήδες»).&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;An underground den or cafe where the rebetes gathered to socialize and play string music. (Source of the word &quot;Teketzides&quot;).&lt;/span&gt;
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;g-item bg-white dark:bg-slate-950 p-3 rounded-[0.75em] border border-stone-200 dark:border-slate-800&quot; data-term=&quot;μάγκας manghas&quot;&gt;
                &lt;span class=&quot;font-bold font-jura text-brand-orange block&quot;&gt;Μάγκας (Manghas)&lt;/span&gt;
                &lt;p class=&quot;text-[0.85em] text-stone-600 dark:text-slate-400 mt-1&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ο άντρας του περιθωρίου με ιδιαίτερο κώδικα τιμής, ντύσιμο, περπάτημα και ιδεολογία.&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;A proud member of the urban working-class subculture, boasting unique honor codes and style.&lt;/span&gt;
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;g-item bg-white dark:bg-slate-950 p-3 rounded-[0.75em] border border-stone-200 dark:border-slate-800&quot; data-term=&quot;ντερβίσης dervish&quot;&gt;
                &lt;span class=&quot;font-bold font-jura text-brand-orange block&quot;&gt;Ντερβίσης (Dervisis)&lt;/span&gt;
                &lt;p class=&quot;text-[0.85em] text-stone-600 dark:text-slate-400 mt-1&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Συνώνυμο του μάγκα, ο ντόμπρος και ξηγημένος άνθρωπος που περιφρονεί τα υλικά αγαθά.&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;A direct, genuine individual who values spiritual freedom and honor over material wealth.&lt;/span&gt;
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class=&quot;g-item bg-white dark:bg-slate-950 p-3 rounded-[0.75em] border border-stone-200 dark:border-slate-800&quot; data-term=&quot;ζεϊμπέκικο zeibekiko&quot;&gt;
                &lt;span class=&quot;font-bold font-jura text-brand-orange block&quot;&gt;Ζεϊμπέκικο (Zeibekiko)&lt;/span&gt;
                &lt;p class=&quot;text-[0.85em] text-stone-600 dark:text-slate-400 mt-1&quot;&gt;
                  &lt;span class=&quot;lang-element lang-gr&quot;&gt;Μοναχικός, αυτοσχεδιαστικός χορός σε ρυθμό 9/8 που εκφράζει τον εσωτερικό πόνο του άνδρα.&lt;/span&gt;
                  &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;An intensely physical, improvisational solo dance in 9/8 rhythm, depicting soul struggles.&lt;/span&gt;
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/section&gt;

        &lt;/article&gt;
      &lt;/main&gt;
    &lt;/section&gt;

    &lt;!-- FOOTER SECTION --&gt;
    &lt;footer class=&quot;bg-[#dfd9c4] dark:bg-stone-950 border-t border-[#dfd9c4] dark:border-slate-800 transition-colors duration-300 py-[3em]&quot;&gt;
      &lt;div class=&quot;max-w-[1000px] mx-auto px-[1em] sm:px-[1.5em] lg:px-[2em] space-y-[2em]&quot;&gt;
        
        &lt;div class=&quot;max-w-[500px] mx-auto&quot;&gt;
          &lt;div class=&quot;bg-[#ffffff] dark:bg-slate-900 p-[1.5em] rounded-[1.5em] shadow-[0_10px_15px_rgba(0,0,0,0.05)] border border-[#dfd9c4] dark:border-slate-800 flex flex-col justify-between&quot;&gt;
            &lt;h5 class=&quot;font-jura font-bold text-[1.2em] text-brand-pine dark:text-[#40916c] mb-2 text-center&quot;&gt;«Οι Τεκετζήδες»&lt;/h5&gt;
            &lt;a href=&quot;https://www.athensvoice.gr/politismos/mousiki/973598/teketzides-i-parea-pou-ekane-to-rebetikolaiko-tragoudi-viral/&quot; target=&quot;_blank&quot; class=&quot;bg-brand-sage hover:bg-brand-sage text-white font-orbitron font-semibold py-[0.75em] px-[1.5em] rounded-[1em] text-[0.85em] transition-all transform hover:-translate-y-[0.1em] flex items-center space-x-[0.5em] justify-center no-underline&quot;&gt;
              &lt;span class=&quot;lang-element lang-gr&quot;&gt;Ολόκληρη η Συνέντευξη εδω: Athens Voice&lt;/span&gt;
              &lt;span class=&quot;lang-element lang-en hidden&quot;&gt;Source Interview: Athens Voice&lt;/span&gt;
              &lt;i class=&quot;fa-solid fa-arrow-up-right-from-square&quot;&gt;&lt;/i&gt;
            &lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- COPYRIGHT SUB-FOOTER --&gt;
        &lt;div class=&quot;pt-[2em] border-t border-[#dfd9c4] dark:border-slate-800 text-center text-[0.75em] text-[#a8a29e]&quot;&gt;
          &lt;p&gt;© 2026. www.athensvoice.gr. Όλα τα δικαιώματα κατοχυρωμένα.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;

  &lt;/div&gt;

  &lt;!-- Non-blocking Toast Notification popup --&gt;
  &lt;div id=&quot;toast-notif&quot; class=&quot;fixed bottom-[1.5em] right-[1.5em] z-50 transform translate-y-[5em] opacity-0 transition-all duration-300 bg-brand-pine text-[#ffffff] py-[0.75em] px-[1.25em] rounded-[0.5em] shadow-[0_20px_25px_rgba(0,0,0,0.15)] flex items-center space-x-[0.75em]&quot;&gt;
    &lt;i class=&quot;fa-solid fa-bell text-[1.25em] text-brand-gold&quot;&gt;&lt;/i&gt;
    &lt;span id=&quot;toast-text&quot; class=&quot;text-[0.875em] font-medium font-sans&quot;&gt;Ειδοποίηση&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- DYNAMIC INTERACTION SCRIPTS --&gt;
  &lt;script&gt;
    let currentLanguage = &#39;GR&#39;;
    let currentTheme = &#39;light&#39;;
    let audioCtx = null;
    
    // Virtual Synthesizer Configuration
    let activeScale = &#39;hijaz&#39;;
    const scales = {
      hijaz: {
        frets: [155.56, 174.61, 185.00, 196.00, 220.00, 233.08, 261.63], // D#3 to C4 range
        labels: [&quot;D#&quot;, &quot;F&quot;, &quot;F#&quot;, &quot;G&quot;, &quot;A&quot;, &quot;A#&quot;, &quot;C&quot;]
      },
      ousak: {
        frets: [155.56, 164.81, 185.00, 196.00, 220.00, 233.08, 261.63],
        labels: [&quot;D#&quot;, &quot;E&quot;, &quot;F#&quot;, &quot;G&quot;, &quot;A&quot;, &quot;A#&quot;, &quot;C&quot;]
      },
      rast: {
        frets: [164.81, 174.61, 185.00, 196.00, 220.00, 246.94, 261.63],
        labels: [&quot;E&quot;, &quot;F&quot;, &quot;F#&quot;, &quot;G&quot;, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;]
      }
    };

    // Rhythm Engine variables
    let rhythmInterval = null;
    let isPlayingRhythm = false;
    let currentRhythmType = &#39;&#39;;
    let bpm = 95;
    
    // Tips System variables
    let currentTipsTotal = 0.00;

    window.onload = function() {
      if (localStorage.getItem(&#39;theme&#39;) === &#39;dark&#39; || window.matchMedia(&#39;(prefers-color-scheme: dark)&#39;).matches) {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
        updateThemeUI();
      }
      setupScrollProgress();
      selectScale(&#39;hijaz&#39;);
    };

    // Web Audio Synthesizer Initialization
    function initAudioContext() {
      if (!audioCtx) {
        audioCtx = new (window.AudioContext || window.webkitAudioContext)();
        showToast(&quot;Audio Engine Activated! Try the Strings.&quot;);
        const audioBtn = document.getElementById(&#39;audio-init-btn&#39;);
        if (audioBtn) {
          audioBtn.classList.remove(&#39;bg-brand-sage&#39;);
          audioBtn.classList.add(&#39;bg-emerald-500&#39;, &#39;text-white&#39;);
          audioBtn.innerHTML = `&lt;i class=&quot;fa-solid fa-check&quot;&gt;&lt;/i&gt; Connected`;
        }
      }
    }

    // Custom Synthesized Metallic Pluck (FM simulation)
    function playPluck(frequency, stringNum) {
      if (!audioCtx) {
        initAudioContext();
        if (!audioCtx) return;
      }
      
      if (audioCtx.state === &#39;suspended&#39;) {
        audioCtx.resume();
      }

      // Vibrate String UI
      const stringEl = document.getElementById(`string-${stringNum}`);
      if (stringEl) {
        stringEl.classList.add(&#39;string-vibrate&#39;);
        setTimeout(() =&gt; {
          stringEl.classList.remove(&#39;string-vibrate&#39;);
        }, 300);
      }

      const now = audioCtx.currentTime;
      
      // Fundamental metallic string wave
      const osc1 = audioCtx.createOscillator();
      const osc2 = audioCtx.createOscillator();
      const gainNode = audioCtx.createGain();
      
      osc1.type = &#39;sawtooth&#39;;
      osc1.frequency.setValueAtTime(frequency, now);
      
      // Detuned chorus wave to replicate double courses of a bouzouki
      osc2.type = &#39;triangle&#39;;
      osc2.frequency.setValueAtTime(frequency * 1.005, now);

      gainNode.gain.setValueAtTime(0.4, now);
      // Sharp decay envelope
      gainNode.gain.exponentialRampToValueAtTime(0.001, now + 1.2);

      // Low-pass filter to model acoustic resonance
      const filter = audioCtx.createBiquadFilter();
      filter.type = &#39;lowpass&#39;;
      filter.frequency.setValueAtTime(2000, now);
      filter.frequency.exponentialRampToValueAtTime(400, now + 0.8);

      osc1.connect(filter);
      osc2.connect(filter);
      filter.connect(gainNode);
      gainNode.connect(audioCtx.destination);

      osc1.start(now);
      osc2.start(now);
      osc1.stop(now + 1.5);
      osc2.stop(now + 1.5);
    }

    function selectScale(scaleName) {
      activeScale = scaleName;
      
      const scaleButtons = [&#39;hijaz&#39;, &#39;ousak&#39;, &#39;rast&#39;];
      scaleButtons.forEach(btn =&gt; {
        const el = document.getElementById(`scale-${btn}`);
        if (el) {
          if (btn === scaleName) {
            el.className = &quot;px-3 py-1.5 rounded-full text-[0.8em] font-mono font-bold bg-brand-pine text-brand-gold border border-brand-gold/50&quot;;
          } else {
            el.className = &quot;px-3 py-1.5 rounded-full text-[0.8em] font-mono font-bold bg-stone-800 text-stone-300 border border-transparent&quot;;
          }
        }
      });

      // Update Frets UI Labels
      const labels = scales[scaleName].labels;
      for (let i = 1; i &lt;= 7; i++) {
        const fEl = document.getElementById(`fret-n${i}`);
        if (fEl) fEl.innerText = labels[i-1];
      }
    }

    function playFret(fretNumber) {
      const freq = scales[activeScale].frets[fretNumber - 1];
      playPluck(freq, 2);
    }

    // Drum Machine beats synthesizer
    function playTambourineBeep() {
      if (!audioCtx) return;
      const now = audioCtx.currentTime;
      const osc = audioCtx.createOscillator();
      const gain = audioCtx.createGain();
      osc.type = &#39;triangle&#39;;
      osc.frequency.setValueAtTime(800, now);
      gain.gain.setValueAtTime(0.1, now);
      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.15);
      osc.connect(gain);
      gain.connect(audioCtx.destination);
      osc.start(now);
      osc.stop(now + 0.2);
    }

    function playBassPluck() {
      if (!audioCtx) return;
      const now = audioCtx.currentTime;
      const osc = audioCtx.createOscillator();
      const gain = audioCtx.createGain();
      osc.type = &#39;sine&#39;;
      osc.frequency.setValueAtTime(85, now);
      gain.gain.setValueAtTime(0.35, now);
      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.3);
      osc.connect(gain);
      gain.connect(audioCtx.destination);
      osc.start(now);
      osc.stop(now + 0.4);
    }

    function toggleRhythm(type) {
      if (!audioCtx) {
        initAudioContext();
        if (!audioCtx) return;
      }

      if (isPlayingRhythm &amp;&amp; currentRhythmType === type) {
        clearInterval(rhythmInterval);
        isPlayingRhythm = false;
        currentRhythmType = &#39;&#39;;
        document.getElementById(&#39;btn-zeibekiko&#39;).className = &quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-stone-800 text-stone-300 hover:bg-stone-700 border border-stone-600 flex items-center gap-2 transition-all&quot;;
        document.getElementById(&#39;btn-hasapiko&#39;).className = &quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-stone-800 text-stone-300 hover:bg-stone-700 border border-stone-600 flex items-center gap-2 transition-all&quot;;
        return;
      }

      clearInterval(rhythmInterval);
      isPlayingRhythm = true;
      currentRhythmType = type;

      // Toggle styles
      if (type === &#39;zeibekiko&#39;) {
        document.getElementById(&#39;btn-zeibekiko&#39;).className = &quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-[#2d6a4f] text-white flex items-center gap-2 transition-all&quot;;
        document.getElementById(&#39;btn-hasapiko&#39;).className = &quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-stone-800 text-stone-300 border border-transparent&quot;;
      } else {
        document.getElementById(&#39;btn-hasapiko&#39;).className = &quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-[#2d6a4f] text-white flex items-center gap-2 transition-all&quot;;
        document.getElementById(&#39;btn-zeibekiko&#39;).className = &quot;px-4 py-2 rounded-[0.75em] text-[0.85em] font-orbitron font-semibold bg-stone-800 text-stone-300 border border-transparent&quot;;
      }

      const beatMs = (60 / bpm) * 1000;
      let step = 0;

      rhythmInterval = setInterval(() =&gt; {
        if (type === &#39;zeibekiko&#39;) {
          if (step % 9 === 0 || step % 9 === 4) {
            playBassPluck();
          } else {
            playTambourineBeep();
          }
          step = (step + 1) % 9;
        } else {
          if (step % 4 === 0) {
            playBassPluck();
          } else {
            playTambourineBeep();
          }
          step = (step + 1) % 4;
        }
      }, beatMs / 2);
    }

    function updateBPM(newBpm) {
      bpm = parseInt(newBpm);
      document.getElementById(&#39;bpm-display&#39;).innerText = bpm;
      if (isPlayingRhythm) {
        toggleRhythm(currentRhythmType);
        toggleRhythm(currentRhythmType);
      }
    }

    // Toss Virtual Coins Sound synthesis
    function tossCoin(amount) {
      initAudioContext();
      if (audioCtx) {
        const now = audioCtx.currentTime;
        
        // High-pitched bell/chime sound to replicate real metallic coins
        const osc1 = audioCtx.createOscillator();
        const osc2 = audioCtx.createOscillator();
        const gainNode = audioCtx.createGain();
        
        osc1.type = &#39;sine&#39;;
        // Randomize pitch slightly to sound organic
        const pitchMultiplier = 0.95 + Math.random() * 0.1;
        osc1.frequency.setValueAtTime(1200 * pitchMultiplier, now);
        
        osc2.type = &#39;triangle&#39;;
        osc2.frequency.setValueAtTime(2300 * pitchMultiplier, now);

        gainNode.gain.setValueAtTime(0.15, now);
        gainNode.gain.exponentialRampToValueAtTime(0.001, now + 0.45);

        osc1.connect(gainNode);
        osc2.connect(gainNode);
        gainNode.connect(audioCtx.destination);

        osc1.start(now);
        osc2.start(now);
        osc1.stop(now + 0.5);
        osc2.stop(now + 0.5);
      }

      // Add to total
      currentTipsTotal += amount;
      document.getElementById(&#39;busk-total&#39;).innerText = `Tips: ${currentTipsTotal.toFixed(2)}€`;
      
      // Update guitar case status
      const statusTextEn = `Guitar Case: ${currentTipsTotal.toFixed(2)}€ Supported!`;
      const statusTextGr = `Θήκη Κιθάρας: ${currentTipsTotal.toFixed(2)}€ Υποστήριξη!`;
      
      const statusEl = document.getElementById(&#39;tip-case-status&#39;);
      if (currentLanguage === &#39;GR&#39;) {
        statusEl.innerText = statusTextGr;
      } else {
        statusEl.innerText = statusTextEn;
      }

      // Flash dropzone border
      const dropzone = document.getElementById(&#39;guitar-case-dropzone&#39;);
      dropzone.className = &quot;bg-stone-900/60 p-4 rounded-[1.25em] border-2 border-dashed border-emerald-400 flex flex-col items-center justify-center relative min-h-[160px] overflow-hidden scale-[1.02] transition-all&quot;;
      setTimeout(() =&gt; {
        dropzone.className = &quot;bg-stone-900/60 p-4 rounded-[1.25em] border-2 border-dashed border-brand-sage/40 flex flex-col items-center justify-center relative min-h-[160px] overflow-hidden scale-100 transition-all&quot;;
      }, 200);

      showToast(`Tossed ${amount.toFixed(2)}€! Ευχαριστούμε!`);
    }

    function clearTips() {
      currentTipsTotal = 0.00;
      document.getElementById(&#39;busk-total&#39;).innerText = `Tips: 0.00€`;
      
      const statusEl = document.getElementById(&#39;tip-case-status&#39;);
      if (currentLanguage === &#39;GR&#39;) {
        statusEl.innerText = &quot;Θήκη Κιθάρας (Κενή)&quot;;
      } else {
        statusEl.innerText = &quot;Guitar Case (Empty)&quot;;
      }
      showToast(&quot;Tips cleared!&quot;);
    }

    // Timeline Switcher tabs
    function switchTimelineTab(tab) {
      if (tab === &#39;markos&#39;) {
        document.getElementById(&#39;content-markos&#39;).classList.remove(&#39;hidden&#39;);
        document.getElementById(&#39;content-michalis&#39;).classList.add(&#39;hidden&#39;);
        document.getElementById(&#39;tab-markos&#39;).className = &quot;flex-1 pb-3 text-[1em] font-orbitron font-bold text-brand-pine dark:text-brand-gold border-b-2 border-brand-pine dark:border-brand-gold transition-colors&quot;;
        document.getElementById(&#39;tab-michalis&#39;).className = &quot;flex-1 pb-3 text-[1em] font-orbitron font-bold text-stone-500 dark:text-slate-400 border-b-2 border-transparent hover:text-stone-700 transition-colors&quot;;
      } else {
        document.getElementById(&#39;content-markos&#39;).classList.add(&#39;hidden&#39;);
        document.getElementById(&#39;content-michalis&#39;).classList.remove(&#39;hidden&#39;);
        document.getElementById(&#39;tab-markos&#39;).className = &quot;flex-1 pb-3 text-[1em] font-orbitron font-bold text-stone-500 dark:text-slate-400 border-b-2 border-transparent hover:text-stone-700 transition-colors&quot;;
        document.getElementById(&#39;tab-michalis&#39;).className = &quot;flex-1 pb-3 text-[1em] font-orbitron font-bold text-brand-pine dark:text-brand-gold border-b-2 border-brand-pine dark:border-brand-gold transition-colors&quot;;
      }
    }

    // Glossary search filtering
    function filterGlossary() {
      const query = document.getElementById(&#39;glossary-search&#39;).value.toLowerCase();
      const items = document.querySelectorAll(&#39;.g-item&#39;);
      items.forEach(item =&gt; {
        const terms = item.getAttribute(&#39;data-term&#39;).toLowerCase();
        if (terms.includes(query)) {
          item.classList.remove(&#39;hidden&#39;);
        } else {
          item.classList.add(&#39;hidden&#39;);
        }
      });
    }

    // Language Toggle and Scroll logic
    function setupScrollProgress() {
      document.addEventListener(&#39;scroll&#39;, () =&gt; {
        const scrollTop = document.documentElement.scrollTop;
        const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
        const progress = (scrollTop / height) * 100;
        document.getElementById(&#39;progress-bar&#39;).style.width = progress + &quot;%&quot;;
      });
    }

    function toggleLanguage() {
      currentLanguage = currentLanguage === &#39;GR&#39; ? &#39;EN&#39; : &#39;GR&#39;;
      document.getElementById(&#39;lang-label&#39;).innerText = currentLanguage;

      const grElements = document.querySelectorAll(&#39;.lang-element.lang-gr&#39;);
      const enElements = document.querySelectorAll(&#39;.lang-element.lang-en&#39;);

      if (currentLanguage === &#39;GR&#39;) {
        grElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        showToast(&quot;Γλώσσα: Ελληνικά&quot;);
        
        // Reset guitar case status
        const statusEl = document.getElementById(&#39;tip-case-status&#39;);
        if (currentTipsTotal === 0) {
          statusEl.innerText = &quot;Θήκη Κιθάρας (Κενή)&quot;;
        } else {
          statusEl.innerText = `Θήκη Κιθάρας: ${currentTipsTotal.toFixed(2)}€ Υποστήριξη!`;
        }
      } else {
        grElements.forEach(el =&gt; el.classList.add(&#39;hidden&#39;));
        enElements.forEach(el =&gt; el.classList.remove(&#39;hidden&#39;));
        showToast(&quot;Language: English&quot;);
        
        // Reset guitar case status
        const statusEl = document.getElementById(&#39;tip-case-status&#39;);
        if (currentTipsTotal === 0) {
          statusEl.innerText = &quot;Guitar Case (Empty)&quot;;
        } else {
          statusEl.innerText = `Guitar Case: ${currentTipsTotal.toFixed(2)}€ Supported!`;
        }
      }
    }

    function toggleTheme() {
      if (document.documentElement.classList.contains(&#39;dark&#39;)) {
        document.documentElement.classList.remove(&#39;dark&#39;);
        document.body.classList.remove(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;light&#39;);
        currentTheme = &#39;light&#39;;
      } else {
        document.documentElement.classList.add(&#39;dark&#39;);
        document.body.classList.add(&#39;dark&#39;);
        localStorage.setItem(&#39;theme&#39;, &#39;dark&#39;);
        currentTheme = &#39;dark&#39;;
      }
      updateThemeUI();
    }

    function updateThemeUI() {
      const themeIcon = document.getElementById(&#39;theme-icon&#39;);
      if (currentTheme === &#39;dark&#39;) {
        themeIcon.className = &quot;fa-solid fa-sun text-[0.9em]&quot;;
      } else {
        themeIcon.className = &quot;fa-solid fa-moon text-[0.9em]&quot;;
      }
    }

    function showToast(text) {
      const toast = document.getElementById(&#39;toast-notif&#39;);
      const toastText = document.getElementById(&#39;toast-text&#39;);
      toastText.innerText = text;
      
      toast.classList.remove(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      toast.classList.add(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);

      setTimeout(() =&gt; {
        toast.classList.remove(&#39;translate-y-0&#39;, &#39;opacity-100&#39;);
        toast.classList.add(&#39;translate-y-[5em]&#39;, &#39;opacity-0&#39;);
      }, 2500);
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description><link>http://rempetikogeo69.blogspot.com/2026/07/teketzides-i-parea-pou-ekane-to-rebetikolaiko-tragoudi-viral.html</link><author>noreply@blogger.com (George Girnas)</author><thr:total>0</thr:total></item></channel></rss>