-
Notifications
You must be signed in to change notification settings - Fork 23
/
iletisim.html
211 lines (208 loc) · 9.31 KB
/
iletisim.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>İletişim | Deprem İmece Platformu</title>
<link rel="stylesheet" href="/assets/css/theme.css?v=1" />
<link rel="stylesheet" href="/assets/css/app.css?v=1" />
</head>
<body data-theme="light">
<div class="moon_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-moon-stars-fill"
viewBox="0 0 16 16"
>
<path
d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"
/>
<path
d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"
/>
</svg>
</div>
<header>
<div class="container">
<div class="logo">
<img src="assets/images/logo.svg" alt="Deprem İmece Platformu" width="150" />
</div>
<nav class="nav">
<ul>
<li>
<a href="/yararli-linkler.html">Yararlı Linkler</a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<div class="container">
<section>
<a href="/" class="back-button">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="rgba(71, 101, 255, 1)"
aria-hidden="true"
>
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"></path>
</svg>
Geri
</a>
<h1>İletişim Formu</h1>
<div class="form">
<div class="alert-gray">
<div
class="bubble-element 1618916043803x877032991371296800-AAI"
style="
align-self: flex-start;
min-width: 24px;
max-width: 24px;
order: 1;
min-height: 24px;
max-height: 24px;
width: 24px;
flex-grow: 1;
height: 24px;
margin: 0px;
z-index: 36;
border-radius: 0px;
"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="rgba(71, 101, 255, 1)"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
></path>
</svg>
</div>
<p style="margin-left: 30px; margin-top: -20px">
Lütfen bu formdan yardım isteği göndermeyiniz. Yalnızca platform ile ilgili mesajlara geri dönüş
yapılacaktır. Yardım isteği için
<a href="/">ana sayfaya</a> gidiniz.
</p>
</div>
<form id="form">
<div class="form-col">
<label for="adSoyad">* İsim & Soyisim:</label>
<input
type="text"
class="form-control"
id="adSoyad"
name="adSoyad"
placeholder="* İsim & Soyisim"
required
/>
</div>
<div class="form-col">
<label for="email">Email:</label>
<input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" class="form-control" id="email" name="email" placeholder="Email" />
</div>
<div class="form-col">
<label for="telefon">* Telefon (5XX XXX XX XX):</label>
<input type="tel" class="form-control" id="telefon" name="telefon" placeholder="* Telefon" required />
</div>
<div class="form-col">
<label for="mesaj">* Mesaj:</label>
<textarea
class="form-control"
name="mesaj"
id="mesaj"
cols="30"
rows="4"
placeholder="* Mesajınız"
required
></textarea>
</div>
<p class="aydinlatma">
6698 sayılı KVKK kapsamında “Uygulamamıza depremzede ya da depremzede yakını olarak kaydolan
kullanıcılardan ad, soyadı, iletişim bilgisi, log kaydı ve depremzedenin sisteme girilen ve kendileri
tarafından alenileştirilmiş konum verilerini topluyoruz.” Veri işleme hukuki sebeplerimizi, amaçlarımızı
görmek ve haklarınızı öğrenmek <a href="/legal/hukuki-kvkk.html">Aydınlatma Metnini</a>
ziyaret etmek ister misiniz?
</p>
<div class="form-row">
<label for="kvkk" class="checkbox">
<input type="checkbox" id="kvkk" name="fields-kvkk" required />
* Okudum ve aydınlandım
</label>
</div>
<div>
<button type="submit">Gönder</button>
</div>
</form>
</div>
</section>
</div>
</main>
<footer>
<div class="container">
<nav class="nav">
<ul>
<li>
<a href="/yararli-linkler.html">Yararlı Linkler</a>
</li>
<li>
<a href="/iletisim.html">İletişim</a>
</li>
<li>
<a href="/legal/cerez-politikasi.html">Çerez Politikası</a>
</li>
<li>
<a href="/legal/gizlilik-sozlesmesi.html">Gizlilik Sözleşmesi</a>
</li>
<li>
<a href="/legal/hukuki-kvkk.html">Aydınlatma Metni</a>
</li>
</ul>
</nav>
<p class="info-title">Kişisel Verilerin İşlenmesine İlişkin Aydınlatma:</p>
<p>
Bu uygulama, 6 Şubat 2023 tarihinde Türkiye’de meydana gelen büyük deprem felaketinde, arama kurtarma
çalışmaları ile yardım ve destek taleplerini ortak bir veri tabanında toplayarak yetkili kurum ve kuruluşlara
aktarmak amacı ile bilişim teknolojileri alanında çalışan gönüllüler tarafından oluşturulmuştur. Yardım ya da
desteğe ihtiyacı olduğunu belirttiğiniz kişilerin kişisel verileri ‘’Fiili imkânsızlık nedeniyle rızasını
açıklayamayacak durumda bulunan veya rızasına hukuki geçerlilik tanınmayan kişinin kendisinin ya da bir
başkasının hayatı veya beden bütünlüğünün korunması için zorunlu olması’’ hukuki sebebine dayanarak, otomatik
yollarla işlenecektir. Tarafınıza ait kişisel veriler, ‘’Bir hakkın tesisi, kullanılması veya korunması için
veri işlemenin zorunlu olması’’ hukuki sebebine dayanarak işlenecektir.
</p>
<p>
Paylaşacağınız yardım, destek taleplerinde yer alan isim, soy isim, telefon ve adres gibi kişisel veriler,
veli, vasi, temsilci bilgisi, medeni durum ve sağlık bilgileri tarafımızca oluşturulan ve sunucuları yurtiçi
ve yurtdışında bulunan veri tabanında toplanarak, Afad, Akut, Kızılay gibi yetkili arama kurtarma
kuruluşlarının yanı sıra destek ve yardım taleplerini karşılayabilecek sivil toplum kuruluşları ile kişisel
veri işleme amacı ile sınırlı olarak paylaşılacaktır.
</p>
<p>
Bu platform kar amacı gütmeden imece usulu bilgi paylaşımı için geliştirildi, hiçbir kurum ve kuruluşla
ilişiği yoktur.
</p>
<p>Gerektiğinde yetkili merci ve kurumlara bilgi sağlanabilir ve işbirliği yapılabilir.</p>
<p>Deprem İmece Platformu © 2023</p>
</div>
</footer>
<script src="assets/js/app.js?v=1"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>
<script src="../assets/js/requests/formSubmission.js"></script>
<script>
var form = document.getElementById('form');
form.onsubmit = (event) => submission(event, 'iletisim');
</script>
</body>
</html>