-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
231 lines (200 loc) · 21 KB
/
index.html
File metadata and controls
231 lines (200 loc) · 21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Duhan Özdemir Sunum</title>
<script src="https://cdn.tailwindcss.com"></script>
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/png" href="/assets/Screenshot 2025-02-07 at 14.25 Background Removed.44.png" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<style type="text/css">
html, body {
min-height: 100vh;
margin: 0;
padding: 0;
}
body {
background-image: linear-gradient(180deg, #660000 85%, rgba(3, 3, 3, 1) 115%);
background-color: #660000;
background-position:top;
background-repeat: no-repeat;
background-size:auto;
display: flex;
flex-direction: column;
}
#mask2, #mask3 {
mask-image: linear-gradient(180deg, #000 60%, rgba(0, 0, 0, 0.5) 100%);
}
.compact-text {
max-width: 70vw;
max-height: 60vh;
margin: 0 auto;
line-height: 1.5;
overflow-y: scroll;
overflow-x: scroll;
}
footer{
margin-top: auto;
}
</style>
</style>
<body>
<header>
<img src="poster_sunum_sablon (3).png" alt="Header Image" style="width: 100%; height: auto;">
</header>
<div class="max-w-5xl mx-auto grid grid-cols-2 md:grid-cols-2-row2 gap-10" style="padding: 20px;">
<div class="bg-white p-4 rounded-lg shadow-lg transform transition duration-300 hover:scale-105">
<button onclick="openPopup('popupX')" class="bg-green-500 text-white px-4 py-2 mt-2 rounded-md hover:bg-green-600">3B Görüntüleyiciyi Aç</button>
<div class="flex justify-center" style="padding: 10px;">
<model-viewer src="yeni_Gİ(V2).glb" poster="poster_gi.png" ar ar-scale="0.5" camera-controls touch-action="pan-y" alt="intes_ar" shadow-intensity="2" max-camera-orbit="auto 90deg auto" ios-src="yeni_Gİ_2.usdz" xr-environment></model-viewer>
</div>
</div>
<div class="bg-red-100 p-6 rounded-lg text-center shadow-lg transform transition duration-300 hover:scale-105">
<a href="other html files/quiz.html" class="bg-orange-500 text-white px-4 py-2 mt-2 rounded-md hover:bg-orange-600">Oyuna Git</a>
<div class="flex justify-center">
<img src="/assets/hareketli_iskelet.gif" alt="Gif" style="width: auto; height: auto;">
</div>
</div>
<div id="mask1" class="bg-blue-200 p-6 rounded-lg text-center shadow-lg transform transition duration-300 hover:scale-105">
<p style="font-weight: bold; font-size: x-large;">Özet</p>
<button onclick="openPopup('popup1')" class="bg-green-500 text-white px-4 py-2 mt-2 rounded-md hover:bg-green-600">Aç</button>
</div>
<div id="mask1" class="bg-cyan-200 p-6 rounded-lg text-center shadow-lg transform transition duration-300 hover:scale-105">
<p style="font-weight: bold; font-size: x-large;">Genetik Fırtına</p>
<button onclick="openPopup('popupG')" class="bg-green-500 text-white px-4 py-2 mt-2 rounded-md hover:bg-green-600">Aç</button>
</div>
<div id="mask3" class="bg-yellow-100 p-6 rounded-lg text-center shadow-lg transform transition duration-300 hover:scale-105">
<p style="font-weight: bold; font-size: x-large;">Galeri</p>
<button onclick="openPopup('popup3')" class="bg-green-500 text-white px-4 py-2 mt-2 rounded-md hover:bg-green-600">Aç</button>
</div>
<div id="mask2" class="bg-green-200 p-6 rounded-lg text-center shadow-lg transform transition duration-300 hover:scale-105">
<p style="font-weight: bold; font-size: x-large;">Kaynakça</p>
<button onclick="openPopup('popup2')" class="bg-green-500 text-white px-4 py-2 mt-2 rounded-md hover:bg-green-600">Aç</button>
</div>
<div id="popupX" class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center hidden">
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<div class="flex justify-center" style="padding: 10px;">
<model-viewer src="yeni_Gİ(V2).glb" poster="poster_gi.png" ar ar-scale="0.5" camera-controls touch-action="pan-y" alt="intes_ar" shadow-intensity="2" max-camera-orbit="auto 90deg auto" ios-src="yeni_Gİ_2.usdz" xr-environment></model-viewer>
</div>
<div class="flex justify-center" style="padding: 10px;">
<model-viewer src="/assets/3d models/liver1.glb" poster="/assets/liverpng.png" ar ar-scale="0.5" camera-controls touch-action="pan-y" alt="intes_ar" shadow-intensity="2" max-camera-orbit="auto 90deg auto" ios-src="/assets/3d models/liver1.usdz" xr-environment></model-viewer>
</div>
<div class="flex justify-center" style="padding: 10px;">
<model-viewer src="/assets/3d models/micro_int.glb" poster="/assets/micro_intPNG.png" ar ar-scale="0.5" camera-controls touch-action="pan-y" alt="intes_ar" shadow-intensity="2" max-camera-orbit="auto 90deg auto" ios-src="/assets/3d models/micro_int.usdz" xr-environment></model-viewer>
</div>
<p class="compact-text"></p>
<button onclick="closePopup('popupX')" class="bg-red-500 text-white px-4 py-2 mt-4 rounded-md hover:bg-red-600">Kapat</button>
</div>
</div>
<div id="popup1" class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center hidden">
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<div class="flex justify-center" style="padding: 10px;">
<audio controls>
<source src="https://github.com/AnoDuh/AnoDuh.github.io/raw/refs/heads/main/assets/ElevenLabs_2025-02-07T11_58_08_G%C3%B6n%C3%BCl%20Filiz_pvc_s50_sb75_se0_b_m2.aac" type="audio/aac">
</audio>
</div>
<p class="compact-text">Travma kaynaklı ölümlerin %15 ile %20’si batın kaynaklıdır, aynı zamanda kafa ve uzuv travmalarından sonra en fazla karşılaşılan üçüncü travma bölgesidir. Gebe hastalarda ise künt batın travmaları en fazla karşılaşılan travma tipi olarak literatüre geçmiştir. Bu nedenle, batın bölgesindeki immünolojik ve patofizyolojik faktörlerin anlaşılması, hem tedavi sürecinde hem de gelecekte geliştirilebilecek tedavi prosedürlerinde kritik bir öneme sahiptir. Batındaki travmalardan en fazla etkilenen organ karaciğer olmakla birlikte en fazla etkilenen bölgeler transisyonel bölgelerdir, örnek olarak: Treitz ligamenti veya Latince adıyla musculus suspensorius duodeni Özellikle şiddetli batın travmaları SIRS’a (Sistemik İnflamatuar Yanıt Sendromu) yol açar. SIRS’ın patofizyolojik mekanizmasındaki en önemli faktör, DAMP’lar (Damage-associated molecular pattern) ve bunların aktive olmasından sonra komplement sistemindeki C3a ve C5a gibi faktörler aktive olarak diğer inflamatuar mediyatörlerin salınmasına yol açar Ayrıca çalışmada batın travmalarının endokrin ve sinir sistemi üzerine olarak etkilerini de inceledik. Endokrin sistemindeki en büyük etkiyi kortizol ve DHEA sistemi üzerine olan etkisin de görürüz. Bu durum tek batın travmalarında yaşanmayıp genel olarak travmalarda gördüğümüz bir tablo. Travma sonrası salınan anti-inflamatuar uyarılar kortizol salınımını tetikler ama travma sonrası DHEA(dehydroepiandrosterone) seviyesinin düşmesinden ötürü Kortizol:DHEA oranı dengesiz hala gelir, ve bu durum da travma sornası enfeksiyon riskini artırır bunun önüne geçmek için bazı deneysel çalışmalar yapılır. Abdominal travmalarda, post travma sonrası splenik vazokonstriksiyon olur özellikle villa tarafında bu da intra-epithelial hücreler tarafından DAMP ve onlarla birlikte gelen inflamatuar hücreler salınımına yol açar ve bu yüzünden intra-epitehlial alandaki tight junctionların bağları azalabilir ve lift-off fenomini görülebilir, bu da intra-epithelial pH artışı, hücrelerin şişmesi ve nekrozu bir biri ardından getirir. Araştırmamızda aynı zamanda humoral bağışıklık cevabının 30. Günden sonra en yoğun şekilde görüldüğünü gözlemledik. Bağışıklık cevabının en büyük sebeplerinden birisini ise bariyer fonksiyonun kaybedilmesi ve bu sebepten dolayı ortaya çıkan inflamatuar hücrelerden ötürü oluştuğunu gözlemledik. Son yayınlarda, bu inflamatuar hücrelerin oluşumu 'gene-storm' adı verilen bir süreçle ilişkilendirilmiştir. Bu süreç, travma sonrası birçok genin aktive edilmesini ve bu aktivasyon sonucunda travmaya özgü koordineli bir reseptör oluşumunu mümkün kılar. Aynı zamanda çalışmamızda Mars1, Mars2, Mars3, ve Mars4 imün-fenotiplerine ve bunların travma sonrası sepsis hastalarının prognozunda nasıl etkileyeceğini de tartıştık. Bu araştırma, geleneksel literatür tarama yöntemi kullanılarak gerçekleştirilmiştir. Çalışma kapsamında incelenen tüm makale ve yazılar, hakemli dergilerde yayımlanmış olup; Verilerin güvenilirliği ve doğruluğunu sağlamak amacıyla yalnızca bilimsel açıdan kabul görmüş kaynaklara yer verilmiştir. Literatür taraması sırasında Google Scholar ve PubMED (Ulusal Tıp Kütüphanesi) gibi uluslararası tanınırlığa sahip akademik veri tabanları ve arama motorları kullanılmıştır. Kaynak seçiminde yayınların bilimsel niteliği, konuyla ilişkisi ve güncelliği temel kriterler olarak belirlenmiştir. Bu yöntemle yapılan analiz, mevcut literatürün sistematik bir şekilde değerlendirilmesine ve araştırmanın güvenilir sonuçlara ulaşmasına olanak sağlar.</p>
<button onclick="closePopup('popup1')" class="bg-red-500 text-white px-4 py-2 mt-4 rounded-md hover:bg-red-600">Kapat</button>
</div>
</div>
<div id="popupG" class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center hidden">
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<div class="flex justify-center" style="padding: 10px;">
<audio controls>
<source src="assets/gen_gon.mp3" type="audio/mp3">
</audio>
</div>
<p class="compact-text">Künt travma sonrasında lökositlerin kendilerini düzenlemek amacıyla genetik ekspresyonlarını değiştirdiği bir fenomen olarak tanımlanır. Bu süreçte, lökositlerin genlerinin yaklaşık %80'inde bir değişim görülür. Yapılan aynı çalışma bize nicel bir veri daha sunuyor: Yaklaşık 5136 gen de travma sonrası iki kata yakın bir değişim gözlemlenir. Değişimin büyük bir kısmı, travmadan sonraki ilk 12 saat içinde gerçekleşir. Bu kadar fazla genin rol alması, travmanın derecesini belirlemek için tek veya birden fazla biyo-belirtecin yeterli olmadığını gösterir. Transkriptom seviyesinde görülen bu değişimler, gen ekspresyonunun nasıl farklılaştığını ortaya koyarken, yapılan genetik araştırmalar, bu tepkinin ardışık değil, eşzamanlı olarak gerçekleştiğini göstermektedir.</p>
<a class="bg-blue-500 text-white px-4 py-2 mt-4 rounded-md hover:bg-blue-600 flex justify-center w-48 mx-auto" href="https://pubmed.ncbi.nlm.nih.gov/22110166/" target="_blank">Kaynak Linki</a>
<button onclick="closePopup('popupG')" class="bg-red-500 text-white px-4 py-2 mt-4 rounded-md hover:bg-red-600">Kapat</button>
</div>
</div>
<div id="popup2" class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center hidden">
<div class="bg-white p-6 rounded-lg shadow-lg text-left">
<p class="compact-text" style="color: navy; font-size: x-small;">
<a href="https://globemcc.com/articles/prognostic-value-of-systemic-immune-inflammation-index-in-patients-with-pediatric-blunt-abdominal-trauma/doi/globecc.galenos.2024.30074">1. Altuğ E, Altundağ İ, Çakır A, Şener K, Korkut S, Güven R. Prognostic Value of Systemic Immune-inflammation Index in Patients with Pediatric Blunt Abdominal Trauma. Global Emergency and Critical Care 2024;87–92.<br /><br /></a>
<a href="https://accessemergencymedicine.mhmedical.com/content.aspx?sectionid=109445917&bookid=1658">2. Abdominal Trauma | Tintinalli’s Emergency Medicine: A Comprehensive Study Guide, 8e | AccessEmergency Medicine | McGraw Hill Medical [Internet]. [cited 2025 Jan 24];Available from: https://accessemergencymedicine.mhmedical.com/content.aspx?sectionid=109445917&bookid=1658<br /><br /></a>
<a href="https://journals.lww.com/greenjournal/abstract/2019/12000/guidance_for_evaluation_and_management_of_blunt.30.aspx"> 3. Greco PS, Day LJ, Pearlman MD. Guidance for Evaluation and Management of Blunt Abdominal Trauma in Pregnancy. Obstetrics and Gynecology [Internet] 2019 [cited 2025 Jan 24];134(6):1343–57. Available from: https://journals.lww.com/greenjournal/fulltext/2019/12000/guidance_for_evaluation_and_management_of_blunt.30.aspx<br /><br /></a>
<a href="https://journals.lww.com/greenjournal/abstract/2019/12000/guidance_for_evaluation_and_management_of_blunt.30.aspx">4. Obstetrics & Gynecology [Internet]. [cited 2025 Jan 24];Available from: https://journals.lww.com/greenjournal/fulltext/2019/12000/guidance_for_evaluation_and_management_of_blunt.30.aspx<br /><br /></a>
<a href="https://pubmed.ncbi.nlm.nih.gov/25390327/">5. Lord JM, Midwinter MJ, Chen YF, et al. The systemic immune response to trauma: an overview of pathophysiology and treatment. Lancet [Internet] 2014 [cited 2025 Jan 24];384(9952):1455–65. Available from: https://pubmed.ncbi.nlm.nih.gov/25390327/<br /><br /></a>
<a href="https://pubmed.ncbi.nlm.nih.gov/25390327/">6. Mukhametov U, Lyulin S, Borzunov D, Ilyasova T, Gareev I, Sufianov A. Immunologic response in patients with polytrauma. Noncoding RNA Res 2023;8(1):8–17. <br /><br /></a>
<a href="https://mmrjournal.biomedcentral.com/articles/10.1186/s40779-019-0202-0">7. Thompson KB, Krispinsky LT, Stark RJ. Late immune consequences of combat trauma: a review of trauma-related immune dysfunction and potential therapies. Military Medical Research 2019 6:1 [Internet] 2019 [cited 2025 Jan 24];6(1):1–13. Available from: https://mmrjournal.biomedcentral.com/articles/10.1186/s40779-019-0202-0<br /><br /></a>
<a href="https://mmrjournal.biomedcentral.com/articles/10.1186/s40779-019-0202-0">8. Li R, Ye JJ, Gan L, et al. Traumatic inflammatory response: pathophysiological role and clinical value of cytokines. European Journal of Trauma and Emergency Surgery 2023 50:4 [Internet] 2023 [cited 2025 Jan 24];50(4):1313–30. Available from: https://link.springer.com/article/10.1007/s00068-023-02388-5<br /><br /></a>
<a href="https://wjes.biomedcentral.com/articles/10.1186/1749-7922-1-15">9. Hietbrink F, Koenderman L, Rijkers GT, Leenen LPH. Trauma: The role of the innate immune system. World Journal of Emergency Surgery [Internet] 2006 [cited 2025 Jan 24];1(1):1–11. Available from: https://wjes.biomedcentral.com/articles/10.1186/1749-7922-1-15<br /><br /></a>
<a href="https://www.nature.com/articles/s41590-018-0064-8">10. Huber-Lang M, Lambris JD, Ward PA. Innate immune responses to trauma. Nature Immunology 2018 19:4 [Internet] 2018 [cited 2025 Jan 24];19(4):327–41. Available from: https://www.nature.com/articles/s41590-018-0064-8<br /><br /></a>
<a href="https://pubmed.ncbi.nlm.nih.gov/26557036/">11. Binkowska AM, Michalak G, Slotwiński R. Current views on the mechanisms of immune responses to trauma and infection. Cent Eur J Immunol [Internet] 2015 [cited 2025 Jan 24];40(2):206–16. Available from: https://pubmed.ncbi.nlm.nih.gov/26557036/</p></a>
<button onclick="closePopup('popup2')" class="bg-red-500 text-white px-4 py-2 mt-4 rounded-md hover:bg-red-600">Kapat</button>
</div>
</div>
<div id="popup3" class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center hidden">
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<div class="flex justify-center" style="padding: 10px;">
<div id="myCarousel" class="carousel slide custom-carousel" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<video width="100%" height="auto" controls>
<source src="https://raw.githubusercontent.com/AnoDuh/AnoDuh.github.io/refs/heads/main/assets/Exploratory%20Laparotomy%20and%20Splenectomy%20for%20Ruptured%20Spleen%20Following%20Blunt%20Force%20Trauma%201080.mp4" type="video/mp4">
</video>
<div class="carousel-caption">
<a href="https://www.youtube.com/watch?v=_XUFzY14YIA" style="color: blue;" target="_blank">YouTube linki</a>
</div>
</div>
<div class="item">
<img src="assets/sars.png" alt="SIRS">
<div class="carousel-caption">
<h3 style="color:#000;">SIRS</h3>
</div>
</div>
<div class="item">
<img src="assets/triad of death.png"alt="triad">
<div class="carousel-caption">
<h3 style="color:#000;">Triad</h3>
</div>
</div>
<div class="item">
<img src="assets/hicBitmeyenSema1.png" alt="Sema">
<div class="carousel-caption">
<h3 style="color: #000;">Şema</h3>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<button onclick="closePopup('popup3')" class="bg-red-500 text-white px-4 py-2 mt-4 rounded-md hover:bg-red-600">Kapat</button>
</div>
</div>
<script src="script.js"></script>
</div>
<footer class="bg-black bg-opacity-15 flex justify-between items-center py-2 w-full">
<p class="text-white pl-8">
Duhan Özdemir © 2025
</p>
<div class="flex items-center pr-8 space-x-8">
<a href="https://github.com/AnoDuh" target="_blank">
<img src="assets/github_logo.png" alt="GitHub Logo" class="h-14 w-auto">
</a>
<a href="mailto:duhan-ozdemir@outlook.com" target="_blank">
<img src="assets/mail_logo.webp" alt="Outlook Logo" class="h-14 w-auto">
</a>
</div>
</footer>
</body>
</html>