This repository has been archived by the owner on Mar 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
124 lines (119 loc) · 8.15 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"
name="viewport">
<link rel="manifest" href="config.json">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<title>Berk Altıok</title>
<meta name="description" content="10 yılı aşkın sektörel deneyimimle bir çok projede yer aldım ve yaptım. Remote çalışma düzenim ve profesyonel iş anlayışım ile Front-End geliştiricilik yapmaktayım. Sizin de bir projeniz var ve kaliteli bir Front-End kodlaması istiyorsanız doğru adrestesiniz.">
<link rel="shortcut icon" href="">
<link rel="apple-touch-icon" href="">
<meta name="theme-color" content="#ffffff"/>
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900&display=swap" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<script>
window.location.href = "https://berk.pw";
</script>
</head>
<body>
<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script src="https://unpkg.com/axios@0.19.0/dist/axios.min.js"></script>
<script src="https://unpkg.com/vue-router@3.1.3/dist/vue-router.min.js"></script>
<div id="app">
<div class="loader" v-show="!load">
<svg height="60px" width="60px" version="1.1" viewBox="0 0 50 50" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px"><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" fill="#000" transform="rotate(64.6404 25 25)"><animateTransform attributeName="transform" attributeType="xml" dur="0.6s" from="0 25 25" repeatCount="indefinite" to="360 25 25" type="rotate"></animateTransform></path></svg>
</div>
<div class="container main" v-if="load" v-show="!view">
<header class="about">
<div class="about__top">
<img :src="this.config.about.top.avatar" alt="Photo" class="about__top-image">
<nav class="about__top-buttons">
<a :aria-label="item.text + ' Button'" rel="noopener" target="_blank" v-for="item in this.config.about.top.buttons" :href="item.url" :class="['about__top-button', 'about__top-button:'+item.color]">{{ item.text }}</a>
</nav>
</div>
<div class="about__content">
<div class="about__content-name">BIO</div>
<div class="about__content-title">{{ this.config.about.content.title }}</div>
<div class="about__content-subtitle">{{ this.config.about.content.subtitle }}</div>
<!--<div class="about__content-info">{{ this.config.about.content.info }}</div>-->
<div class="about__content-icons">
<a :aria-label="item.icon + ' Media'" rel="noopener" target="_blank" v-for="item in this.config.about.social" :href="item.url + '?ref=' + window.location.hostname"><i :class="(item.type || 'fab')+' fa-'+item.icon"></i></a>
<span></span>
</div>
</div>
</header>
<main class="portfolio">
<div class="portfolio__name">Works</div>
<div class="row">
<div class="col-6 col-lg-4 col-md-6" @click="openItem(item)" v-for="(item, index) in this.config.portfolio">
<article class="portfolio__item">
<img :src="item.thumbnail" :alt="item.title">
<div class="portfolio__item-content">
<div :class="['portfolio__item-tag', 'portfolio__item-tag:' + item.color]">{{ item.tag }}</div>
<div class="portfolio__item-title">{{ item.title }}</div>
</div>
</article>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__copy">Copyright © {{ new Date().getFullYear() }} <strong>{{ this.config.footer.copy }}</strong></div>
<div class="footer__love">We <span><i class="fas fa-heart"></i> love</span> <a aria-label="VueJS Project Site" rel="noopener" target="_blank" href="https://vuejs.org">VueJS</a></div>
<div class="footer__links">
<a :aria-label="item.text + ' Link'" rel="noopener" target="_blank" v-for="item in this.config.footer.links" :href="item.url">{{ item.text }}</a>
</div>
</footer>
</div>
<div class="view" v-if="view" v-show="view" style="display: none;">
<div class="view__close" @click="this.close"><i class="far fa-times"></i></div>
<div class="view__pages">
<div v-for="(item, index) in this.view.images" class="view__pages-item" v-show="index === viewActive">
<img :src="item.image" :alt="item.name">
</div>
</div>
<div class="view__nav">
<div class="view__nav-item view__nav-left" v-if="this.viewActive !== 0" @click="changeActive('left')">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>
</div>
<div class="view__nav-item view__nav-right" v-if="this.viewActive+1 !== this.view.images.length" @click="changeActive('right')">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
</div>
</div>
<div class="view__footer">
<div class="view__footer-info">
<div class="view__footer-info:title">
{{ this.view.title }}
<svg width="16" height="16" viewBox="0 0 24 24">
<g>
<path fill="#FFFFFF" id="navigateright-a"
d="M13.1485479,12.3531924 L13.1585532,12.3531924 L13.1485479,12.3531924 Z M10.0009007,16.999369 C9.7357619,16.999369 9.47062315,16.895365 9.27352,16.6873571 C8.89432155,16.2863419 8.91133045,15.6533178 9.31254042,15.2733034 L12.7743521,11.999179 L9.31254042,8.72605459 C8.91133045,8.34604015 8.89432155,7.71301609 9.27352,7.31200086 C9.65572001,6.91098562 10.2880509,6.89498501 10.6882604,7.27299937 L14.5442784,10.9191379 C15.1485946,11.5241609 15.1485946,12.4751971 14.5632883,13.0602193 L10.6882604,16.7263586 C10.4951593,16.9093656 10.24803,16.999369 10.0009007,16.999369 Z"></path>
</g>
</svg>
{{ this.view.images[this.viewActive].name }}
</div>
<div class="view__footer-info:desc">
{{ this.viewActive + 1 }} of {{ this.view.images.length }} pages
</div>
</div>
<div class="d-flex">
<a rel="noopener" aria-label="Show Live" target="_blank" v-if="this.view.live" :href="this.view.live + (this.view.ref ? '?ref=' + window.location.hostname : '')" class="view__footer-button view__footer-button:blue mr-2">Show Live</a>
<a rel="noopener" aria-label="Whatsapp Share" target="_blank" :href="'http://api.whatsapp.com/send?text='+ this.view.title +' - ' + window.location.href" class="view__footer-button"><svg width="16" height="12">
<g fill="none" fill-rule="evenodd">
<path d="M-1-3h18v18H-1z"></path>
<path d="M10 0l6 5.5-6 5.5V8c-4-.08-7.917 1.2-10 4 .833-4 4.333-8 10-9V0z" fill="#FFF"></path>
</g>
</svg> Share</a>
</div>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.min.js"></script>
</body>
</html>