-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (139 loc) · 6.76 KB
/
Copy pathindex.html
File metadata and controls
151 lines (139 loc) · 6.76 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nivmizz7</title>
<link rel="icon" href="assets/photo.jpg" type="image/x-icon">
<!-- Fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Poppins:wght@300;400;600&display=swap"
rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
<script src="script.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="header-container glass-panel">
<a href="https://nivmizz7.me"><img src="assets/photo.jpg" alt="Photo de Nivmizz7" class="profile-photo"></a>
<div class="header-info">
<h1>Nivmizz7</h1>
<p>Back-end Web Developer & Server Management and Maintenance</p>
</div>
</div>
<nav class="nav-container">
<ul class="nav-links">
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://github.com/Nivmizz7" target="_blank"><i class="fa-brands fa-github"></i> GitHub</a></li>
</ul>
</nav>
</header>
<section id="skills" class="section glass-panel">
<div class="section-header">
<h2>Skills</h2>
<div class="line"></div>
</div>
<div class="skills">
<div class="skill"><i class="devicon-html5-plain colored"></i> HTML</div>
<div class="skill"><i class="devicon-css3-plain colored"></i> CSS</div>
<div class="skill"><i class="devicon-javascript-plain colored"></i> JavaScript</div>
<div class="skill"><i class="devicon-typescript-plain colored"></i> TypeScript</div>
<div class="skill"><i class="devicon-vuejs-plain colored"></i> Vue.js</div>
<div class="skill"><i class="devicon-nodejs-plain colored"></i> Node.js</div>
<div class="skill"><i class="devicon-c-plain colored"></i> C</div>
<div class="skill"><i class="devicon-cplusplus-plain colored"></i> C++</div>
<div class="skill"><i class="devicon-csharp-plain colored"></i> C#</div>
<div class="skill"><i class="devicon-bash-plain"></i> Bash</div>
<div class="skill"><i class="devicon-linux-plain"></i> Linux</div>
<div class="skill"><i class="devicon-ubuntu-plain colored"></i> Ubuntu</div>
<div class="skill"><i class="devicon-nixos-plain colored"></i> Nix</div>
<div class="skill"><i class="devicon-docker-plain colored"></i> Docker</div>
<div class="skill"><i class="fas fa-server" style="color: #0095ff;"></i> VMware ESXi</div>
<div class="skill"><i class="devicon-proxmox-plain colored"></i> Proxmox VE</div>
<div class="skill"><i class="devicon-postgresql-plain colored"></i> PostgreSQL</div>
<div class="skill"><i class="devicon-json-plain colored"></i> JSON</div>
<div class="skill"><i class="devicon-git-plain colored"></i> Git</div>
<div class="skill"><i class="devicon-github-original"></i> GitHub</div>
</div>
</section>
<section id="projects" class="section glass-panel">
<div class="section-header">
<h2>Projects</h2>
<div class="line"></div>
</div>
<div class="projects" id="github-projects">
<div class="project">
<h3><img src="assets/tarkovtracker-org.png" alt="TarkovTracker Logo"
style="width: 24px; vertical-align: middle; margin-right: 8px;"> TarkovTracker.org</h3>
<p>A comprehensive quest tracking and progression platform for Escape from Tarkov.</p>
<div class="project-tags">
<span class="tag"><i class="devicon-typescript-plain colored"></i> TypeScript</span>
<span class="tag"><i class="devicon-nuxtjs-plain colored"></i> Nuxt 4</span>
</div>
<div class="project-links">
<a href="https://github.com/TarkovTracker-org/tarkovtracker" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-github"></i> Code
</a>
<a href="https://tarkovtracker.org" target="_blank" rel="noopener noreferrer">
<i class="fa-solid fa-arrow-up-right-from-square"></i> Live
</a>
</div>
</div>
<div class="project">
<h3><img src="assets/tarkovtracker-org.png" alt="TarkovTracker Logo"
style="width: 24px; vertical-align: middle; margin-right: 8px;"> Tarkov Data Overlay</h3>
<p>Overlay for Tarkov.dev API data.</p>
<div class="project-tags">
<span class="tag"><i class="devicon-json-plain colored"></i> JSON</span>
<span class="tag"><i class="devicon-javascript-plain colored"></i> JavaScript</span>
</div>
<div class="project-links">
<a href="https://github.com/TarkovTracker-org/tarkov-data-overlay" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-github"></i> Code
</a>
</div>
</div>
<div class="project">
<h3><img src="assets/tarkovtracker-org.png" alt="TarkovTracker Logo"
style="width: 24px; vertical-align: middle; margin-right: 8px;"> TrackerBot</h3>
<p>Discord bot for the TarkovTracker.org discord server.</p>
<div class="project-tags">
<span class="tag"><i class="devicon-javascript-plain colored"></i> JavaScript</span>
</div>
<div class="project-links">
<a href="https://github.com/TarkovTracker-org/trackerbot" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-github"></i> Code
</a>
</div>
</div>
</div>
</section>
<section id="contact" class="section glass-panel">
<div class="section-header">
<h2>Contact</h2>
<div class="line"></div>
</div>
<div class="contact-info" style="text-align: center; font-size: 1.2rem; margin-top: 20px;">
<p style="margin-bottom: 15px;">
<i class="fa-solid fa-envelope" style="color: #64748b; margin-right: 10px;"></i>
<a href="mailto:niv@nivmizz7.dev"
style="color: var(--text-color); text-decoration: none; font-weight: 500;">niv@nivmizz7.dev</a>
</p>
<p>
<i class="fa-brands fa-discord" style="color: #5865F2; margin-right: 10px;"></i>
<a href="https://discord.gg/PpdDwd2M6V" target="_blank" rel="noopener noreferrer"
style="color: var(--text-color); text-decoration: none; font-weight: 500;">Join the Discord Server</a>
</p>
</div>
</section>
<footer>
<p>© <span id="current-year"></span> Nivmizz7 | <a href="https://github.com/Nivmizz7" target="_blank"><i
class="fa-brands fa-github"></i> GitHub</a></p>
</footer>
</body>
</html>