-
Notifications
You must be signed in to change notification settings - Fork 0
/
ilgi-alanlarim.html
344 lines (332 loc) · 14.7 KB
/
ilgi-alanlarim.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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="stilim.css" />
<title>İlgi Alanlarım</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img
src="pngegg.png"
width="30"
height="30"
class="d-inline-block align-top"
alt=""
/>
Sena Nur ERDEM
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Hakkımda</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ilgi-alanlarim.html">İlgi Alanlarım</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ozgecmis.html">Özgeçmiş</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sehrim.html"
>Şehrim<span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="takimimiz.html">Takımımız</a>
</li>
<li class="nav-item">
<a class="nav-link" href="iletisim.html">İletişim</a>
</li>
</ul>
<ul class="navbar-nav justify-content-end">
<li class="nav-item">
<a class="nav-link" href="index.php"
>Giriş <img src="GirisYapmamis.png" width="30px" alt=""
/></a>
</li>
</ul>
</div>
</nav>
<section>
<div class="container-fluid ilgi-alanlarim-arka-plan">
<br />
<div class="row">
<div
class="col-lg-5 divAlani2"
id="genelBilgiK"
onmouseover="ac('1')"
onmouseout="kapat('1')"
>
<h2>HOBİLERİM</h2>
<p class="paragraf" id="yazi1">
Kitap okumayı, film ve dizi izlemeyi çok severim. Bu sayfada en
sevdiğim film, dizi ve kitapları sizlerle paylaşacağım.
</p>
</div>
<div
class="col-lg-5 divAlani"
id="ekonomiK"
onmouseover="ac('2')"
onmouseout="kapat('2')"
>
<h2 id="ekonomiB">filmler</h2>
<p class="paragraf" id="yazi2">
<img src="enigma.jpg" alt="" />
<br />
<b>THE IMITATION GAME: ENİGMA</b>
<br />
II. Dünya Savaşı Nazi Almanyası'nın hâkimiyetinde birden çok
cephede çok çetin biçimde devam etmektedir. İngiliz İstihbaratı
tüm yoğun çabalarına ve yüzlerce kişiyi çalıştırmasına rağmen
Almanların kullandığı Enigma şifreleme sistemini çözmeyi
başaramamıştır. Almanların çok gizli bir biçimde şifrelediği bu
yazışmalar, İngilizlere ve müttefiklerine çok ağır kayıplara mal
olmuştur. Çözüm olarak İngiliz hükümeti Deniz Kuvvetleri
Komutanlığı çatısı altında ülkenin en iyi şifre çözen beyinlerini
ve kriptoloji uzmanlarını toplar. Bu isimlerden biri de farklı
çalışmalarıyla tanınan ve kendi yöntemlerinden ödün vermeyen genç
profesör Alan Turing'dir. Turing'in ekibe katılması dengeleri alt
üst edecek ama o güne kadar hiç denememiş büyük çaplı bir
girişimin de kapısını aralayacaktır. Ünlü İngiliz matematikçi Alan
Turing'i filmde Benedict Cumberbatch canlandırırken kendisine
Keira Knightley, Matthew Goode, Rory Kinnear ve Allen Leech eşlik
ediyor.
<br />
<br />
<img src="shutterisland.jpg" alt="" />
<br />
<b>SHUTTER ISLAND</b>
<br />
Zindan Adası, Martin Scorsese'nin bir çok filmi gibi yine bir
başyapıt statüsünde. Filmde, Teddy Daniels ve Chuck Aule isimli
iki polis memurunun, Rachel Solando adlı bir akıl hastasının
ortadan kaybolması üzerine tehlikeli akıl hastalarının tedavi
gördüğü Shutter Adası isimli bölgede konuşlanan Ashecliffe
Hastanesi'ne soruşturma yapmak için gitmesi ve sonradan gelişen
esrarengiz olaylar aktarılıyor. Burada karşılaştıkları isyan
tablosu ve çığrından çıkan işler bu davayı gittikçe zora sokacak,
zamanla rüya ve gerçek arasındaki sınırlar zorlanacaktır. Usta
yönetmen Martin Scorsese tarafından Dennis Lehane'nin ünlü
romanından sinemaya uyarlanan filmin başrolünde yönetmenin gözde
oyuncularından Leonardo Di Caprio bulunuyor.
</p>
</div>
</div>
<div class="row">
<div
class="col-lg-5 divAlani"
id="cografyaK"
onmouseover="ac('3')"
onmouseout="kapat('3')"
>
<h2 id="cografyaB">diziler</h2>
<p class="paragraf" id="yazi3">
<img src="friends.jpg" alt="" />
<br />
<b>FRIENDS</b>
<br />
Rachel Green düğününden kaçıp New York'ta bir restoranda aşçı
olduğunu bildiği çocukluk arkadaşı Monica Geller'ı bulmaya gider.
Rachel, Monica'nın evine yerleşir ve onun arkadaş grubuna katılır.
Bu gruptakiler: ünlü olmaya çalışan aktör Joey Tribbiani, iş adamı
Chandler Bing, masöz ve müzisyen Phoebe Buffay ve Monica'nın
abisi, yeni boşanmış paleontolog Ross Geller'dır. Rachel ailesinin
yardımı olmadan hayata yeniden başlamaya karar verir ve grubun sık
sık gittiği, Manhattan'daki Central Perk adlı cafede garson olarak
işe girer. Grup burası dışında en çok Monica ve Rachel'ın New
York, West Village'teki apartman dairesinde ve karşı dairede
yaşayan Chandler ve Joey'nin evinde vakit geçirir. Bölümlerde
genel olarak gruptakilerin eğlenceli, romantik maceraları ve başta
Joey'nin rol seçmeleri ve Rachel'ın moda sektöründe iş araması
olmak üzere, kariyerleri konu edilir. Altı karakterin de dizi
boyunca pek çok romantik ilişkisi olur, bunlardan bazıları
Monica'yla Richard Burke ve Ross'la Emily Waltham gibi ciddiyken
çoğu kısa sürelidir. Dizide en sık tekrar eden hikâye Ross ve
Rachel'ın ilişkisidir. İkili sürekli ayrılıp barışır; Ross Emily
ile evlendiğinde dahi Rachel'la arasındaki bağ kaybolmaz. İkilinin
bir çocuğu da vardır. Chandler ve Monica ilerleyen zamanda
evlenirler, Phoebe de Mike Hannigan'la evlenir. Dizide sık görünen
diğer karakterler: Long Island'da yaşayan Ross ve Monica'nın
ebeveynleri, Ross'un eski karısı ve oğlu, Central Perk'teki
barista Gunther, Chandler'ın eski sevgilisi Janice ve Phoebe'nin
ikiz kardeşi Ursula'dır.
<br />
<br />
<img src="himym.jpg" alt="" />
<br />
<b>HOW I MET YOUR MOTHER</b>
<br />
Dizi, 2030 yılında, Ted Mosby'nin çocuklarına anneleri (kendi eşi)
ile nasıl tanıştığını anlatmasıyla başlar. Bob Saget'in
seslendirmesiyle asıl karakteri Ted "Size annenizle nasıl
tanıştığımı anlatacağım." der ve dizi 2005 yılına döner. Bays ve
Thomas dizideki arkadaşlığı kendi arkadaşlıklarından yola çıkarak
yazmışlardır. Buna göre Ted karakterinde daha çok Bays öne
çıkarken Marshall ve Lily karakterleri ise Thomas ve eşinden
esinlenilmiştir.
</p>
</div>
<div
class="col-lg-5 divAlani"
id="tarihK"
onmouseover="ac('4')"
onmouseout="kapat('4')"
>
<h2 id="tarihB">kitaplar</h2>
<p class="paragraf" id="yazi4">
<img src="1984.jpg" alt="" />
<br />
<b>1984(George Orwell)</b>
<br />
2.dünya savaşından sonra dünya yeniden kurulmuş gibidir. 1984
yılını anlatan ve bu dönemde hangi olayların yaşandığı ve bu
dönemde yaşanan ayaklanmaları anlatan bir konusu bulunmaktadır.
Kitap Okyanusya adlı toplumun yaşadıkları olayları anlatmaktadır.
1984 kitabının ana fikri ise durum ve şartlar ne olursa olsun
insanlar hangi rejimler ile yönetiliyor olursa olsun düşünceler
baskılanamaz ve herkes istediği şeyi sorgular ve düşünür.
<br />
<br />
<img src="cesuryenidunya.jpg" alt="" />
<br />
<b>CESUR YENİ DÜNYA(Aldous Huxley)</b>
<br />
Bu romanda üreme teknolojisi, öjenik ve de uykuda öğretim
sistemleri sayesinde toplum değiştirilmiştir. Bu tanımlanan dünya
aslında bir ütopya olarak gözükebilir, fakat çok ironik bir
ütopyadır. Çünkü insanlık sağlıklı olmakta, teknolojik açıdan
gelişmiş olmakta, savaşlar ve yoksulluk yok edilmiş olmaktadır.
Irkların tam olarak eşit olduğu ve de herkesin mutlu olduğu bir
dünya mevcuttur. Ancak, ironik biçimde bütün gelişmeler bireyler
için önemli olan değerlerin yok edilmesi ve kaldırılmasıyla
başarılmıştır. Bu değerler; aile, sanat, kültürel çeşitlilik,
edebiyat ve felsefe olmaktadır. Yeni Dünya'da tanrı da Ford'dur.
Ayrıca salt bir şekilde zevki önüne gelen ile seks yapmada ve de
vücutta yan etkileri aza indirilmiş uyuşturucu kullanmada
hedonistik bir topluma dönüşmüştür.
</p>
</div>
</div>
<div class="dis">
<div class="ic">
<h1>Hava Durumu</h1>
<br />
<input
type="text"
id="searchBar"
placeholder="Şehir adı giriniz.."
/>
</div>
<div class="ic">
<div class="city">İstanbul, TR</div>
<div class="temp">15°C</div>
<div class="desc">Güneşli</div>
<div class="minmax">14°C / 19°C</div>
</div>
</div>
<script>
const url = "https://api.openweathermap.org/data/2.5/";
const key = "44d0ff299a84c8ae59a1bb08270f1db0";
const setQuery = (e) => {
if ((e.keyCode = "13")) getResult(searchBar.value);
};
const getResult = (cityName) => {
let query = `${url}weather?q=${cityName}&appid=${key}&units=metric&lang=tr`;
fetch(query)
.then((weather) => {
return weather.json();
})
.then(displayResult);
};
const displayResult = (result) => {
let city = document.querySelector(".city");
city.innerText = `${result.name}, ${result.sys.country}`;
let temp = document.querySelector(".temp");
temp.innerText = `${Math.round(result.main.temp)}°C`;
let desc = document.querySelector(".desc");
desc.innerText = result.weather[0].description;
let minmax = document.querySelector(".minmax");
minmax.innerText = `${Math.round(
result.main.temp_min
)}°C / ${Math.round(result.main.temp_max)}°C`;
};
const searchBar = document.getElementById("searchBar");
searchBar.addEventListener("keypress", setQuery);
</script>
</div>
</section>
<footer class="bg-dark py-5 align-bottom">
<div class="container text-white">
<div class="row">
<div class="col-md-4">
<a class="footer-logo" href="index.html">Sena Nur ERDEM</a>
</div>
<div class="col-md-4">
<ul>
<li><a class="footer-text" href="index.html">Hakkımda</a></li>
<li>
<a class="footer-text" href="ilgi-alanlarim.html"
>İlgi Alanlarım</a
>
</li>
<li><a class="footer-text" href="ozgecmis.html">Özgeçmiş</a></li>
<li><a class="footer-text" href="sehrim.html">Şehrim</a></li>
<li>
<a class="footer-text" href="takimimiz.html">Takımımız</a>
</li>
<li><a class="footer-text" href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline">
<li class="list-inline-item">
<a target="_blank" href="https://twitter.com/_senaaerdem"
><img src="twitter.png" alt=""
/></a>
</li>
<li class="list-inline-item">
<a target="_blank" href="#"
><img src="facebook.png" alt=""
/></a>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://www.instagram.com/_ssenaerdem/"
><img src="instagram.png" alt=""
/></a>
</li>
</ul>
<p>
Resimler
<a
href="https://pixabay.com/tr/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=2935373"
>Pixabay</a
>'den alınmıştır.
</p>
</div>
</div>
</div>
</footer>
<script src="jquery-3.4.1.slim.min.js"></script>
<script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="scriptim.js"></script>
</body>
</html>