<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <title>Emre Sokullu</title>
    <!-- Privacy-friendly analytics by Plausible -->
    <script async src="https://plausible.io/js/pa-yCMX83LNFSaT7_72ZFA2A.js"></script>
    <script>
      window.plausible = window.plausible || function(){(plausible.q = plausible.q || []).push(arguments)};
      plausible.init = plausible.init || function(i){plausible.o = i || {}};
      plausible.init();
    </script>
    <style>
        .section {
            padding: 1em; 
            color: #000;
        }
        .right-block {
            background-image: url('DBC06D4F-BE5E-4EE3-BD30-F07A4E8E9346.JPG'); 
            background-size: cover;
            /*opacity: 0.7;*/
        }
        .right-column {
            z-index: 1; 
            /*position: absolute; */
            opacity: 0.8; 
            filter: none; 
            text-align: right; 
            width: 100%; 
            padding-right: 1em; 
            padding-bottom: 0.5em;
            color: #f2f2f2;
          background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
        }

        /* Mobile Styles */
        @media (max-width: 767px) {
          .right-block {
            background-attachment: scroll;
            min-height: 38vh;
          }
            .right-column {
                text-align: center; 
              background: rgba(0, 0, 0, 0.8); /* Background color for better readability on mobile */
            }
          #personal-card {
            padding-bottom: 2em;
          }
          .section {
            padding: 0.75em 1em;
          }
          .content.section h3 {
            margin-bottom: 0.5rem;
          }
          .content.section a {
            word-break: break-word;
          }
        }

        #burger-menu:focus + #navbarNav {
            display: block;
        }

    </style>

