-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
103 lines (102 loc) · 6.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>BLCNYY (Ömer Balkan)</title>
<meta name="title" content="BLCNYY (Ömer Balkan)">
<meta name="description" content="About BLCNYY">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://blcnyy.me">
<meta property="og:title" content="BLCNYY (Ömer Balkan)">
<meta property="og:description" content="About BLCNYY">
<meta property="og:image" content="https://blcnyy.me/src/images/profile-picture-may2024-compressed.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@BLCNYY">
<meta property="twitter:url" content="https://blcnyy.me">
<meta name="twitter:creator" content="@BLCNYY">
<meta property="twitter:title" content="BLCNYY (Ömer Balkan)">
<meta property="twitter:description" content="About BLCNYY">
<meta property="twitter:image" content="https://blcnyy.me/src/images/profile-picture-may2024-compressed.jpg">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<!-- Fontshare -->
<link rel="preconnect" href="https://api.fontshare.com" crossorigin>
<link href="https://api.fontshare.com/v2/css?f[]=supreme@400&f[]=bespoke-stencil@700&display=swap" rel="stylesheet">
<!-- Google Symbols -->
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">
<!-- Custom CSS -->
<link href="src/styles/styles.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="src/favicon.ico">
</head>
<body>
<main class="container">
<!--Profile Picture-->
<img src="src/images/Profile-picture-24H2.jpg" class="profile-picture">
<div>
<h1>Ömer Balkan</h1>
<p>@BLCNYY</p>
<a href="projects" class="link">My Projects</a>
</div>
</main>
<section class="container">
<h1>Links</h1>
<br>
<!-- Grid for wrapping the cards -->
<div class="grid">
<!-- X (formerly Twitter) -->
<a href="https://twitter.com/BLCNYY" class="card social-card" target="_blank" rel="noopener noreferrer">
<i class="fab fa-x-twitter social-icon"></i>
<h5 class="title">X (formerly Twitter)</h5>
<span class="material-symbols-outlined arrow">north_east</span>
</a>
</a>
<!-- Reddit -->
<a href="https://www.reddit.com/user/BALCONY__/" class="card social-card reddit" target="_blank" rel="noopener noreferrer">
<i class="fab fa-reddit social-icon"></i>
<h5 class="title">Reddit</h5>
<span class="material-symbols-outlined arrow">north_east</span>
</a>
<!-- Stream -->
<a href="https://steamcommunity.com/id/blcnyy/" class="card social-card steam" target="_blank" rel="noopener noreferrer">
<i class="fab fa-steam social-icon"></i>
<h5 class="title">Steam</h5>
<span class="material-symbols-outlined arrow">north_east</span>
</a>
<!-- Bluesky -->
<a href="https://bsky.app/profile/blcnyy.me" class="card social-card bsky" target="_blank" rel="noopener noreferrer">
<svg class="bluesky social-icon" width="30" height="30" viewBox="0 0 360 320" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158Z" fill="#fff"/>
<path d="M180 141.964C163.699 110.262 119.308 51.1817 78.0347 22.044C38.4971 -5.86834 23.414 -1.03207 13.526 3.43594C2.08093 8.60755 0 26.1785 0 36.5164C0 46.8542 5.66748 121.272 9.36416 133.694C21.5786 174.738 65.0603 188.607 105.104 184.156C107.151 183.852 109.227 183.572 111.329 183.312C109.267 183.642 107.19 183.924 105.104 184.156C46.4204 192.847 -5.69621 214.233 62.6582 290.33C137.848 368.18 165.705 273.637 180 225.702C194.295 273.637 210.76 364.771 295.995 290.33C360 225.702 313.58 192.85 254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158C294.94 188.61 338.421 174.74 350.636 133.697C354.333 121.275 360 46.8568 360 36.519C360 26.1811 357.919 8.61012 346.474 3.43851C336.586 -1.02949 321.503 -5.86576 281.965 22.0466C240.692 51.1843 196.301 110.262 180 141.964Z" fill="#fff"/>
</svg>
<h5 class="title">Bluesky</h5>
<span class="material-symbols-outlined arrow">north_east</span>
</a>
<!-- GitHub -->
<a href="https://github.com/BLCNYY" class="card social-card" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github social-icon"></i>
<h5 class="title">GitHub</h5>
<span class="material-symbols-outlined arrow">north_east</span>
</a>
<!-- Instagram -->
<a href="https://www.instagram.com/blcnyy" class="card social-card ig" target="_blank" rel="noopener noreferrer">
<i class="fab fa-instagram social-icon"></i>
<h5 class="title">Instagram</h5>
<span class="material-symbols-outlined arrow">north_east</span>
</a>
</div>
</section>
<footer class="container">
<p>Designed and Developed by <a href="https://dhirenv.art" target="_blank" rel="noopener noreferrer">Dhiren Vasnani</a></p>
</footer>
<script src="src/myscript.js"></script>
</body>
</html>