CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>XXVI. ULUSAL İMMÜNOLOJİ KONGRESİ</title> <link rel="canonical" href="https://ulusalimmunoloji2023.org" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="26. Ulusal İmmünoloji Kongresi"> <meta name="keywords" content="ulusal immunoloji kongresi, ulusal immunoloji kongresi 2023, 26. ulusal immunoloji kongresi, immunoloji"> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i%7CCrimson+Text:400,400i,700,700i" rel="stylesheet" type="text/css">  <link rel="stylesheet" id="bootstrap-css" href="https://ulusalimmunoloji2023.org/css/bootstrap/css/bootstrap.css" type="text/css" media="all"/>  <link rel="stylesheet" id="font-awesome" href="https://ulusalimmunoloji2023.org/css/fontawesome/css/all.min.css" type="text/css" media="all"/>  <link rel="stylesheet" id="owl-carousel" href="js/owl-carousel/owl.carousel.css" type="text/css" media="all"/>  <link rel="stylesheet" id="lawyers-style-css" href="style.css" type="text/css" media="all"/>  <link rel="icon" href="images/icons/favicon-32x32.png" sizes="32x32"/> <link rel="icon" href="images/icons/favicon-192x192.png" sizes="192x192"/> <link rel="apple-touch-icon-precomposed" href="images/icons/favicon-180x180.png"/> <style> @import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,800,900&display=swap"); #countdown { color: #fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2em; /* background: rgba(255, 255, 255, 0.3); */ /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); */ -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } #countdown .circle { position: relative; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; } #countdown .circle svg { position: relative; width: 150px; height: 150px; transform: rotate(270deg); } #countdown .circle svg circle { width: 100%; height: 100%; fill: transparent; stroke-width: 8; stroke: #092c62; stroke-linecap: round; transform: translate(5px, 5px); } #countdown .circle svg circle:nth-child(2) { stroke: var(--clr); stroke-dasharray: 440; stroke-dashoffset: 440; } #countdown div { position: absolute; text-align: center; font-weight: 500; color: #000; font-size: 1.5em; line-height: 0.5em; } #countdown div span { font-size: 0.35em; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 600px) { #countdown .circle { width: 100px; height: 100px; } #countdown .circle svg { height: 100px; width: 100px; } #countdown .circle svg circle { cx: 45; cy: 45; r: 45; stroke-width: 5; } #countdown div { font-size: 1.25em; } } @media screen and (max-width: 300px) { .text { font-size: 25px; } } .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 999; padding-top: 30px; } .popup-container { background-color: white; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); overflow: hidden; width: 30em; opacity: 0; transform: scale(0.8); transition: all 0.3s ease-in-out; } .popup-card { padding: 20px; text-align: center; } .popup-card h2 { font-size: 24px; margin-bottom: 10px; } .popup-card p { font-size: 16px; margin-bottom: 20px; } #close-popup { background-color: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; font-size: 18px; margin-top: 10px; } #close-popup:hover { background-color: #0056b3; } </style> </head> <body> <div class="menu-mask"></div>  <div class="mobile-menu-holder"> <div class="modal-menu-container"> <div class="exit-mobile"> <span class="icon-bar1"></span> <span class="icon-bar2"></span></div> <ul class="menu-mobile"> <li class="menu-item current-menu-item"> <a href="index_php.html">ANA SAYFA</a> </li> <li class="menu-item menu-item-has-children"> <a href="#">GENEL BİLGİLER</a> <ul class="sub-menu"> <li class="menu-item"><a href="kurullar.html">KURULLAR</a></li> <li class="menu-item"><a href="kongremerkezi.html">KONGRE MERKEZİ VE ULAŞIM</a></li> <li class="menu-item"><a href="genelbilgiler.html">KONGRE DETAYLARI</a></li> </ul> </li> <li class="menu-item"> <a href="program.html">BİLİMSEL PROGRAM</a> </li> <li class="menu-item "> <a href="konusmacilar.html">KONUŞMACILAR </a> </li> <li class="menu-item "> <a href="konusmacilar.html">KONUŞMACILAR </a> </li> <li class="menu-item menu-item-has-children"> <a href="#">KURSLAR</a> <ul class="sub-menu"> <li class="menu-item"><a href="kurslar.html">TEMELDEN KLİNİĞE NÖROİMMÜNOLOJİ</a></li> <li class="menu-item"><a href="kurs2.html">İMMÜNOLOJİDE SICAK KONULAR</a></li> </ul> </li> <li class="menu-item "> <a href="bildiriler.html">BİLDİRİLER</a> </li> <li class="menu-item "> <a href="kayit.html">KAYIT KONAKLAMA</a> </li> <li class="menu-item"> <a href="iletisim.html">İLETİŞİM</a> </li> <li class="menu-item "> <a href="index-en.html">EN</a> </li> </ul> </div> </div>   <header id="header-bar" class="header-1 "> <div class="container "> <div class="header-wrap "> <div class="logo logo-1"><a href="index_php.html"></a></div> <div class="nav-holder nav-holder-1"> <ul class="menu-nav menu-nav-1"> <li class="menu-item current-menu-item"> <a href="index_php.html">ANA SAYFA</a> </li> <li class="menu-item menu-item-has-children"> <a href="#">GENEL BİLGİLER</a> <ul class="sub-menu"> <li class="menu-item"><a href="kurullar.html" style="font-size: 12px">KURULLAR</a></li> <li class="menu-item"><a href="kongremerkezi.html" style="font-size: 12px">KONGRE MERKEZİ VE ULAŞIM</a></li> <li class="menu-item"><a href="genelbilgiler.html" style="font-size: 12px">KONGRE DETAYLARI</a></li> </ul> </li> <li class="menu-item"> <a href="program.html">BİLİMSEL PROGRAM </a> </li> <li class="menu-item "> <a href="konusmacilar.html">KONUŞMACILAR </a> </li> <li class="menu-item menu-item-has-children"> <a href="#">KURSLAR</a> <ul class="sub-menu"> <li class="menu-item"><a href="kurslar.html">TEMELDEN KLİNİĞE NÖROİMMÜNOLOJİ</a></li> <li class="menu-item"><a href="kurs2.html">İMMÜNOLOJİDE SICAK KONULAR</a></li> </ul> </li> <li class="menu-item"> <a href="bildiriler.html">BİLDİRİLER</a> </li> <li class="menu-item"> <a href="kayit.html">KAYIT KONAKLAMA</a> </li> <li class="menu-item"> <a href="iletisim.html">İLETİŞİM</a> </li> <li class="menu-item "> <a href="index-en.html">EN</a> </li> </ul> </div> <div class="nav-button-holder"> <button type="button" class="nav-button"> <span class="icon-bar"></span> </button></div> </div> </div> </header>  <div class="slider-container"> <div class="owl-carousel owl-theme home-slider"> <div class="slider-post slider-item-box"> <img class="img-fluid" src="images/home/tr.gif" alt=""> </div> <div class="slider-post slider-item-box"> </div> <div class="slider-post slider-item-box"> </div> </div> </div>   <div class="page-holder custom-page-template page-full fullscreen-page home-page-content clearfix"> <div class="container"> <h3 class="text" align="center">KONGREYE KALAN SÜRE</h3> <p> </p> <div id="countdown"> <div class="circle" style="--clr: #ff4c4c;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="dd"></circle> </svg> <div id="days">000<br><span>Gün</span></div> </div> <div class="circle" style="--clr: #ffd700;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="hh"></circle> </svg> <div id="hours">00<br><span>Saat</span></div> </div> <div class="circle" style="--clr: #ffc0cb;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="mm"></circle> </svg> <div id="minutes">00<br><span>Dakika</span></div> </div> <div class="circle" style="--clr: #b0e0e6;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="ss"></circle> </svg> <div id="seconds">00<br><span>Saniye</span></div> </div> </div> </div> <p> </p>  <section class="section-holder "> <div class="container"> <div class="row"> <div class="col-lg-12 "> <h2 class="section-heading-title margin-b16" align="center">DAVET MEKTUBU</h2> <p align="justify">Bağışıklık konusunda çalışan değerli bilim insanları, akademisyenler ve öğrenciler,</p> <p align="justify">Cumhuriyetimizin 100. yılında sizleri 11-13 Kasım 2023 tarihleri arasında Ankara’da gerçekleştireceğimiz “26. Ulusal İmmünoloji Kongresi”ne davet ediyoruz.</p> <p align="justify">Ulusal İmmünoloji Kongreleri ülkemizin bağışıklık bilimi ile ilgilenen farklı disiplinlerdeki klinisyen ve temel bilimci araştırmacılarını bir araya getirerek, güncel konuları tartışabilecekleri ve iş birlikleri oluşturabilecekleri bir platform sağlamaktadır.</p> <p align="justify">Bu yıl, çeşitli hastalıkların patogenezinde ve tedavi yaklaşımlarında immün sistemin rolü klinik ve temel immünoloji konularını birleştiren bir yaklaşımla ele alınacaktır. Düzenlenecek yarım günlük 2 kurs, 15’ten fazla sempozyum, 10’dan fazla kısa-konuşma ve 3 konferans ile yüksek bir bilimsel içeriğe ulaşmayı hedefledik. Ayrıca, immünoloji alanında yetişen gençlere görüşlerini ve bilime yaklaşımlarını da paylaşma fırsatı sunacak oturumlar planladık.</p> <p align="justify">26. Ulusal İmmünoloji Kongresi’nde immünoterapi, immünpatogenez, transplantasyon immünolojisi, otoimmünite-tolerans, aşırı duyarlılık, aşı immünolojisi, moleküler immünoloji ve immünolojide biyoinformatik yaklaşımlar konularına odaklanılacaktır.</p> <p align="justify">Siz araştırmacılarımızın elde ettiği çıktıları, sözel ve poster bildiriler ile tartışarak, paylaşmaktan keyif alacağımız ve bilimsel motivasyon bulacağımız Ulusal Kongremizde bir araya gelebilmek dileğiyle.</p> <h6>Prof. Dr. Güneş ESENDAĞLI<br> 26. Ulusal İmmünoloji Kongresi Başkanı</h6> <h5>Organisation Secretariat</h5> </div>  </div>  </section> </div>    <footer id="footer-var2"> <div id="footer-content"> <ul class="footer-social alignc"> <li><a class="social-facebook" href="https://www.facebook.com/flapkongre" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><i class="fab fa-instagram"></i></li> <li><a class="social-twitter" href="https://twitter.com/flaptour" target="_blank"><i class="fab fa-twitter"></i></a></li> <li><i class="fab fa-linkedin"></i></li> </ul> <h4 style="text-align: center;"><strong><span style="color: #3366ff;">Conference Partner Link:</span></strong></h4> <ul> <li><a href="https://www.taoms2023.org/">taoms2023.org</a></li> <li><a href="https://www.inforum2023.org/">inforum2023.org</a></li> <li><a href="https://www.ebko2023.org/">ebko2023.org</a></li> <li><a href="https://ulusalimmunoloji2023.org/">ulusalimmunoloji2023.org</a></li> <li><a href="https://ega-2023.org/">ega-2023.org</a></li> <li><a href="https://cobes2023.org/">cobes2023.org</a></li> <li><a href="https://tphd2023.org/">tphd2023.org</a></li> <li><a href="https://www.eras2023.org/">eras2023.org</a></li> <li><a href="https://trsgokolposkopi2023.org/">trsgokolposkopi2023.org</a></li> <li><a href="https://ceu2022.com/">ceu2022.com</a></li> <li><a href="https://congresosedvalencia2022.com/">congresosedvalencia2022.com</a></li> <li><a href="https://gecon2022.org/">gecon2022.org</a></li> <li><a href="https://www.kbb2022.org/">kbb2022.org</a></li> <li><a href="https://www.wceh2022malaysia.com/">wceh2022malaysia.com</a></li> <li><a href="https://www.psgecongress2022.com/">psgecongress2022.com</a></li> <li><a href="https://www.intercomsudeste2023.com/">intercomsudeste2023.com</a></li> <li><a href="https://www.spaicprimavera2023.com/">spaicprimavera2023.com</a></li> <li><a href="https://ws2023jeonju.com/">ws2023jeonju.com</a></li> <li><a href="https://www.ciei2023.com/">ciei2023.com</a></li> <li><a href="https://actforum2023.com/">actforum2023.com</a></li> <li><a href="https://www.ifss2023france.com/">ifss2023france.com</a></li> <li><a href="https://www.medikalfizik2023.com/">medikalfizik2023.com</a></li> <li><a href="https://www.nano2023.com/">nano2023.com</a></li> <li><a href="https://environmentandemergenciesforum2023.com/">environmentandemergenciesforum2023.com</a></li> <li><a href="https://www.cef2023.com/">cef2023.com</a></li> <li><a href="https://ewrs2022.org/">ewrs2022.org</a></li> <li><a href="https://plastikcerrahi2022.org/">plastikcerrahi2022.org</a></li> <li><a href="https://esam2022.org/">esam2022.org</a></li> <li><a href="https://gida2023.org/">gida2023.org</a></li> <li><a href="https://sowore2023.org/">sowore2023.org</a></li> <li><a href="https://www.klimik2023.org/">klimik2023.org</a></li> <li><a href="https://www.girisimselradyoloji2023.org/">girisimselradyoloji2023.org</a></li> <li><a href="https://acbc2023.org/">acbc2023.org</a></li> <li><a href="https://www.ioe2022.com/">ioe2022.com</a></li> <li><a href="https://www.emlg2022.com/">emlg2022.com</a></li> <li><a href="https://continental-lapree2022.com/">continental-lapree2022.com</a></li> <li><a href="https://www.aphrs2022singapore.com/">aphrs2022singapore.com</a></li> <li><a href="https://www.isncon2022pune.com/">isncon2022pune.com</a></li> <li><a href="https://www.championnatdumondemilitairedetriathlon2023.com/">championnatdumondemilitairedetriathlon2023.com</a></li> <li><a href="https://www.congresoisvis2023.com/">congresoisvis2023.com</a></li> <li><a href="https://www.cursoisin-ranf-2023.com/">cursoisin-ranf-2023.com</a></li> <li><a href="https://gkda2023.org/">gkda2023.org</a></li> <li><a href="https://csit2023.org/">csit2023.org</a></li> <li><a href="https://piecon2023.org/">piecon2023.org</a></li> <li><a href="https://www.cerrahionkoloji2023.org/">cerrahionkoloji2023.org</a></li> <li><a href="https://www.3godo2023.org/">3godo2023.org</a></li> <li><a href="https://pediatrikrehabilitasyon2023.org/">pediatrikrehabilitasyon2023.org</a></li> <li><a href="https://acds2023.org/">acds2023.org</a></li> <li><a href="https://www.pats-resok-congress-2023.org/">pats-resok-congress-2023.org</a></li> <li><a href="https://losemilenfomamiyelom2023.org/">losemilenfomamiyelom2023.org</a></li> <li><a href="https://bioen2023.org/">bioen2023.org</a></li> <li><a href="https://ulusaldermatoloji2023.org/">ulusaldermatoloji2023.org</a></li> <li><a href="https://www.genctrasd2023.org/">genctrasd2023.org</a></li> <li><a href="https://www.wtc2023turkey.org/">wtc2023turkey.org</a></li> <li><a href="https://apma2023.org/">apma2023.org</a></li> <li><a href="https://www.comit2023.org/">comit2023.org</a></li> <li><a href="https://www.radkon2023.org/">radkon2023.org</a></li> <li><a href="https://www.peduro2023.org/">peduro2023.org</a></li> <li><a href="https://meche2023.org/">meche2023.org</a></li> <li><a href="https://www.tmk2022.org/">tmk2022.org</a></li> <li><a href="https://www.iccec2023.org/">iccec2023.org</a></li> <li><a href="https://geriatrikhematoloji2023.org/">geriatrikhematoloji2023.org</a></li> <li><a href="https://www.dubrovnikcardiohighlights2023.org/">dubrovnikcardiohighlights2023.org</a></li> <li><a href="https://vhsd2023.org/">vhsd2023.org</a></li> <li><a href="https://dmis2023.org/">dmis2023.org</a></li> <li><a href="https://ardf2022.org/">ardf2022.org</a></li> <li><a href="https://aocc2022.org/">aocc2022.org</a></li> <li><a href="https://apfcbcongress2022.org/">apfcbcongress2022.org</a></li> <li><a href="https://www.tooling2022.org/">tooling2022.org</a></li> <li><a href="https://www.eosam2022.org/">eosam2022.org</a></li> <li><a href="https://www.monorailex2022.org/">monorailex2022.org</a></li> <li><a href="https://gcworlds2022.org/">gcworlds2022.org</a></li> <li><a href="https://www.uniondesgauches2022.org/">uniondesgauches2022.org</a></li> <li><a href="https://dijitaleczacilikzirvesi2022.org/">dijitaleczacilikzirvesi2022.org</a></li> <li><a href="https://www.sabaudia2022.org/">sabaudia2022.org</a></li> <li><a href="https://iccp2022india.org/">iccp2022india.org</a></li> <li><a href="https://www.capb2022.org/">capb2022.org</a></li> <li><a href="https://gsmm2022.org/">gsmm2022.org</a></li> <li><a href="https://santemondiale2022.org/">santemondiale2022.org</a></li> <li><a href="https://www.ampicon2022.com/">ampicon2022.com</a></li> <li><a href="https://www.twasummit2022.com/">twasummit2022.com</a></li> <li><a href="https://communicatingsustainability2022.com/">communicatingsustainability2022.com</a></li> <li><a href="https://waterrelationslisbon2022.com/">waterrelationslisbon2022.com</a></li> <li><a href="https://aplecalcoi2022.org/">aplecalcoi2022.org</a></li> <li><a href="https://www.afsumb2022.com/">afsumb2022.com</a></li> <li><a href="https://iwac2022.org/">iwac2022.org</a></li> <li><a href="https://www.metabolizma2022.org/">metabolizma2022.org</a></li> <li><a href="https://www.hikon2022.org/">hikon2022.org</a></li> <li><a href="https://www.icg2022.org/">icg2022.org</a></li> <li><a href="https://adkd2023.org/">adkd2023.org</a></li> <li><a href="https://www.aunqaic2023.org/">aunqaic2023.org</a></li> <li><a href="https://www.ippc2023.org/">ippc2023.org</a></li> <li><a href="https://ieeeccac2023.org/">ieeeccac2023.org</a></li> <li><a href="https://mms2023.org/">mms2023.org</a></li> <li><a href="https://www.giss2023.org/">giss2023.org</a></li> <li><a href="https://sppsphd2023.org/">sppsphd2023.org</a></li> <li><a href="https://tjcas-tkcas-2023.org/">tjcas-tkcas-2023.org</a></li> <li><a href="https://resilience2023.org/">resilience2023.org</a></li> <li><a href="https://www.segh2023.org/">segh2023.org</a></li> <li><a href="https://capagastro2022.org/">capagastro2022.org</a></li> <li><a href="https://cerrahionkoloji2022.org/">cerrahionkoloji2022.org</a></li> <li><a href="https://colloquium2022.org/">colloquium2022.org</a></li> <li><a href="https://cmi2022antwerp.org/">cmi2022antwerp.org</a></li> <li><a href="https://ucrwg.org/">keluaran hk</a></li> <li><a href="https://ucrwg.org/">pengeluaran hk</a></li> <li><a href="https://ucrwg.org/">data hk</a></li> <li><a href="https://ucrwg.org/">toto hk</a></li> <li><a href="https://ucrwg.org/">togel hongkong</a></li> <li><a href="https://www.kofc437.com/">togel</a></li> </ul> <h4 style="text-align: center;"><strong><span style="color: #3366ff;">Official Conference Link:</span></strong></h4> <ul> <li><a href="https://www.congresoslaot.org/">congresoslaot.org</a></li> <li><a href="https://eyicongress.info/">eyicongress.info</a></li> <li><a href="https://jazzconference.net/">jazzconference.net</a></li> <li><a href="https://www.2docongresomundialdeterapiaexistencial.com/">2docongresomundialdeterapiaexistencial.com</a></li> <li><a href="https://www.adaletkongresi.org/">adaletkongresi.org</a></li> <li><a href="https://www.tuketicihukukukongresi.com/">tuketicihukukukongresi.com</a></li> <li><a href="https://sos-bihac.org/">sos-bihac.org</a></li> <li><a href="https://www.inss-conf.org/">inss-conf.org</a></li> <li><a href="https://confraria-trotamontes.com/">confraria-trotamontes.com</a></li> <li><a href="https://ukicfconference.org.uk/">ukicfconference.org.uk</a></li> <li><a href="https://itmconference.org.uk/">itmconference.org.uk</a></li> <li><a href="https://congresossnm.org.mx/">congresossnm.org.mx</a></li> <li><a href="https://www.baffinspondassociation.org.uk/">baffinspondassociation.org.uk</a></li> </ul> <div class="foo-copyright alignc">All rights reserved | Designed by <a href="https://flaptour.com.tr/" target="_blank">FlapTour</a></div> </div> </footer>  <div class="scrollup"> <a class="scrolltop" href="#"> <i class="fa fa-chevron-up"></i> </a></div>  <script src="js/jquery.js"></script> <script src="js/jquery-migrate.min.js"></script> <script src="css/bootstrap/js/popper.js"></script> <script src="css/bootstrap/js/bootstrap.js"></script> <script src="js/easing.js"></script> <script src="js/fitvids.js"></script> <script src="js/owl-carousel/owl.carousel.js"></script> <script src="js/isotope.js"></script> <script src="js/jquery.magnific-popup.min.js"></script>  <script src="js/init.js"></script>  <script src="js/jquery.form.min.js"></script> <script src="js/contactform.js"></script> <script> console.log("New Year Countdown Using JavaScript"); console.log("I hope you guys like it :))"); let days = document.getElementById('days'); let hours = document.getElementById('hours'); let minutes = document.getElementById('minutes'); let seconds = document.getElementById('seconds'); let dd = document.getElementById('dd'); let hh = document.getElementById('hh'); let mm = document.getElementById('mm'); let ss = document.getElementById('ss'); let countdown = document.getElementById("countdown"); let wishDays = 10; let x = setInterval(function () { let currentYear = new Date().getFullYear(); let newYear = new Date(`Nov 11, ${currentYear + 0} 00:00:00`); let now = new Date().getTime(); let distance = newYear - now; // time calculation let d = Math.floor(distance / (1000 * 60 * 60 * 24)); let h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let s = Math.floor((distance % (1000 * 60)) / (1000)); // output the result days.innerHTML = d + "<br><span>GÜN</span>"; hours.innerHTML = h + "<br><span>SAAT</span>"; minutes.innerHTML = m + "<br><span>DAKİKA</span>"; seconds.innerHTML = s + "<br><span>SANİYE</span>"; // animate stroke dd.style.strokeDashoffset = 440 - (440 * d) / 365; hh.style.strokeDashoffset = 440 - (440 * h) / 24; mm.style.strokeDashoffset = 440 - (440 * m) / 60; ss.style.strokeDashoffset = 440 - (440 * s) / 60; // if countdown is over, change the innerText of .text if (distance < 0) { document.querySelector('.text').innerText = `Happy New Year ${currentYear}`; } }, 1000); // snowflakes const canvas = document.getElementById("snowflakes"); const ctx = canvas.getContext("2d"); canvas.width = window.innerWidth; canvas.height = window.innerHeight; // snowflake colors const colors = ["#eee", "#ddd", "#ccc"]; class SnowFlake { constructor() { this.x = 0; this.y = 0; this.vx = 0; this.vy = 0; this.radius = 0; this.color = ""; this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.vx = Math.random() - 0.5; this.vy = Math.random() * 1 + 1; this.radius = Math.random() * 1 + 1; this.color = colors[Math.floor(Math.random() * colors.length)]; } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle = this.color; ctx.fill(); ctx.closePath(); } update() { this.x += this.vx; this.y += this.vy; if (this.y + this.radius > canvas.height) { this.reset(); } } } const snowflakes = []; // initial snowflakes for (let i = 0; i < 100; i++) { snowflakes.push(new SnowFlake()); } // animation loop function animate() { requestAnimationFrame(animate); ctx.clearRect(0, 0, canvas.width, canvas.height); snowflakes.forEach((snowflake) => { snowflake.draw(); snowflake.update(); }); } animate(); // snow flake function createFlake() { const flake = document.createElement('ion-icon'); flake.setAttribute('name', 'snow-outline'); flake.style.left = Math.random() * window.innerWidth + 'px'; flake.style.animationDuration = Math.random() * 3 + 2 + 's'; // between 2 - 5 seconds flake.style.opacity = Math.random(); flake.style.fontSize = Math.random() * 10 + 10 + 'px'; document.body.appendChild(flake); setTimeout(() => { flake.remove(); }, 5000) } setInterval(createFlake, 500); // help button let help = document.getElementById('help'); let menu = document.querySelector('.menu'); help.onclick = function() { menu.classList.toggle('active'); if (menu.classList.contains('active')) { help.innerHTML = `<ion-icon name="close-outline"></ion-icon>`; } else { help.innerHTML = `<ion-icon name="menu-outline"><ion-icon>`; } } </script> <script> // script.js const popupOverlay = document.querySelector(".popup-overlay"); const popupContainer = document.querySelector(".popup-container"); const closePopupButton = document.getElementById("close-popup"); function openPopup() { popupOverlay.style.display = "flex"; setTimeout(() => { popupContainer.style.opacity = "1"; popupContainer.style.transform = "scale(1)"; }, 100); } function closePopup() { popupContainer.style.opacity = "0"; popupContainer.style.transform = "scale(0.8)"; setTimeout(() => { popupOverlay.style.display = "none"; }, 300); } // Automatically open the popup when the page loads window.addEventListener("load", openPopup); closePopupButton.addEventListener("click", closePopup); </script> </body> </html>