<style>
/* ===== shared ===== */
.emrebot-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}
.emrebot-overlay[hidden]{display:none!important}
.emrebot-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.emrebot-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;color:#888;cursor:pointer;line-height:1;z-index:1}
.emrebot-close:hover{color:#333}
/* ===== 1  BAR ===== */
#emrebot-bar{
  position:fixed;bottom:24px;right:24px;
  width:calc(50% - 48px);z-index:1000;
}
#emrebot-bar-form{
  display:flex;align-items:center;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.25);border-radius:999px;
  padding:6px 6px 6px 20px;
  box-shadow:0 4px 20px rgba(0,0,0,.25);transition:box-shadow .2s;
}
#emrebot-bar-form:focus-within{
  border-color:rgba(255,255,255,.5);
  box-shadow:0 4px 24px rgba(0,122,255,.3);
}
#emrebot-bar input{
  flex:1;border:none;outline:none;background:transparent;
  font-size:15px;color:#fff;font-family:inherit;padding:8px 0;min-width:0;
}
#emrebot-bar input::placeholder{color:rgba(255,255,255,.6)}
#emrebot-bar button{
  flex-shrink:0;width:38px;height:38px;border:none;border-radius:50%;
  background:#007aff;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s;
}
#emrebot-bar button:hover{background:#005ecb}
@media(max-width:767.98px){
  #emrebot-bar{position:sticky;top:0;left:0;right:0;bottom:auto;width:100%;padding:8px 12px;z-index:1030}
  #emrebot-bar-form{
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border-color:#d1d1d1;
    padding:4px 4px 4px 16px;
    box-shadow:0 4px 16px rgba(0,0,0,.10);
  }
  #emrebot-bar input{font-size:14px;color:#212529}
  #emrebot-bar input::placeholder{color:#999}
  #emrebot-bar button{width:34px;height:34px}
}
/* ===== 2  EMAIL MODAL ===== */
.emrebot-email-modal{
  position:relative;background:#fff;border-radius:16px;
  padding:40px 32px 32px;max-width:400px;width:90%;
  text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);
  animation:emrebotSlideUp .3s ease;
}
.emrebot-email-icon{font-size:40px;margin-bottom:8px}
.emrebot-email-modal h3{margin:0 0 6px;font-size:20px;font-weight:700;color:#212529}
.emrebot-email-modal p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.5}
.emrebot-email-fine{font-size:12px!important;color:#aaa!important;margin-top:14px!important}
#emrebot-email-form{display:flex;flex-direction:column;gap:10px}
#emrebot-email-form input{
  border:1px solid #ddd;border-radius:10px;padding:12px 16px;
  font-size:15px;outline:none;font-family:inherit;
}
#emrebot-email-form input:focus{border-color:#007aff}
#emrebot-email-form button{
  border:none;border-radius:10px;padding:12px;
  background:#007aff;color:#fff;font-size:15px;font-weight:600;
  cursor:pointer;transition:background .2s;
}
#emrebot-email-form button:hover{background:#005ecb}
/* ===== 3  CHAT LIGHTBOX (iMessage style) ===== */
.emrebot-chat-lightbox{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border-radius:16px;overflow:hidden;
  width:520px;max-width:94vw;height:70vh;max-height:640px;
  box-shadow:0 20px 60px rgba(0,0,0,.3);
  animation:emrebotSlideUp .3s ease;
}
/* header */
.emrebot-chat-header{
  display:flex;align-items:center;gap:10px;
  padding:14px 48px 14px 16px;
  background:#f9f9f9;border-bottom:1px solid #e8e8e8;
}
.emrebot-chat-avatar{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,#007aff,#5856d6);
  color:#fff;font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.emrebot-chat-header-info strong{display:block;font-size:14px;color:#212529}
.emrebot-chat-header-info span{font-size:11px;color:#999}
/* messages area */
.emrebot-messages{
  flex:1;overflow-y:auto;padding:16px;
  display:flex;flex-direction:column;gap:8px;
  background:#fff;
}
/* bubbles */
.emrebot-bubble{
  max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5;
  border-radius:18px;word-wrap:break-word;
  animation:emrebotFadeIn .25s ease;
}
.emrebot-bubble.bot{
  align-self:flex-start;
  background:#e9e9eb;color:#212529;
  border-bottom-left-radius:4px;
}
.emrebot-bubble.user{
  align-self:flex-end;
  background:#007aff;color:#fff;
  border-bottom-right-radius:4px;
}
.emrebot-bubble.bot.typing{
  display:flex;gap:4px;align-items:center;padding:12px 18px;
}
.emrebot-bubble.bot.typing span{
  width:7px;height:7px;border-radius:50%;background:#999;
  animation:emrebotDot 1.4s infinite ease-in-out both;
}
.emrebot-bubble.bot.typing span:nth-child(2){animation-delay:.2s}
.emrebot-bubble.bot.typing span:nth-child(3){animation-delay:.4s}
/* input row */
.emrebot-chat-input-row{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;border-top:1px solid #e8e8e8;background:#f9f9f9;
}
.emrebot-chat-input-row input{
  flex:1;border:1px solid #ddd;border-radius:20px;padding:10px 16px;
  font-size:14px;outline:none;font-family:inherit;background:#fff;min-width:0;
}
.emrebot-chat-input-row input:focus{border-color:#007aff}
.emrebot-chat-input-row button{
  flex-shrink:0;width:36px;height:36px;border:none;border-radius:50%;
  background:#007aff;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.emrebot-chat-input-row button:hover{background:#005ecb}
/* animations */
@keyframes emrebotSlideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes emrebotFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes emrebotDot{0%,80%,100%{transform:scale(0.4)}40%{transform:scale(1)}}
/* mobile adjustments */
@media(max-width:767.98px){
  .emrebot-chat-lightbox{height:85vh;max-height:none;border-radius:12px}
  .emrebot-email-modal{padding:32px 24px 24px}
}
</style>


  </head>
  <body class="h-card h-resume">
    <div class="container-fluid px-0 px-md-3">
      <div class="row no-gutters" style="min-height: 100vh">
        <div class="col-lg-6 col-md-6 col-sm-12 order-2 order-md-1" style="background-color: #f2f2f2;">
            <div class="content section">
                <h3>Books</h3>
                <a href="https://www.dr.com.tr/kitap/groups-hikayesi-turkiyeden-amerikaya-uzanan-bir-girisimcilik-oykusu/egitim-basvuru/is-ekonomi-hukuk/ekonomi/urunno=0002064124001">Grou.ps Hikayesi [TR]</a> <br>
                <a href="https://www.amazon.com/Istanbul-Silicon-Valley-Grou-ps-Story-ebook/dp/B0CDST3F1P">The Grou.ps Story [EN]</a> <br>
                </div>
            <div class="content section">
                <h3>Work</h3>
              <!--
                <a href="https://aaronswtech.com" class="p-org">AaronSw LLC</a> (makers of <a href="https://securebtcwallet.com">SecureBtcWallet</a> and <a href="https://mastoturk.org">MastoTurk</a>)<br>
              -->
              <a href="https://webbrain.one">WebBrain</a> <br>
              <a href="https://securebtcwallet.com">SecureBtcWallet</a> &amp; <a href="https://miras.global">miras.global</a> <br>
              <a href="https://mastoturk.org">MastoTurk</a> <span class="badge badge-success">non-profit</span><br>
              <a href="https://phonetworks.com">Phở Networks</a> <span class="badge badge-success">non-profit</span> <!--<span class="badge badge-warning">dormant</span>--><br>
              and more...<br>
                </div>
                <div class="content section">
                <h3>Past</h3>
                <a href="http://grou.ps" data-container="body" data-toggle="popover" data-placement="right" data-content="The first DIY social network platform. Founded in 2005. Exited in 2018 to a public telecom corporation." class="p-experience">Grou.ps</a><br>
                <a href="https://github.com/graphjs/graphjs" data-container="body" data-toggle="popover" data-placement="right" data-content="Developer Tools for Social Networking. Founded in 2019, exited in 2021 to Rock Content." class="p-experience">Research in Social Graph (GraphJS)</a><br>
                <a href="https://turkix.com" class="p-experience">Turkix</a><br>
            </div>
            <div class="content section d-none">
                <h3>Investments</h3>
                <a href="https://autommatic.com" data-container="body" data-toggle="popover" data-placement="right" data-content="Makers of Wordpress. A unicorn." class="x-investment">Automattic</a><br>
                <a href="https://h2o.ai" class="x-investment">H2O.ai</a><br>
                <a href="https://bitcoin.org" class="x-investment">Bitcoin</a><br>
                <a href="https://angel.co/p/sokullu">Others...</a><br>
            </div>
            <div class="content section">
                <h3>Research</h3>
                <a href="whitepaper.pdf">Decentralized Social Networking Whitepaper</a><br>
                <a href="Pho Paper - Draft 2.pdf">2018 Paper on the Performance Benefits of Phở  and Graph-Based Approaches in Social Networking Infrastructure</a>
            </div>

          <div class="content section">
                <h3>Associations</h3>
                <a data-container="body" data-toggle="popover" data-placement="top" data-content="Galatasaray SK Congressmember" href="https://www.galatasaray.org/" target="_blank"><img src="galatasaray.png" style="width:60px; height: 80px;"></a> <a data-container="body" data-toggle="popover" data-placement="top" data-content="Bogazici University" href="https://bogazici.edu.tr/" target="_blank"><img src="bogazici.png" style="width:80px; height: 80px;"></a> </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12 order-1 order-md-2 right-block" style="padding-right: 0; padding-left: 0;">
          
            <div class="content right-column" >
                
                <h3 style="padding:20px 0 0 0;" class="p-name">
                    Emre Sokullu
                </h3>
                
                    <p id="personal-card">
                      <!--
                        <a href="https://mstdn.social/@esokullu" rel="me" class="text-white u-url">@esokullu@mstdn.social</a> 🇺🇸 <br/>
                      -->
                        <a href="https://mastoturk.org/@esokullu" rel="me" class="text-white u-url">@esokullu@mastoturk.org</a> 🐘 <br/>
                        
                       
                      <a href="https://github.com/esokullu" rel="me" class="text-white u-url">https://github.com/esokullu</a> 👨‍💻 <br/>
                        <a href="mailto:esokullu@gmail.com" class="text-white p-contact">esokullu@gmail.com</a> ✉️ <br />
                      <a href="https://www.youtube.com/@KendiEgemen/videos" rel="me" class="text-white u-url">Youtube</a> | <a href="/myblog" rel="me" class="text-white u-url">Blog</a> | <a href="https://galipsokullu.com" rel="me" class="text-white u-url">My Dad</a>
                        </p>
            </div>
        </div>
      </div>
    </div>
    <div class="d-none">
        <p>More info...</p>
        <p class="p-education">Galatasaray Lisesi</p>
        <p class="p-education">Bogazici University</p>
        <time class="dt-bday">1983-01-15</time>
        <p class="p-sex">m</p>
        <p class="x-dating">f</p>
        <p class="x-status">single</p>
    </div>



    <!-- 1) FIXED CHAT INPUT BAR (always visible) -->
<div id="emrebot-bar">
  <form id="emrebot-bar-form" autocomplete="off">
    <input type="text" id="emrebot-bar-input"
           placeholder="Chat with @emrebot..." aria-label="Chat with emrebot" />
    <button type="submit" aria-label="Send">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
           stroke="currentColor" stroke-width="2"
           stroke-linecap="round" stroke-linejoin="round">
        <line x1="22" y1="2" x2="11" y2="13"/>
        <polygon points="22 2 15 22 11 13 2 9 22 2"/>
      </svg>
    </button>
  </form>
</div>
<!-- 2) EMAIL SIGNUP OVERLAY -->
<div id="emrebot-email-overlay" class="emrebot-overlay" hidden>
  <div class="emrebot-overlay-backdrop"></div>
  <div class="emrebot-email-modal">
    <button class="emrebot-close" aria-label="Close">&times;</button>
    <div class="emrebot-email-icon">✉️</div>
    <h3>Before we chat…</h3>
    <p>Subscribe to Emre's newsletter to unlock the chatbot.</p>
    <form id="emrebot-email-form" autocomplete="off">
      <input type="email" id="emrebot-email-input"
             placeholder="you@email.com" required aria-label="Email address" />
      <button type="submit">Subscribe &amp; Chat</button>
    </form>
    <p class="emrebot-email-fine">No spam, ever. Unsubscribe anytime.</p>
  </div>
</div>
<!-- 3) iMESSAGE-STYLE CHAT LIGHTBOX -->
<div id="emrebot-chat-overlay" class="emrebot-overlay" hidden>
  <div class="emrebot-overlay-backdrop"></div>
  <div class="emrebot-chat-lightbox">
    <!-- Title bar -->
    <div class="emrebot-chat-header">
      <div class="emrebot-chat-avatar">ES</div>
      <div class="emrebot-chat-header-info">
        <strong>emrebot</strong>
        <span>AI assistant · powered by Emre's knowledge</span>
      </div>
      <button class="emrebot-close" aria-label="Close">&times;</button>
    </div>
    <!-- Messages -->
    <div class="emrebot-messages" id="emrebot-messages">
      <!-- bot greeting injected by JS -->
    </div>
    <!-- Input -->
    <form id="emrebot-chat-form" class="emrebot-chat-input-row" autocomplete="off">
      <input type="text" id="emrebot-chat-input"
             placeholder="Type a message…" aria-label="Message" />
      <button type="submit" aria-label="Send">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2"
             stroke-linecap="round" stroke-linejoin="round">
          <line x1="22" y1="2" x2="11" y2="13"/>
          <polygon points="22 2 15 22 11 13 2 9 22 2"/>
        </svg>
      </button>
    </form>
  </div>
</div>



    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
    <script>
        $(function () {
          $('[data-toggle="popover"]').popover({
            trigger: 'hover focus'
          })
        })
    </script>


<script>
(function(){
  const STORAGE_KEY = 'emrebot_email';
  const PENDING_KEY = 'emrebot_pending_message';
  // DOM refs
  const barForm     = document.getElementById('emrebot-bar-form');
  const barInput    = document.getElementById('emrebot-bar-input');
  const emailOverlay= document.getElementById('emrebot-email-overlay');
  const emailForm   = document.getElementById('emrebot-email-form');
  const emailInput  = document.getElementById('emrebot-email-input');
  const chatOverlay = document.getElementById('emrebot-chat-overlay');
  const chatForm    = document.getElementById('emrebot-chat-form');
  const chatInput   = document.getElementById('emrebot-chat-input');
  const messagesEl  = document.getElementById('emrebot-messages');
  let pendingMessage = '';
  // ── helpers ──
  function isSubscribed(){ return !!localStorage.getItem(STORAGE_KEY); }
  function getQueryParam(name){
    try{ return new URLSearchParams(window.location.search).get(name); }
    catch(e){ return null; }
  }
  function openOverlay(el){
    el.hidden = false;
    document.body.style.overflow = 'hidden';
  }
  function closeOverlay(el){
    el.hidden = true;
    if(!emailOverlay.hidden || !chatOverlay.hidden) return;
    document.body.style.overflow = '';
  }
  function addBubble(text, who){
    const div = document.createElement('div');
    div.className = 'emrebot-bubble ' + who;
    div.textContent = text;
    messagesEl.appendChild(div);
    messagesEl.scrollTop = messagesEl.scrollHeight;
    return div;
  }
  function showTyping(){
    const div = document.createElement('div');
    div.className = 'emrebot-bubble bot typing';
    div.id = 'emrebot-typing';
    div.innerHTML = '<span></span><span></span><span></span>';
    messagesEl.appendChild(div);
    messagesEl.scrollTop = messagesEl.scrollHeight;
  }
  function hideTyping(){
    const t = document.getElementById('emrebot-typing');
    if(t) t.remove();
  }
  function openChat(initialMsg){
    // reset messages
    messagesEl.innerHTML = '';
    addBubble('Hey there 👋 I\'m emrebot — ask me anything about Emre.', 'bot');
    openOverlay(chatOverlay);
    chatInput.focus();
    // if user already typed something, send it
    if(initialMsg){
      addBubble(initialMsg, 'user');
      botReply(initialMsg);
    }
  }
  // ── bot reply stub (replace with your real API call) ──
  async function botReply(userMsg){
    showTyping();
    try{
      const res = await fetch('https://aaronswtech.com/chat.php', {
        method: 'POST',
        mode: 'cors',
        credentials: 'omit',
        headers: {'Content-Type':'application/json'},
        body: JSON.stringify({
          message: userMsg,
          email: localStorage.getItem(STORAGE_KEY) || null
        })
      });
      const data = await res.json().catch(() => ({}));
      hideTyping();
      if(!res.ok || !data || data.ok === false){
        addBubble((data && data.error) ? data.error : 'Sorry — the AI backend returned an error.', 'bot');
        return;
      }
      addBubble(data.reply || 'Sorry — empty response from AI backend.', 'bot');
    } catch(err){
      hideTyping();
      addBubble('Sorry — could not reach the AI backend.', 'bot');
    }
  }
  // ── 1  BAR SUBMIT ──
  barForm.addEventListener('submit', function(e){
    e.preventDefault();
    pendingMessage = barInput.value.trim();
    if(!pendingMessage) return;
    barInput.value = '';
    if(isSubscribed()){
      openChat(pendingMessage);
    } else {
      localStorage.setItem(PENDING_KEY, pendingMessage);
      openOverlay(emailOverlay);
      emailInput.focus();
    }
  });
  // ── 2  EMAIL SUBMIT ──
  emailForm.addEventListener('submit', function(e){
    e.preventDefault();
    const email = emailInput.value.trim();
    if(!email) return;
    (async function(){
      try{
        const res = await fetch('https://aaronswtech.com/subscribe.php', {
          method: 'POST',
          mode: 'cors',
          credentials: 'omit',
          headers: {'Content-Type':'application/json'},
          body: JSON.stringify({ email })
        });
        const data = await res.json().catch(() => ({}));
        if(!res.ok || !data || data.ok === false){
          alert((data && data.error) ? data.error : 'Subscription failed.');
          return;
        }
        if(data.already_confirmed){
          localStorage.setItem(STORAGE_KEY, email);
          closeOverlay(emailOverlay);
          openChat(localStorage.getItem(PENDING_KEY) || pendingMessage);
          localStorage.removeItem(PENDING_KEY);
          pendingMessage = '';
          return;
        }
        alert('Check your email for a one-time confirmation link to unlock the chat.');
        closeOverlay(emailOverlay);
      } catch(err){
        alert('Subscription failed (network error).');
      }
    })();
  });
  // ── 3  CHAT SUBMIT ──
  chatForm.addEventListener('submit', function(e){
    e.preventDefault();
    const msg = chatInput.value.trim();
    if(!msg) return;
    chatInput.value = '';
    addBubble(msg, 'user');
    botReply(msg);
  });
  // ── CLOSE BUTTONS ──
  document.querySelectorAll('.emrebot-close').forEach(function(btn){
    btn.addEventListener('click', function(){
      closeOverlay(this.closest('.emrebot-overlay'));
    });
  });
  // close on backdrop click
  document.querySelectorAll('.emrebot-overlay-backdrop').forEach(function(bd){
    bd.addEventListener('click', function(){
      closeOverlay(this.closest('.emrebot-overlay'));
    });
  });
  // ESC to close
  document.addEventListener('keydown', function(e){
    if(e.key === 'Escape'){
      if(!chatOverlay.hidden) closeOverlay(chatOverlay);
      else if(!emailOverlay.hidden) closeOverlay(emailOverlay);
    }
  });

  // ── MAGIC LINK RETURN ──
  const confirmed = getQueryParam('emrebot_confirmed');
  const confirmedEmail = getQueryParam('email');
  if(confirmed === '1' && confirmedEmail){
    localStorage.setItem(STORAGE_KEY, confirmedEmail);
    const msg = localStorage.getItem(PENDING_KEY) || '';
    localStorage.removeItem(PENDING_KEY);
    const url = new URL(window.location.href);
    url.searchParams.delete('emrebot_confirmed');
    url.searchParams.delete('email');
    window.history.replaceState({}, document.title, url.toString());
    if(msg){
      openChat(msg);
    }
  }
})();
</script>

  </body>
</html>
