-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvalorguide.html
380 lines (353 loc) · 19 KB
/
valorguide.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
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="My Developer Porfolio Page.">
<meta name="author" content="Devcrud">
<title>Adem Ayar Developer</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + Meyawo main styles -->
<link rel="stylesheet" href="assets/css/project.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- Page Navbar -->
<nav class="custom-navbar" data-spy="affix" data-offset-top="20">
<div class="container">
<a class="logo" href="#"> </a>
<ul class="nav">
<li class="item">
<a class="link" href="#home">Anasayfa</a>
</li>
<li class="item">
<a class="link" href="#about">Hakkımda</a>
</li>
<li class="item">
<a class="link" href="#portfolio">Portföy</a>
</li>
<li class="item">
<a class="link" href="#contact">İletişim</a>
</li>
</ul>
<a href="javascript:void(0)" id="nav-toggle" class="hamburger hamburger--elastic">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</a>
</div>
</nav><!-- End of Page Navbar -->
<!-- page header -->
<header id="home" class="header">
<div class="overlay"></div>
<div class="header-content container">
<h1 class="header-title">
<span class="up">Oyun Rehberi ve İstatistikler</span>
<span class="down">Valorguide & Stats</span>
</h1>
<a href="https://github.com/AAyar94/Valorant_Guide_And_Stats">
<button class="btn btn-primary" id="seeGithubPage">Github Reposunu Gör</button>
</a>
</div>
</header><!-- end of page header -->
<!-- about section -->
<section class="section pt-0" id="about">
<!-- container -->
<div class="container text-center">
<!-- about wrapper -->
<div class="about">
<div class="about-img-holder">
<img src="assets/imgs/valorguide_image.png" class="about-img">
</div>
<div class="about-caption">
<p class="section-subtitle">Bu uygulama hakkında ?</p>
<h2 class="section-title mb-3">Valorguide & Stats</h2>
<p>
Bu uygulama ile Valorant oyunu hakkında temel bilgilere sahip olurken, oyundaki oynanabilir
karakterleri, bu karakterlerin yeteneklerini görebilirsiniz.<br>
Oyunda kullanabileceğiniz silahları, Oyundaki bulunan haritaları görebilir, Oyunun sezonlarını
inceleyebilirsiniz.
Oyunda bulunun komik stickerları Whatsapp, Twitter gibi sosyal medyalarda arkdaşalarınızla
paylaşabilirsiniz.
<br>
Bir başka kısımda ise oyundaki kullanıcı adınızı girerek oyundaki yaptığınız maçların bir ,
seviyenizin, derecenizin bir özetini bulabilirsiniz.
</p>
</div>
</div><!-- end of about wrapper -->
</div><!-- end of container -->
</section> <!-- end of about section -->
<section>
<div class="custom-padding">
<div data-aos="zoom-in-down">
<img src="assets/imgs/valorantgallery.svg" class="smaller-image">
</div>
</div>
</section>
<!-- about section -->
<section class="section pt-0" id="about">
<!-- container -->
<div class="container text-center">
<!-- about wrapper -->
<div class="about">
<div class="about-caption">
<br>
<h2 class="section-title mb-3">Teknik Detaylar</h2>
<p>
<br><br><span class="badge badge-pill badge-primary">MVVM</span> uygulama geliştirmede
kullanılan bir desendir ve üç ana bileşenden oluşur: Model, View ve ViewModel. Model, veri ve iş
mantığını temsil eder; View, kullanıcı arayüzünü (UI) ve kullanıcı etkileşimlerini yönetir;
ViewModel ise View ve Model arasında bir köprü görevi görür, UI mantığını içerir ve Model'den
gelen verileri UI için uygun formata dönüştürür. MVVM, veri bağlama (data binding) özelliği
sayesinde View ve ViewModel arasındaki bağlantıyı otomatize eder, böylece kodun daha temiz, daha
iyi organize edilmiş ve daha kolay test edilebilir olmasını sağlar.
<br><br><span class="badge badge-pill badge-secondary">Dagger-Hilt</span> Android uygulamaları
için Dagger'ın kolaylaştırılmış bir sürümüdür ve bağımlılık enjeksiyonunu basitleştirmek için
tasarlanmıştır, böylece geliştiriciler daha az boilerplate kodu ile bağımlılık enjeksiyonunu
kolayca uygulayabilirler.
<br><br><span class="badge badge-pill badge-primary">DataStore</span> Android'de hafif, güvenli
ve esnek bir veri saklama çözümüdür ve SharedPreferences'ın modern bir alternatifidir. Jetpack
DataStore, verileri disk üzerinde asenkron olarak saklamak ve okumak için Kotlin coroutines ve
Flow'ları kullanır. İki ana türü vardır: Preferences DataStore, anahtar-değer çiftleri şeklinde
veri saklar ve Proto DataStore, verileri tip güvenliği sağlayan ve daha verimli bir biçimde
saklayan protokol tamponları (Protocol Buffers) kullanır. DataStore, verileri güvenli ve tutarlı
bir şekilde yönetmek, veri göçü ve veri değişikliklerini takip etmek için daha iyi araçlar
sunar.
<br><br><span class="badge badge-pill badge-info">Room</span> Android Jetpack'in bir parçası
olan ve SQLite veritabanı işlemlerini kolaylaştıran bir kalıcılık kütüphanesidir. Room, SQL
sorgularını yazmayı kolaylaştırır ve compile-time kontrolü sağlayarak hataları azaltır.
<br><br><span class="badge badge-pill badge-danger">Coroutines</span> Android'de asenkron
programlamayı kolaylaştırmak için Kotlin coroutines ile entegre bir yaklaşım sunan bir
kütüphanedir.
<br><br><span class="badge badge-pill badge-primary">Retrofit</span> Android ve Java
uygulamalarında REST API çağrılarını yönetmek için kullanılan, tip güvenliği sağlayan ve ağ
işlemlerini kolaylaştıran bir HTTP istemci kütüphanesidir.
<br><br><span class="badge badge-pill badge-secondary">Coil</span> Kotlin tabanlı, modern ve
hafif bir Android görüntü yükleme kütüphanesidir. Bu kütüphane, Kotlin coroutines kullanarak
asenkron ve performanslı bir şekilde görüntüleri yüklemek için tasarlanmıştır ve Android
uygulamalarında görüntü yükleme işlemlerini kolaylaştırır.
</p>
</div>
</div><!-- end of about wrapper -->
</div><!-- end of container -->
</section> <!-- end of about section -->
<section class="section" id="returnback">
<div class="container text-center">
<a href="https://play.google.com/store/apps/details?id=com.aayar94.valorguidestats">
<button class="btn btn-outline-primary">Google Play Store' dan indir</button>
</a>
</div>
</section>
<section class="section" id="returnback">
<div class="container text-center">
<button class="btn btn-primary">Anasayfaya dön</button>
</div>
</section>
<!-- portfolio section -->
<section class="section" id="portfolio">
<div class="container text-center">
<p class="section-subtitle">Neler Yaptım ?</p>
<h6 class="section-title mb-6">Portföy</h6>
<!-- row -->
<div class="row">
<div class="col-md-4">
<a href="noteskmm.html" target="_self" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-0.jpg" class="portfolio-card-img">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Notlar uygulaması</h4>
<p class="font-weight-normal">Kotlin Multi Platform kullarak Hem Android Hem iOS
cihazlara Kotlin ile geliştirilmiş Notlar uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="settowally.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-1.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Settowally</h4>
<p class="font-weight-normal">Ücretsiz yüksek çözünürlüklü duvar kağıtları
indirebilceğiniz duvar kağıdı uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="passwordgenerator.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-2.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Şifre Oluşturucu</h4>
<p class="font-weight-normal">Kırılması zor güçlü şifreler yaratabiliceğiniz şifre
oluşturucu uygulama</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="foodrecipes.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-3.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Food Recipes(Yemek Tarifleri)</h4>
<p class="font-weight-normal">Yemek tariflerini, kullanılan malzemeleri ve pişirme
tarifini görebilecegiz, farklı diyet tiplerine uygun tarifler bulabileceginiz
bir uygulama</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="valorguide.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-4.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Valorguide & Stats</h4>
<p class="font-weight-normal">Valorant oyunu hakkında bilgi edinebilir , daha önce
oynadıysanız oyundaki istatistikleriz görebiliceğiniz oyun bir rehberidir</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="earthquakes.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/folio-5.jpg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Son Depremler</h4>
<p class="font-weight-normal">Son Depremler uygulaması ile Türkiye içerisinde olan
son 100 depremi görebilir, depremlerin merkez üssüne haritadan bakabilir,
Türkiye' nin deprem riski haritasına görebiliceğiniz bir uygulamadır.</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="calorietracker.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/CalorieTrackerMockup.png" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>CaloryTracker</h4>
<p class="font-weight-normal">Günlük kalori alma miktarınızi takip uygulaması</p>
</span>
</span>
</a>
</div>
<div class="col-md-4">
<a href="aquatick.html" class="portfolio-card">
<img class="portfolio-card-img" src="assets/imgs/aquatick_mockup.svg" class="img-responsive rounded">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Aquatick</h4>
<p class="font-weight-normal">Günlük sıvı alımını hesaplama ve takip etme</p>
</span>
</span>
</a>
</div>
</div><!-- end of row -->
</div><!-- end of container -->
</section> <!-- end of portfolio section -->
<!-- section -->
<section class="section-sm bg-primary">
<!-- container -->
<div class="container text-center text-sm-left">
<!-- row -->
<div class="row align-items-center">
<div class="col-sm offset-md-1 mb-4 mb-md-0">
<h6 class="title text-light">Benimle çalışmak ister misiniz?</h6>
<p class="m-0 text-light">Benimle İletişim kurmak için çekinmeyin.</p>
</div>
<div class="col-sm offset-sm-2 offset-md-3">
<button class="btn btn-lg my-font btn-light rounded" onclick="openLinkedIn()">LinkedIn</button>
</div>
</div> <!-- end of row -->
</div> <!-- end of container -->
</section> <!-- end of section -->
<!-- contact section -->
<section class="section" id="contact">
<div class="container text-center">
<p class="section-subtitle">Benimle nasıl iletişim kurabilirsiniz?</p>
<h6 class="section-title mb-5">Hemen burada</h6>
<!-- contact form -->
<form action="" class="contact-form col-md-10 col-lg-8 m-auto">
<div class="form-row">
<div class="form-group col-sm-12 mt-3">
<button class="btn btn-outline-primary" id="emailButton">Mail Gönder</button>
</div>
</div>
</form><!-- end of contact form -->
</div><!-- end of container -->
</section><!-- end of contact section -->
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap 3 affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Meyawo js -->
<script src="assets/js/meyawo.js"></script>
<script>
// Get the button element by its ID
const emailButton = document.getElementById('emailButton');
// Add a click event listener to the button
emailButton.addEventListener('click', function () {
// Change '[email protected]' to the desired email address
var emailAddress = '[email protected]';
var subject = 'Subject of the email'; // Optional: Change to desired subject
// Construct the mailto URL with the email address and subject
var mailtoLink = 'mailto:' + encodeURIComponent(emailAddress) + '?subject=' + encodeURIComponent(subject);
// Open the mail client in a new tab
window.open(mailtoLink, '_blank');
});
</script>
<script>
function openLinkedIn() {
// Replace 'your-linkedin-url' with the actual LinkedIn profile URL you want to open
var linkedinURL = 'https://www.linkedin.com/in/ademayar94/';
// Open the LinkedIn profile URL in a new tab/window
window.open(linkedinURL);
}
</script>
<script>
// Get the button element
const scrollButton = document.getElementById('scrollPortfolio');
// Get the portfolio section element
const portfolioSection = document.getElementById('portfolio');
// Add click event listener to the button
scrollButton.addEventListener('click', () => {
// Scroll to the portfolio section smoothly
portfolioSection.scrollIntoView({ behavior: 'smooth' });
});
</script>
<style>
.custom-padding {
text-align: center;
/* Center the content horizontally */
padding-left: 20px;
/* Adjust the left padding as needed */
padding-right: 20px;
/* Adjust the right padding as needed */
margin: 0 auto;
/* Center the div within its parent */
}
.smaller-image {
max-width: 75% !important;
/* Adjust the maximum width as needed */
height: auto !important;
/* Maintain the aspect ratio */
}
.fixed-size-image {
width: 300px;
/* Set the desired width */
height: 200px;
/* Set the desired height */
}
</style>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>