feat: fill with relevant data
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 17s
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 17s
This commit is contained in:
gfxv
parent
edfe404232
commit
0b53e607dc
113
src/index.html
113
src/index.html
@ -13,11 +13,7 @@
|
||||
<script src="https://kit.fontawesome.com/f502f0780c.js" crossorigin="anonymous"></script>
|
||||
|
||||
<script defer data-domain="rferee.dev" src="https://analytics.rfer.ee/js/script.js"></script>
|
||||
|
||||
<!-- External CSS -->
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
||||
<!-- External JavaScript -->
|
||||
<script defer src="script.js"></script>
|
||||
</head>
|
||||
<body class="text-gray-100">
|
||||
@ -47,13 +43,13 @@
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white col-span-2">
|
||||
<i class="fa-solid fa-language text-white icon"></i>
|
||||
<span>RU, EN, BY</span>
|
||||
<span> EN / RU / BY</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contact Links -->
|
||||
<div class="gap-x-6 gap-y-3 text-white pt-4">
|
||||
<a href="#" class="text-white flex items-center gap-2 mb-2">
|
||||
<a href="https://github.com/gfxv" target="_blank" class="text-white flex items-center gap-2 mb-2">
|
||||
<i class="fa-brands fa-github icon"></i>
|
||||
<span class="text-custom-lavender">@gfxv</span>
|
||||
</a>
|
||||
@ -64,7 +60,7 @@
|
||||
</a>
|
||||
<div class="flex items-center gap-2 md:col-span-2 gap-2">
|
||||
<i class="fa-solid fa-envelope icon"></i>
|
||||
<span>ilya.rud.main [AT] gmail.com</span>
|
||||
<span class="text-custom-lavender">ilya.rud.main [AT] gmail.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -84,8 +80,10 @@
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="skill-tag">Go</span>
|
||||
<span class="skill-tag">Python</span>
|
||||
<span class="skill-tag">SQL</span>
|
||||
<span class="skill-tag">JavaScript</span>
|
||||
<span class="skill-tag">HTML/CSS</span>
|
||||
<span class="skill-tag">Tailwind</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -106,13 +104,14 @@
|
||||
<div class="matte-glass rounded-lg p-5">
|
||||
<h3 class="text-xl font-bold mb-4 text-white flex items-center">
|
||||
<i class="fa-solid fa-database text-white mr-4 icon"></i>
|
||||
Databases
|
||||
Databases & Storages
|
||||
</h3>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="skill-tag">PostgreSQL</span>
|
||||
<span class="skill-tag">SQLite</span>
|
||||
<span class="skill-tag">MongoDB</span>
|
||||
<span class="skill-tag">Redis</span>
|
||||
<span class="skill-tag">Minio</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -124,7 +123,11 @@
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="skill-tag">Docker</span>
|
||||
<span class="skill-tag">Portainer</span>
|
||||
<span class="skill-tag">CI/CD</span>
|
||||
<span class="skill-tag">GitLab CI</span>
|
||||
<span class="skill-tag">SSO (Zitadel)</span>
|
||||
<span class="skill-tag">NGINX</span>
|
||||
<span class="skill-tag">Caddy</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -137,6 +140,8 @@
|
||||
<span class="skill-tag">Git</span>
|
||||
<span class="skill-tag">Make</span>
|
||||
<span class="skill-tag">Task</span>
|
||||
<span class="skill-tag">Kafka</span>
|
||||
<span class="skill-tag">Swagger/OpenAPI</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -151,17 +156,19 @@
|
||||
<div class="flex flex-col md:flex-row md:items-center justify-between mb-4">
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">Stash</h4>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<a href="https://github.com/gfxv/go-stash" target="_blank" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<i class="fa-brands fa-github icon text-lg"></i>
|
||||
</a>
|
||||
<a href="#" class="text-gray-300 flex items-center" aria-label="Live Demo">
|
||||
<i class="fa-solid fa-link icon text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4">A brief description of the first project and what technologies were used. Explains the problem solved and key features implemented.</p>
|
||||
<p class="text-gray-300 mb-4">
|
||||
A Distributed Content Addressable Storage system written in Go
|
||||
which features replication, automatic data re-distribution
|
||||
between nodes, built-in health control.
|
||||
</p>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="project-tag">Go</span>
|
||||
<span class="project-tag">gRPC</span>
|
||||
<span class="project-tag">PostgreSQL</span>
|
||||
<span class="project-tag">Docker</span>
|
||||
</div>
|
||||
@ -169,41 +176,85 @@
|
||||
|
||||
<div class="matte-glass rounded-lg p-6">
|
||||
<div class="flex flex-col md:flex-row md:items-center justify-between mb-4">
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">Project Two</h4>
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">Scout</h4>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<a href="https://github.com/gfxv/scout" target="_blank" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<i class="fa-brands fa-github icon text-lg"></i>
|
||||
</a>
|
||||
<a href="#" class="text-gray-300 flex items-center" aria-label="Live Demo">
|
||||
<i class="fa-solid fa-link icon text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4">A brief description of the second project with its key features. Demonstrates technical skills and problem-solving abilities.</p>
|
||||
<p class="text-gray-300 mb-4">
|
||||
A lightweight and easy to use local search engine written in Go,
|
||||
that allows to index and search across user-provided documents
|
||||
using the TF-IDF algorithm.
|
||||
</p>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="project-tag">Python</span>
|
||||
<span class="project-tag">FastAPI</span>
|
||||
<span class="project-tag">MongoDB</span>
|
||||
<span class="project-tag">Go</span>
|
||||
<span class="project-tag">Fiber</span>
|
||||
<span class="project-tag">Docker</span>
|
||||
<span class="project-tag">SQLite</span>
|
||||
<span class="project-tag">HTMX</span>
|
||||
<span class="project-tag">Templ</span>
|
||||
<span class="project-tag">TailwindCSS</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="matte-glass rounded-lg p-6">
|
||||
<div class="flex flex-col md:flex-row md:items-center justify-between mb-4">
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">ASS</h4>
|
||||
<div class="flex gap-3">
|
||||
<a href="https://github.com/gfxv/ass" target="_blank" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<i class="fa-brands fa-github icon text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4">
|
||||
Advanced Storage System - a command line tool for managing passwords.
|
||||
Allows to split passwords into groups with different access levels
|
||||
and assign roles to users with different rights.
|
||||
</p>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="project-tag">Rust</span>
|
||||
<span class="project-tag">SQLite</span>
|
||||
<span class="project-tag">CLI</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="matte-glass rounded-lg p-6">
|
||||
<div class="flex flex-col md:flex-row md:items-center justify-between mb-4">
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">Project Three</h4>
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">Gait</h4>
|
||||
<div class="flex gap-3">
|
||||
<a href="#" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<a href="https://github.com/gfxv/gait" target="_blank" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<i class="fa-brands fa-github icon text-lg"></i>
|
||||
</a>
|
||||
<a href="#" class="text-gray-300 flex items-center" aria-label="Live Demo">
|
||||
<i class="fa-solid fa-link icon text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4">An overview of the third project highlighting its innovative aspects. Shows creativity and technical expertise.</p>
|
||||
<p class="text-gray-300 mb-4">
|
||||
An AI powered CLI tool for generating commit messages
|
||||
based on staged files and simplifying common git tasks.
|
||||
</p>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="project-tag">JavaScript</span>
|
||||
<span class="project-tag">HTML/CSS</span>
|
||||
<span class="project-tag">Redis</span>
|
||||
<span class="project-tag">Go</span>
|
||||
<span class="project-tag">CLI</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="matte-glass rounded-lg p-6">
|
||||
<div class="flex flex-col md:flex-row md:items-center justify-between mb-4">
|
||||
<h4 class="text-2xl font-bold text-white mb-2 md:mb-0">CUM</h4>
|
||||
<div class="flex gap-3">
|
||||
<a href="https://github.com/gfxv/cum" target="_blank" class="text-gray-300 flex items-center" aria-label="GitHub Repository">
|
||||
<i class="fa-brands fa-github icon text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-4">
|
||||
Comprehensive Universal Mapper - a CLI tool for encoding data into mp4 format.
|
||||
</p>
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<span class="project-tag">Go</span>
|
||||
<span class="project-tag">ffmpeg</span>
|
||||
<span class="project-tag">CLI</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user