giresun.edu.tr.comGiresun Üniversitesi ...(c) 2019, Taşpınar Yazılım06/03/2014tr-TR<div class="ozel-etkinlik-alani"> <div class="etkinlik-karti"> <h2>Panel: Balkanlarda Güncel Sorun Alanları</h2> <div class="afis-konteyner" onclick="resmiBuyut(this.querySelector('img').src)"> <img alt="Etkinlik Afişi" class="etkinlik-afis" src="https://karasam.giresun.edu.tr/Files/ckFiles/karasam-giresun-edu-tr/_Ara%C5%9Ft%C4%B1rma%20ve%20Sondaj%20Gemilerinin%20D%C4%B1%C5%9F%20Politikaya%20Etkisi_20260413_130407_0000.png" /> <div class="buyut-ikonu"></div> </div> <div class="etkinlik-icerik"> <p>Giresun Üniversitesi Uluslararası İlişkiler Bölümü, GİSAT (Giresun Üniversitesi Stratejik Araştırmalar Topluluğu) ve KARASAM iş birliğiyle düzenlenen <strong>"Balkanlarda Güncel Sorun Alanları"</strong> konulu panelimize tüm öğrencilerimiz ve ilgililer davetlidir.</p> <div class="bilgi-izgarasi"> <div class="bilgi-kutusu"> <h6>Tarih</h6> <div class="bilgi-kutusu-deger">20 Nisan 2026</div> </div> <div class="bilgi-kutusu"> <h6>Saat</h6> <div class="bilgi-kutusu-deger">14:00</div> </div> <div class="bilgi-kutusu"> <h6>Yer</h6> <div class="bilgi-kutusu-deger" style="font-size: 1rem;">Fen-Edebiyat Fakültesi<br>Mevlana Amfisi</div> </div> </div> <h4 class="konusmaci-baslik">Konuşmacılar</h4> <div class="konusmaci-izgarasi"> <div class="konusmaci-karti tam-genislik"> <div class="konusmaci-bilgi"> <span class="moderator-etiket">Moderatör</span> <h5>Prof. Dr. Göktürk TÜYSÜZOĞLU</h5> <p>Giresun Üniversitesi, İktisadi ve İdari Bilimler Fakültesi<br /> Uluslararası İlişkiler Bölümü</p> </div> </div> <div class="konusmaci-karti"> <div class="konusmaci-bilgi"> <span class="konusmaci-etiket">Konuşmacı</span> <h5>Doç. Dr. Kader ÖZLEM</h5> <p>Uludağ Üniversitesi<br /> İktisadi ve İdari Bilimler Fakültesi<br /> Uluslararası İlişkiler Bölümü</p> </div> </div> <div class="konusmaci-karti"> <div class="konusmaci-bilgi"> <span class="konusmaci-etiket">Konuşmacı</span> <h5>Doç. Dr. Ayça EMİNOĞLU</h5> <p>Karadeniz Teknik Üniversitesi<br /> İktisadi ve İdari Bilimler Fakültesi<br /> Uluslararası İlişkiler Bölümü</p> </div> </div> </div> </div> </div> </div> <div id="resimModali" onclick="modaliKapat()"> <span class="kapat-btn">&times;</span> <img id="modalResmi" src=""> </div> <script> function resmiBuyut(resimYolu) { var modal = document.getElementById("resimModali"); var modalImg = document.getElementById("modalResmi"); modal.style.display = "flex"; modalImg.src = resimYolu; document.body.style.overflow = "hidden"; } function modaliKapat() { document.getElementById("resimModali").style.display = "none"; document.body.style.overflow = "auto"; } </script> <style> /* Modern Kart Tasarımı */ .ozel-etkinlik-alani { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; } .etkinlik-karti { max-width: 900px; margin: 0 auto; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); overflow: hidden; border: 1px solid #eaeaea; } .etkinlik-karti h2 { background: #1a365d; /* Kurumsal lacivert */ color: #ffffff; margin: 0; padding: 20px; text-align: center; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.5px; } /* Tıklanabilir Afiş Alanı */ .afis-konteyner { position: relative; overflow: hidden; cursor: pointer; background: #f8fafc; text-align: center; } .etkinlik-afis { max-width: 100%; height: auto; display: block; transition: transform 0.4s ease; margin: 0 auto; } .afis-konteyner:hover .etkinlik-afis { transform: scale(1.02); } .buyut-ikonu { position: absolute; bottom: 15px; right: 15px; background: rgba(0,0,0,0.6); color: white; padding: 8px 12px; border-radius: 20px; font-size: 0.85rem; pointer-events: none; backdrop-filter: blur(4px); } .buyut-ikonu::after { content: "Büyütmek için tıkla"; } /* İçerik Kutusu */ .etkinlik-icerik { padding: 30px; } /* Bilgi Izgarası (Tarih, Saat, Yer) */ .bilgi-izgarasi { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 20px 0 30px 0; background: #f8fafc; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; } .bilgi-kutusu { flex: 1; text-align: center; border-right: 1px solid #cbd5e1; } .bilgi-kutusu:last-child { border-right: none; } .bilgi-kutusu h6 { margin: 0 0 5px 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; } .bilgi-kutusu-deger { font-size: 1.1rem; font-weight: 600; color: #0f172a; } /* Konuşmacı Kartları */ .konusmaci-baslik { text-align: center; color: #1a365d; margin-bottom: 20px; font-size: 1.3rem; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; } .konusmaci-izgarasi { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .konusmaci-karti { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; transition: box-shadow 0.3s ease; } .konusmaci-karti:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .konusmaci-karti.tam-genislik { grid-column: 1 / -1; background: #f0f9ff; border-color: #bae6fd; text-align: center; } .konusmaci-bilgi h5 { margin: 0 0 8px 0; color: #0f172a; font-size: 1.1rem; } .konusmaci-bilgi p { margin: 0; font-size: 0.9rem; color: #475569; line-height: 1.5; } .moderator-etiket { display: inline-block; background: #0ea5e9; color: white; padding: 3px 8px; border-radius: 4px; font-size: 0.8rem; margin-bottom: 10px; font-weight: bold; } .konusmaci-etiket { display: inline-block; background: #64748b; color: white; padding: 3px 8px; border-radius: 4px; font-size: 0.8rem; margin-bottom: 10px; font-weight: bold; } /* Tam Ekran Resim Modalı (Lightbox) */ #resimModali { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(15, 23, 42, 0.9); align-items: center; justify-content: center; backdrop-filter: blur(5px); } #modalResmi { max-width: 90%; max-height: 90vh; border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); object-fit: contain; } .kapat-btn { position: absolute; top: 25px; right: 40px; color: #ffffff; font-size: 45px; font-weight: bold; cursor: pointer; transition: color 0.3s ease; line-height: 1; } .kapat-btn:hover { color: #94a3b8; } /* Mobil Uyumluluk */ @media (max-width: 650px) { .konusmaci-izgarasi { grid-template-columns: 1fr; } .bilgi-izgarasi { flex-direction: column; gap: 0; } .bilgi-kutusu { border-right: none; border-bottom: 1px solid #cbd5e1; padding: 10px 0; } .bilgi-kutusu:last-child { border-bottom: none; } .etkinlik-icerik { padding: 20px; } } </style> https://karasam.giresun.edu.tr/tr/news-detail/panel-duyurusu-balkanlarda-guncel-sorun-alanlari/2139320.04.2026<div class="ozel-etkinlik-alani"> <div class="etkinlik-karti"> <h2>Panel ve Resim Sergisi Daveti</h2> <div class="afis-konteyner" onclick="resmiBuyut(this.querySelector('img').src)"> <img alt="Etkinlik Afişi" class="etkinlik-afis" src="/Files/ckFiles/karasam-giresun-edu-tr/Arastirmaetkinlikafis1.png" /> <div class="buyut-ikonu"></div> </div> <div class="etkinlik-icerik"> <p>Uluslararası İlişkiler Bölümü tarafından, Giresun Üniversitesi Stratejik Araştırmalar Topluluğu ve Karadeniz Stratejik Araştırma ve Uygulama Merkezi iş birliğiyle düzenlenen panel ve resim sergisine tüm öğrencilerimiz ve ilgililer davetlidir.</p> <div class="etkinlik-uyari"> <h5>Özel Etkinlik</h5> <p style="margin:0;">Program kapsamında ayrıca <strong>"Osmanlı'dan Bugüne Sondaj Arama Gemileri"</strong> başlıklı resim sergisi de katılımcıların ziyaretine sunulacaktır.</p> </div> <div class="bilgi-izgarasi"> <div class="bilgi-kutusu"> <h6>Tarih</h6> <div class="bilgi-kutusu-deger">26 Mart 2026</div> </div> <div class="bilgi-kutusu"> <h6>Saat</h6> <div class="bilgi-kutusu-deger">14:00</div> </div> <div class="bilgi-kutusu"> <h6>Yer</h6> <div class="bilgi-kutusu-deger">Mevlana Amfisi</div> </div> </div> <h4 class="konusmaci-baslik">Konuşmacılar</h4> <div class="konusmaci-izgarasi"> <div class="konusmaci-karti"> <div class="konusmaci-bilgi"> <h5>Prof. Dr. Coşkun Topal</h5> <p>Karadeniz Teknik Üniversitesi<br /> İktisadi ve İdari Bilimler Fakültesi<br /> Uluslararası İlişkiler Bölüm Başkanı</p> </div> </div> <div class="konusmaci-karti"> <div class="konusmaci-bilgi"> <h5>Prof. Dr. Nafiz Maden</h5> <p>Gümüşhane Üniversitesi<br /> Mühendislik ve Doğa Bilimleri Fakültesi<br /> Jeofizik Mühendisliği Bölüm Başkanı</p> </div> </div> <div class="konusmaci-karti tam-genislik"> <div class="konusmaci-bilgi"> <span class="moderator-etiket">Moderatör</span> <h5>Doç. Dr. Cenk Özgen</h5> <p>Giresun Üniversitesi, İktisadi ve İdari Bilimler Fakültesi<br /> Siyaset Bilimi ve Kamu Yönetimi Bölümü</p> </div> </div> </div> </div> </div> </div> <div id="resimModali" onclick="modaliKapat()"> <span class="kapat-btn">&times;</span> <img id="modalResmi" src=""> </div> <script> function resmiBuyut(resimYolu) { var modal = document.getElementById("resimModali"); var modalImg = document.getElementById("modalResmi"); modal.style.display = "flex"; modalImg.src = resimYolu; document.body.style.overflow = "hidden"; // Arka planın kaymasını engeller } function modaliKapat() { document.getElementById("resimModali").style.display = "none"; document.body.style.overflow = "auto"; // Kaydırmayı tekrar aktif eder } </script> <style> /* Modern Kart Tasarımı */ .ozel-etkinlik-alani { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; } .etkinlik-karti { max-width: 900px; margin: 0 auto; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); overflow: hidden; border: 1px solid #eaeaea; } .etkinlik-karti h2 { background: #1a365d; /* Kurumsal lacivert */ color: #ffffff; margin: 0; padding: 20px; text-align: center; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.5px; } /* Tıklanabilir Afiş Alanı */ .afis-konteyner { position: relative; overflow: hidden; cursor: pointer; background: #f8fafc; text-align: center; } .etkinlik-afis { max-width: 100%; height: auto; display: block; transition: transform 0.4s ease; margin: 0 auto; } .afis-konteyner:hover .etkinlik-afis { transform: scale(1.02); } .buyut-ikonu { position: absolute; bottom: 15px; right: 15px; background: rgba(0,0,0,0.6); color: white; padding: 8px 12px; border-radius: 20px; font-size: 0.85rem; pointer-events: none; backdrop-filter: blur(4px); } /* Metin sisteme takılmaması için CSS ile eklendi ve emoji kaldırıldı */ .buyut-ikonu::after { content: "Büyütmek için tıkla"; } /* İçerik ve Uyarı Kutusu */ .etkinlik-icerik { padding: 30px; } .etkinlik-uyari { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 16px 20px; margin: 20px 0; border-radius: 0 8px 8px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.02); } .etkinlik-uyari h5 { margin: 0 0 8px 0; color: #b45309; font-size: 1.1rem; } /* Bilgi Izgarası (Tarih, Saat, Yer) */ .bilgi-izgarasi { display: flex; justify-content: space-between; gap: 15px; margin: 30px 0; background: #f8fafc; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; } .bilgi-kutusu { flex: 1; text-align: center; border-right: 1px solid #cbd5e1; } .bilgi-kutusu:last-child { border-right: none; } .bilgi-kutusu h6 { margin: 0 0 5px 0; color: #64748b; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; } .bilgi-kutusu-deger { font-size: 1.1rem; font-weight: 600; color: #0f172a; } /* Konuşmacı Kartları */ .konusmaci-baslik { text-align: center; color: #1a365d; margin-bottom: 20px; font-size: 1.3rem; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; } .konusmaci-izgarasi { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .konusmaci-karti { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; transition: box-shadow 0.3s ease; } .konusmaci-karti:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .konusmaci-karti.tam-genislik { grid-column: 1 / -1; background: #f0f9ff; border-color: #bae6fd; text-align: center; } .konusmaci-bilgi h5 { margin: 0 0 8px 0; color: #0f172a; font-size: 1.1rem; } .konusmaci-bilgi p { margin: 0; font-size: 0.9rem; color: #475569; line-height: 1.5; } .moderator-etiket { display: inline-block; background: #0ea5e9; color: white; padding: 3px 8px; border-radius: 4px; font-size: 0.8rem; margin-bottom: 10px; font-weight: bold; } /* Tam Ekran Resim Modalı (Lightbox) */ #resimModali { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(15, 23, 42, 0.9); align-items: center; justify-content: center; backdrop-filter: blur(5px); } #modalResmi { max-width: 90%; max-height: 90vh; border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); object-fit: contain; } .kapat-btn { position: absolute; top: 25px; right: 40px; color: #ffffff; font-size: 45px; font-weight: bold; cursor: pointer; transition: color 0.3s ease; line-height: 1; } .kapat-btn:hover { color: #94a3b8; } /* Mobil Uyumluluk */ @media (max-width: 650px) { .konusmaci-izgarasi { grid-template-columns: 1fr; } .bilgi-izgarasi { flex-direction: column; gap: 0; } .bilgi-kutusu { border-right: none; border-bottom: 1px solid #cbd5e1; padding: 10px 0; } .bilgi-kutusu:last-child { border-bottom: none; } .etkinlik-icerik { padding: 20px; } } </style> https://karasam.giresun.edu.tr/tr/news-detail/panel-ve-resim-sergisi-arastirma-ve-sondaj-gemilerinin-dis-politikaya-etkisi/2127824.03.2026