-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (131 loc) · 11.6 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
131
132
133
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="description" content="Gabs' Personal Website build with Vue. Explore my world: About me, My, and more. Connect and collaborate.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Gabs, Personal Website, Projects, Github, Gitlab, Web">
<meta name="author" content="Gabriel Cozma">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://gabs.eu.org">
<link rel="icon" href="icons/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="me" href="https://fosstodon.org/@gabs">
<link rel="manifest" href="icons/site.webmanifest">
<link rel="stylesheet" href="/style.css">
<title>gabs</title>
</head>
<body>
<div class="curzr" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path class="inner" d="M25,30a5.82,5.82,0,0,1-1.09-.17l-.2-.07-7.36-3.48a.72.72,0,0,0-.35-.08.78.78,0,0,0-.33.07L8.24,29.54a.66.66,0,0,1-.2.06,5.17,5.17,0,0,1-1,.15,3.6,3.6,0,0,1-3.29-5L12.68,4.2a3.59,3.59,0,0,1,6.58,0l9,20.74A3.6,3.6,0,0,1,25,30Z" fill="#F2F5F8" />
<path class="outer" d="M16,3A2.59,2.59,0,0,1,18.34,4.6l9,20.74A2.59,2.59,0,0,1,25,29a5.42,5.42,0,0,1-.86-.15l-7.37-3.48a1.84,1.84,0,0,0-.77-.17,1.69,1.69,0,0,0-.73.16l-7.4,3.31a5.89,5.89,0,0,1-.79.12,2.59,2.59,0,0,1-2.37-3.62L13.6,4.6A2.58,2.58,0,0,1,16,3m0-2h0A4.58,4.58,0,0,0,11.76,3.8L2.84,24.33A4.58,4.58,0,0,0,7,30.75a6.08,6.08,0,0,0,1.21-.17,1.87,1.87,0,0,0,.4-.13L16,27.18l7.29,3.44a1.64,1.64,0,0,0,.39.14A6.37,6.37,0,0,0,25,31a4.59,4.59,0,0,0,4.21-6.41l-9-20.75A4.62,4.62,0,0,0,16,1Z" fill="#111920" />
</svg>
</div>
<!-- partial:index.partial.html -->
<div id="app">
<div :class="['bg', bg]">
<header>
<nav>
<ul>
<li>
<a class="link-bio" href="#bio" @click="bg = 'bio'" style="font-weight: 500;">About Me</a>
</li>
<li><a class="link-projects" href="#projects" @click="bg = 'projects'" style="font-weight: 500;">Projects</a></li>
<li><a class="link-find-me" href="#findme" @click="bg = 'find-me'" style="font-weight: 500;">Find me</a></li>
</ul>
</nav>
<div class="transition transition-bio"></div>
<div class="transition transition-projects"></div>
<div class="transition transition-find-me"></div>
<h1>gabs</h1>
</header>
<div class="dots dots1"></div>
<div class="dots dots2"></div>
<div>
<main>
<transition-group name="slide-fade" mode="out-in">
<p key="bio" v-if="bg==='bio'" class="about-text">Salut! I'm a human person, but also a designer and developer with a passion for creating beautiful and intuitive experiences. My name is Gabriel, also known as Gabs, and I am located in Moldova. I specialize in Web Development and am currently trying out other things that I might also enjoy. Since I contribute to a lot of other things, why not check out my open-source projects and profile on <a href="https://github.com/GabsEdits" rel="noopener" target="_blank">GitHub</a> and who knows, maybe in the future, I'll add some to <a href="https://gitlab.com/gxbs" rel="noopener" target="_blank">GitLab</a> too. GitHub is the main area where you'll find me, as almost, if not everything I do, is based there. With time, I started working on more and more things.
<br><br>In May 2023, I started working on my first-ever project that is not for myself. I spent about 3 months developing a website for the company Boekestijn in Moldova, and that marked the beginning of my new product <a href="https://gabs.eu.org/aeolus">Aelous</a>. Currently, it's built with basic HTML, but the next version will most likely be built with Vue 3.0. The website was a big success and a milestone for my career. Following that, I began my more professional work and started working for other companies that need websites. <b>If you are looking for a website <a href="#findme" @click="bg = 'find-me'" rel="noopener" target="_blank">contact me.</a></b> You can also check out more or almost all of my projects on my <a @click="bg = 'projects'" href="#projects">Projects</a> page.
<br><br>In my free time, I enjoy exploring new technologies and learning new skills to make a positive impact on the world through my work :D</p>
<p key="projects" v-if="bg === 'projects'" style="text-align: center;">
This page showcases a collection of my professional work, projects and contributions:
<br><br>
<span class="shining-effect highlight-project">
<strong>• Boekestijn Moldova Website:</strong>
<sup>
<br>Company Website. <br class="mobile-only">
<a href="https://boekestijn.md/" rel="noopener" target="_blank">Check it out </a> <span class="source-code"><a href="https://github.com/GabsEdits/boekestijn"> Source Code</a></span>
</sup>
</span>
<span class="highlight-project-k">
<strong>• Keimeno:</strong>
<sup>
<br>Just Text. Just Notes. Save. <br class="mobile-only">
<a href="https://gabs.eu.org/keimeno" rel="noopener" target="_blank">Check it out</a>
</sup>
</span>
<span class="highlight-project-v">
<strong>• Vanilla OS:</strong>
<sup>
<br>An immutable Linux distro. <br class="mobile-only">
<a href="https://vanillaos.org" rel="noopener" target="_blank">Check it out</a>
</sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• VirtualHub:</strong><br><sup>Install old operating systems. <br class="mobile-only"><a href="https://github.com/InstallerLegacy" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• gabs.eu.org: <span id="here-badge">Here</span></strong><br><sup>My personal website. <br class="mobile-only"> <a href="https://github.com/GabsEdits/gabsedits.github.io" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Website Concept:</strong><br><sup>Old concept of my website. <br class="mobile-only"> <a href="https://github.com/GabsEdits/website-concept" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Deb GNOME:</strong><br><sup>A script for Debian GNOME. <br class="mobile-only"> <a href="https://github.com/GabsEdits/deb-gnome" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Password Generator:</strong><br><sup>A password generator. <br class="mobile-only"> <a href="https://github.com/GabsEdits/password" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Ubu:</strong><br><sup>A custom script for Ubuntu. <br class="mobile-only"> <a href="https://github.com/GabsEdits/ubu" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Deb:</strong><br><sup>A custom script for Debian. <br class="mobile-only"> <a href="https://github.com/GabsEdits/deb" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Sticky Notes:</strong><br><sup>Sticky notes app for GNOME. <br class="mobile-only"> <a href="https://github.com/vixalien/sticky" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Fed:</strong><br><sup>A Custom script for Fedora. <br class="mobile-only"> <a href="https://github.com/GabsEdits/fed" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Timer:</strong><br><sup>A Simple Timer for GNOME. <br class="mobile-only"> <a href="https://github.com/Vanilla-OS" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
<span style="display: block; text-align: left;">
<strong style="font-weight: bold;">• Extension Manager:</strong><br><sup>Manage GNOME Extensions. <br class="mobile-only"> <a href="https://github.com/Vanilla-OS" rel="noopener" target="_blank" class="project-link">View on <i class="fab fa-github git-link"></i></a></sup>
</span>
</p>
<p key="find-me" v-if="bg==='find-me'">
Here, where I live it's currently <span id="chisinau-time"></span>. You can reach me at:
<span style="display: block; text-align: left;">• Discord: <a href=" https://discord.com/users/841649648606249021" target="_blank" rel="noopener" class="social-media">gabsme</a></span>
<span style="display: block; text-align: left;">• <i class="fa-brands fa-x-twitter fa-sm"></i>: <a href="https://x.com/GabsSimply" target="_blank" rel="noopener" class="social-media">/GabsSimply</a></span>
<span style="display: block; text-align: left;">• Telegram: <a href="https://t.me/gabsedits" target="_blank" rel="noopener" class="social-media">/gabsedits</a></span>
<span style="display: block; text-align: left;">• GNOME GitLab: <a href="https://gitlab.gnome.org/gabs" target="_blank" rel="noopener" class="social-media">@gabs</a></span>
<span style="display: block; text-align: left;">• Email: <a href="mailto:me@gabs.eu.org" class="social-media">me@gabs.eu.org</a></span>
<span style="display: block; text-align: left;">• Mastodon: <a href="https://fosstodon.org/@gabs" target="_blank" rel="noopener" class="social-media">@gabs@fosstodon.org</a></span>
Feel free to message me on any of these platforms - I'd love to hear from you!
</p>
</transition-group>
</main>
</div>
</div>
</div>
<!-- partial -->
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="./script.js"></script>
</body>
</html>