-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (129 loc) · 8.49 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
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta content="text/html" http-equiv="Content-Type"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arima:wght@300;500;700&family=Bree+Serif&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>
<meta charset="utf-8">
<link rel="icon" href="images/favicon.png""/>
<title>Elbay Malik Portfolio</title>
<meta name="description" content="Elbay Malik Portfolio">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<nav class="navbar">
<div class="navbar-container">
<h1 class="navbar-brand"><strong>Elbay Malik</strong> <span class="navbar-brand-muted"><i>a.k.a.</i> <strong>EleoXDA</strong></span></h1>
<div class="theme-toggle">
<img id="theme-toggle-img" src="images/lamp_on2.png"></img>
<div class="tooltip" id="tooltip">Click to toggle the theme</div>
</div>
</div>
</nav>
<body>
<div class="top-section">
<figure class="profile">
<img class="profile-picture" id="profpic" src="images/profpicb.png" alt="EleoXDA profile picture" width="200">
</figure>
<div class="info">
<h3 id="find-me-text">Find me in:</h6>
<div class="icon-row">
<a class="icon-btn" style="text-decoration: none;" href="https://github.com/EleoXDA" target="_blank">
<i class="fa-brands fa-github fa-3x"></i>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://www.linkedin.com/in/elbay-malik/" target="_blank">
<i class="fa-brands fa-linkedin-in fa-3x"></i>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://forum.xda-developers.com/m/eleo.4598795" target="_blank">
<img src="images/xda-muted.png" style="width: 48px;" class="xda" id="xda"></img>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://developers.google.com/profile/u/elbaymalik" target="_blank">
<img src="images/google-developers-muted.png" style="height: 40px;" class="googledev" id="googledev"></img>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://www.codewars.com/users/EleoXDA" target="_blank">
<img src="images/codewars-muted.png" style="width: 48px;" class="codewars" id="codewars"></img>
</a>
</div>
<div class="contact-me">
<h3 id="contact-me-text">Contact me:</h6>
</div>
<div class="contact-row">
<a class="mail" style="text-decoration: none;" href="mailto:elbay.malik@gmail.com"><i class="fa-solid fa-envelope-open fa-3x"></i></a>
</div>
</div>
</div>
<div class="navbar-brand navigation" id="navbar">
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'home')">About Me</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'projects')">Projects</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'experience')">Experience</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'education')">Education</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'soft')">Software Proficiency</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'skills')">Skills and Tools</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'lang')">Language Proficiency</a></button>
</div>
<div class="row">
<div id="home" class="column content active"></div>
<div id="projects" class="column content"></div>
<div id="experience" class="column content"></div>
<div id="education" class="column content"></div>
<div id="soft" class="column content"></div>
<div id="skills" class="column content"></div>
<div id="lang" class="column content"></div>
</div>
<button onclick="topFunction()" id="back-to-top" title="Go to top">Scroll Up</button>
<div id="myModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<div class="button-group">
<button class="modalbtn" id="project-link-btn">Open Project</button>
<button class="modalbtn" id="repo-link-btn">Link to Repo</button>
</div>
<span class="close" style="cursor: pointer;"><i class="fa-regular fa-circle-xmark fa-2xl"></i></span>
</div>
<p id="readme-content"></p>
</div>
</div>
<footer>
<div class="row">
<div class="column footer">
<hr>
<p style="margin:0px"><i class="fa-solid fa-file-signature fa-2xl"></i> <a id="resume" target="_blank" href="https://drive.google.com/file/d/1RQPuSkl0N1MfQdyInB-eCE5WxzOZyIYz">Download my Resume</a> <i class="fa-regular fa-circle-down fa-beat fa-lg"></i>
<div id="footer-group">
<p>Contact me: <a href="mailto:elbay.malik@gmail.com">Email</a>, <a target="_blank" href="https://www.linkedin.com/in/elbay-malik/">LinkedIn</a>, <a target="_blank" href="https://www.github.com/EleoXDA">GitHub</a>, <a target="_blank" href="https://forum.xda-developers.com/m/eleo.4598795">XDA</a>, <a target="_blank" href="https://developers.google.com/profile/u/elbaymalik">Google Developers</a>, <a target="_blank" href="https://www.codewars.com/users/EleoXDA">Codewars</a></p>
<p style="margin:0px" id="statcounter-text">Statcounter:
<span id="statcounter-digit">
<script type="text/javascript">
var _0x59c5be=_0x4d03;function _0x4d03(_0x4c9d12,_0x33198b){var _0x28fc5e=_0x28fc();return _0x4d03=function(_0x4d03ce,_0x1e58d0)
{_0x4d03ce=_0x4d03ce-0xb4;var _0x53a59a=_0x28fc5e[_0x4d03ce];return _0x53a59a;},_0x4d03(_0x4c9d12,_0x33198b);}(function(_0x49f9e8,_0x41751f)
{var _0x221608=_0x4d03,_0x64adce=_0x49f9e8();while(!![]){try{var _0x662ea0=parseInt(_0x221608(0xb6))/0x1*(parseInt(_0x221608(0xc2))/0x2)+
-parseInt(_0x221608(0xb9))/0x3*(-parseInt(_0x221608(0xc1))/0x4)+parseInt(_0x221608(0xba))/0x5*(-parseInt(_0x221608(0xb5))/0x6)+
parseInt(_0x221608(0xb4))/0x7+parseInt(_0x221608(0xbc))/0x8*(parseInt(_0x221608(0xb8))/0x9)+-parseInt(_0x221608(0xbf))/0xa+
-parseInt(_0x221608(0xb7))/0xb*(parseInt(_0x221608(0xbe))/0xc);if(_0x662ea0===_0x41751f)break;else _0x64adce['push'](_0x64adce['shift']());}
catch(_0x1e80f1){_0x64adce['push'](_0x64adce['shift']());}}}(_0x28fc,0x6f7ee));function _0x28fc()
{var _0x3765ab=['6UxekjP','2705BfVCQE','57101AcDuSK','36COZXvD','63tfVJMr','2568710jVTvQc',
'<script\x20type=\x27text/javascript\x27\x20src=\x27https://statcounter.com/counter/counter.js\x27></','1473608LfwyXv','script>',
'852hcLRXs','8317630qYybSd','907cba20','119772gufcyf','40XpSnTs','https://','5257315saDweM'];_0x28fc=function(){return _0x3765ab;};
return _0x28fc();}var sc_project=0xc4bfb4,sc_invisible=0x0,sc_security=_0x59c5be(0xc0),scJsHost=_0x59c5be(0xc3);document['write']
(_0x59c5be(0xbb)+_0x59c5be(0xbd));
</script>
<noscript>
<script>var s="=ejw!je>#tubudpvoufs#!dmbtt>#tubudpvoufs#?=jnh!dmbtt>#tubudpvoufs#!tsd>#iuuqt;00d/tubudpvoufs/dpn0239:5243010:18dcb31010#!bmu>#Xfc!Bobmzujdt!Nbef!Fbtz!.!Tubudpvoufs#!sfgfssfsQpmjdz>#op.sfgfssfs.xifo.epxohsbef#?=0ejw?";
var m="";for(var i=0;i<s.length;i++)m+=String.fromCharCode(s.charCodeAt(i)-1);document.write(m);</script><noscript>You must enable JavaScript to see this text.</noscript>
</noscript>
</span>
</p>
</div>
<hr>
<p id="footer">© 2023 Elbay Malik. All rights reserved</p>
</div>
</div>
</footer>
<script defer src="script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
</body>
</html>