nikola/personal_website
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move to static files

Browse Source 
move 1_0, 2_0 and cv to static files
This commit is contained in:
Nikola Petrov
2026-03-16 20:55:00 +01:00
parent 088a9dd99d
commit f657c7e4df
26 changed files with 766 additions and 690 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
backend/routes/main.ts
View File

@@ -1,21 +1,7 @@
import express, { type Request, type Response } from "express";
import userData from '../userKnowledge.json';
const router = express.Router();
/* GET home page. */
router.get('/2_0', function (req: Request, res: Response) {
res.render('main/2_0', { userData });
});
router.get('/cv', function (req: Request, res: Response) {
res.render('cv', { userData });
});
router.get('/1_0', function (req: Request, res: Response) {
res.render('main/1_0');
});
router.get('/list', function (req: Request, res: Response) {
res.render('list');
});

111
backend/userKnowledge.json
View File

@@ -1,111 +0,0 @@
{
"first_name": "Nikola",
"last_name": "Petrov",
"phone_number": "+38670749506",
"occupation": "Developer",
"birth": "14, November, 2000",
"living_location": "Ljubljana, Slovenia",
"web_link": "https://petrovv.com",
"git_link": "https://git.petrovv.com/explore",
"email": "nikola@petrovv.com",
"instagram_handle":"@nikolainsta7",
"instagram_link":"https://www.instagram.com/nikolainsta7",
"about_me": [
"I am Nikola, currently pursuing my studies at the Faculty of Electrical Engineering and Computer Science (FERI) in Maribor. My academic journey is largely driven by my interest in application and web development. I find the process of creating functional and user-friendly digital solutions both challenging and rewarding. This field allows me to blend creativity with technical skills, which I find particularly engaging.",
"Recently, I have developed an interest in the game of Go. The strategic depth and complexity of the game have captivated my attention, providing a stimulating mental exercise. Additionally, I have started exploring photography. Capturing moments and expressing visual stories through a lens has become a newfound passion, offering a different kind of creative outlet that complements my technical pursuits."
],
"project": [
{
"img": "/images/projects/password_manager.jpeg",
"title": "Password manager",
"des": "CLI app",
"link": "https://git.petrovv.com/nikola/password_manager"
},
{
"img": "/images/projects/list.jpeg",
"title": "My watch/game list",
"des": "",
"link": "/list"
},
{
"img": "/images/logo.png",
"title": "Server",
"des": "Everything running on my server",
"link": "https://git.petrovv.com/nikola/personal_website"
},
{
"img": "/images/projects/projektna_naloga.jpeg",
"title": "Highway Tracker",
"des": "School project",
"link": "https://git.petrovv.com/nikola/school/src/branch/master/projektna_naloga"
},
{
"img": "/images/projects/bitshift.jpeg",
"title": "BitShifters",
"des": "unity",
"link": "https://git.petrovv.com/nikola/school/src/branch/master/semester_4/razvoj_programskih_sistemov/bitshifters"
},
{
"img": "/images/projects/tetris.jpeg",
"title": "Tetris",
"des": "WPF",
"link": "https://git.petrovv.com/nikola/school/src/branch/master/semester_4/razvoj_programskih_sistemov/tetris"
}
],
"experience": [
{
"title": "HW Developer",
"company": "Spica International",
"time": "17/03/2025 - 01/08/2025",
"des": "Worked on access menegment systems. Programed integrated devices, based on Buildroot using c++ and python web server."
},
{
"title": "Backend/Frontend",
"company": "RRC d.o.o",
"time": "01/09/2024 - 31/12/2024",
"des": "Worked on goverment websites for collage enrolment and student dorm requests."
},
{
"title": "Developer",
"company": "RRC d.o.o",
"time": "18/03/2024 - 31/05/2024",
"des": "Student practicum. Backend in java with frontend in ext JS and jQuery."
},
{
"title": "Developer/IT",
"company": "LightAct",
"time": "01/07/2022 - 01/09/2022",
"des": "I helped maintaining data base, worked on the application (integrated a capture card and IP camera), assembled new server rack, installed new UTP/power connectors in the office."
},
{
"title": "Mentor",
"company": "Institute 404",
"time": "08/06/2020 - 19/06/2020",
"des": "I helped primary school children with their projects with soldering, laser cutting, and building."
},
{
"title": "Maintenance technician",
"company": "Hella Saturnos d.o.o.",
"time": "04/09/2018 - 18/01/2019",
"des": "I maintained and repaired machines from plastic presses to personal stations."
},
{
"title": "Maintenance technician",
"company": "Best Western Premier Hotel Slon",
"time": "01/03/2018 - 04/05/2018",
"des": "I helped with setting up the conference/event rooms. I helped customers and fixed problems like replacing light bulbs, wall sockets, hair-dryers."
}
],
"education": [
{
"title": "(FERI) Faculty of Electrical Engineering and Computer Science, University of Maribor",
"time": "01/10/2021 - CURRENT",
"des": "Graduate engineer of computer science and information technology."
},
{
"title": "(SSTS Siska) Secondary school of technical professions siska",
"time": "01/09/2016 - 07/07/2021",
"des": "Electrotechnician."
}
]
}

189
backend/views/cv.hbs
View File

@@ -1,189 +0,0 @@
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/images/logo.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CV</title>
<script src="https://kit.fontawesome.com/cb81440751.js" crossorigin="anonymous"></script>
<!-- Import stylesheets in CSS3 -->
<link rel="stylesheet" href="/assets/cv/stylesheets/style.css" type="text/css">
<!-- HTML2PDF.js -->
<!-- Version 0.9.3 -->
<script defer src="/assets/cv/javascripts/html2pdf.v0.9.3.bundle.min.js"></script>
<!-- Main Javascript file -->
<script defer src="/assets/cv/javascripts/main.js"></script>
</head>
<body>
<header class="l-header" id="header">
<!-- Nav menu -->
<nav class="nav bd-container">
<a href="#" class="nav_logo">Nikola Petrov</a>
<div class="nav_menu" id="nav-menu">
<ul class="nav_list">
<li class="nav_item">
<a href="#home" class="nav_link active-link">
<i class="fa-solid fa-house nav_icon"></i>Home
</a>
</li>
<li class="nav_item">
<a href="#experience" class="nav_link">
<i class="fa-solid fa-briefcase nav_icon"></i>Experiences
</a>
</li>
<li class="nav_item">
<a href="#education" class="nav_link">
<i class="fa-solid fa-book-bookmark nav_icon"></i>Education
</a>
</li>
</ul>
</div>
<div class="nav_toggle" id="nav-toggle">
<i class="fa-solid fa-bars"></i>
</div>
</nav>
</header>
{{#with userData}}
<main class="l-main bd-container">
<!-- Resume CV -->
<div class="resume" id="area-cv">
<div class="resume_left">
<!-- HOME -->
<section class="home" id="home">
<div class="home_container section bd-grid">
<div class="home_data bd-grid">
<img src="/images/Jaz.jpg" alt="Icon picture" class="home_img" id="home-img">
<!--<img alt="Icon picture" class="home_img" id="home-img">-->
<h1 class="home_title">{{first_name}} {{last_name}}</h1>
<h3 class="home_profession">{{occupation}}</h3>
</div>
<div class="home_address bd-grid">
<span class="home_information">
<i class="fa-solid fa-location-dot home_icon"></i>{{living_location}}
</span>
<span class="home_information">
<i class="fa-solid fa-calendar-days home_icon"></i>{{birth}}
</span>
<span class="home_information">
<a href="mailto:{{email}}" class="home_link">
<i class="fa-solid fa-envelope home_icon"></i>{{email}}
</a>
</span>
<span class="home_information">
<a href="tel:{{phone_number}}" class="home_link">
<i class="fa-solid fa-phone home_icon"></i>{{phone_number}}
</a>
</span>
<span class="home_information">
<a href="{{web_link}}" class="home_link">
<i class="fa-solid fa-globe home_icon"></i>{{web_link}}
</a>
</span>
</div>
</div>
<!-- Theme change button -->
<i class="fa-solid fa-moon change-theme" title="Theme" id="theme-button"></i>
<!-- Button to generate and download the pdf. Available for desktop. -->
<i class="fa-solid fa-download generate-pdf" title="Generate PDF" id="resume-button"></i>
</section>
<!-- SOCIAL -->
<section class="social section">
<h2 class="section-title">Social</h2>
<div class="social_container bd-grid">
<a href="{{git_link}}" target="_blank" class="social_link">
<i class="fa-brands fa-git social_icon"></i>{{git_link}}
</a>
<a href="{{instagram_link}}" target="_blank" class="social_link">
<i class="fa-brands fa-instagram social_icon"></i>{{instagram_handle}}
</a>
</div>
</section>
</div>
<div class="resume_right">
<!-- EXPERIENCE -->
<section class="experience section" id="experience">
<h2 class="section-title">Experience</h2>
<div class="experience_container bd-grid">
{{#each experience}}
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
{{#unless @last}}
<span class="experience_line"></span>
{{/unless}}
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">{{title}}</h3>
<span class="experience_company">{{company}}</span>
<span class="experience_year">{{time}}</span>
<p class="experience_description">
{{des}}
</p>
</div>
</div>
{{/each}}
</div>
</section>
<!-- EDUCATION -->
<section class="education section" id="education">
<h2 class="section-title">Education</h2>
<div class="education_container bd-grid">
{{#each education}}
<div class="education_content">
<div class="education_time">
<span class="education_rounder"></span>
{{#unless @last}}
<span class="education_line"></span>
{{/unless}}
</div>
<div class="education_data bd-grid">
<h3 class="education_title">{{des}}</h3>
<span class="education_studies">{{title}}</span>
<span class="education_year">{{time}}</span>
</div>
</div>
{{/each}}
</div>
</section>
</div>
</div>
</main>
{{/with}}
<a href="#" class="scrolltop" id="scroll-top">
<i class="fa-solid fa-arrow-up scrolltop_icon"></i>
</a>
</body>
</html>

0
static/assets/main/1_0/assets/WinBox/winbox.bundle.js → static/1_0/assets/WinBox/winbox.bundle.js
View File

0
static/assets/main/1_0/assets/fontawesome/css/all.css → static/1_0/assets/fontawesome/css/all.css vendored
View File

0
static/assets/main/1_0/assets/fontawesome/webfonts/fa-solid-900.woff2 → static/1_0/assets/fontawesome/webfonts/fa-solid-900.woff2
View File

0
static/assets/main/1_0/css/intro.css → static/1_0/css/intro.css
View File

0
static/assets/main/1_0/css/styles.css → static/1_0/css/styles.css
View File

13
backend/views/main/1_0.hbs → static/1_0/index.html
View File

@@ -15,18 +15,15 @@
<title>Nikola Petrov</title>
<link rel="stylesheet" href="/assets/main/1_0/assets/fontawesome/css/all.css">
<link rel="stylesheet" href="/assets/main/1_0/css/intro.css">
<link rel="stylesheet" href="/assets/main/1_0/css/styles.css">
<script defer src="/assets/main/1_0/assets/WinBox/winbox.bundle.js"></script>
<script defer src="/assets/main/1_0/js/main.js"></script>
<link rel="stylesheet" href="assets/fontawesome/css/all.css">
<link rel="stylesheet" href="css/intro.css">
<link rel="stylesheet" href="css/styles.css">
<script defer src="assets/WinBox/winbox.bundle.js"></script>
<script defer src="js/main.js"></script>
</head>
<body>
<section class="intro">
<h1 class="section__title">
Hi, I am <strong>Nikola Petrov</strong>

0
static/assets/main/1_0/js/main.js → static/1_0/js/main.js
View File

0
static/assets/main/2_0/css/style.css → static/2_0/css/style.css
View File

857
backend/views/main/2_0.hbs → static/2_0/index.html
View File

@@ -1,369 +1,490 @@
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/images/logo.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Nikola Petrov</title>
<script defer src="/assets/main/2_0/js/script.js"></script>
<link rel="stylesheet" href="/assets/main/2_0/css/style.css">
<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=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
<script defer type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script defer nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</head>
{{#with userData}}
<body>
<main>
<aside class="sidebar" data-sidebar>
<div class="sidebar-info">
<figure class="avatar-box">
<img src="/images/Jaz.jpg" alt="Nikola Petrov" width="80">
</figure>
<div class="info-content">
<h1 class="name" title="Nikola Petrov">{{first_name}} {{last_name}}</h1>
<p class="title">{{occupation}}</p>
</div>
<button class="info_more-btn" data-sidebar-btn>
<span>Show Contacts</span>
<ion-icon name="chevron-down"></ion-icon>
</button>
</div>
<div class="sidebar-info_more">
<div class="separator"></div>
<ul class="contacts-list">
<li class="contact-item">
<div class="icon-box">
<ion-icon name="mail-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Email</p>
<a href="mailto:{{email}}" class="contact-link">{{email}}</a>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="phone-portrait-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Phone</p>
<a href="tel:{{phone_number}}" class="contact-link">{{phone_number}}</a>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="calendar-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Birthday</p>
<time datetime="2000-11-01">{{birth}}</time>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="location-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Location</p>
<address>Ljubljana, Slovenia</address>
</div>
</li>
</ul>
<div class="separator"></div>
<ul class="social-list">
<li class="social-item">
<a href="{{git_link}}" title="GitLab" class="social-link">
<ion-icon name="logo-gitlab"></ion-icon>
</a>
</li>
<li class="social-item">
<a href="/doc/CV.pdf" title="CV" class="social-link">
<p>CV</p>
</a>
</li>
<li class="social-item">
<a href="/doc/Certificate.pdf" title="Certificate" class="social-link">
<ion-icon name="document-text-outline"></ion-icon>
</a>
</li>
<!-- <li class="social-item">
<a href="#" class="social-link">
<ion-icon name="logo-gitlab"></ion-icon>
</a>
</li> -->
</ul>
</div>
</aside>
<!--
- #main-content
-->
<div class="main-content">
<!--
- #NAVBAR
-->
<nav class="navbar">
<ul class="navbar-list">
<li class="navbar-item">
<button class="navbar-link active" data-nav-link>About</button>
</li>
<li class="navbar-item">
<button class="navbar-link" data-nav-link>Resume</button>
</li>
<li class="navbar-item">
<button class="navbar-link" data-nav-link>Portfolio</button>
</li>
</ul>
</nav>
<!--
- #ABOUT
-->
<article class="about active" data-page="about">
<header>
<h2 class="h2 article-title">About me</h2>
</header>
<section class="about-text">
<p>
{{#each about_me}}
{{this}}
{{#unless @last}}
</br>
{{/unless}}
{{/each}}
</p>
</section>
<!--
- project
-->
<section class="service">
<h3 class="h3 service-title">Interests</h3>
<ul class="service-list">
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="server-outline"></ion-icon>
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Backend programming</h4>
<p class="service-item-text">
Backend programming focuses on server-side development, handling data storage, processing, and
business
logic to support the functionality of web and mobile applications
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="hardware-chip-outline"></ion-icon>
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Embedded systems</h4>
<p class="service-item-text">
Embedded systems are specialized computing devices integrated into everyday products, performing
dedicated functions with real-time constraints.
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="desktop-outline"></ion-icon>
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Application programming</h4>
<p class="service-item-text">
Application programming involves writing code to create software applications that perform specific
tasks or functions.
</p>
</div>
</li>
</ul>
</section>
</article>
<!--
- #RESUME
-->
<article class="resume" data-page="resume">
<header>
<h2 class="h2 article-title">Resume</h2>
</header>
<section class="timeline">
<div class="title-wrapper">
<div class="icon-box">
<ion-icon name="book-outline"></ion-icon>
</div>
<h3 class="h3">Education</h3>
</div>
<ol class="timeline-list">
{{#each education}}
<li class="timeline-item">
<h4 class="h4 timeline-item-title">{{title}}</h4>
<span>{{time}}</span>
<p class="timeline-text">{{des}}</p>
</li>
{{/each}}
</ol>
</section>
<section class="timeline">
<div class="title-wrapper">
<div class="icon-box">
<ion-icon name="book-outline"></ion-icon>
</div>
<h3 class="h3">Experience</h3>
</div>
<ol class="timeline-list">
{{#each experience}}
<li class="timeline-item">
<h4 class="h4 timeline-item-title">{{title}} [ {{company}} ]</h4>
<span>{{time}}</span>
<p class="timeline-text">
{{des}}
</p>
</li>
{{/each}}
</ol>
</section>
</article>
<!--
- #PORTFOLIO
-->
<article class="portfolio" data-page="portfolio">
<header>
<h2 class="h2 article-title">Portfolio</h2>
</header>
<section class="projects">
<ul class="project-list">
{{#each project}}
<li class="project-item active">
<a href="{{link}}">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="{{img}}" loading="lazy">
</figure>
<h3 class="project-title">{{title}}</h3>
<p class="project-category">{{des}}</p>
</a>
</li>
{{/each}}
</ul>
</section>
</article>
</div>
</main>
</body>
{{/with}}
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/images/logo.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Nikola Petrov</title>
<script defer src="js/script.js"></script>
<link rel="stylesheet" href="css/style.css">
<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=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
<script defer type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script defer nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</head>
<body>
<main>
<aside class="sidebar" data-sidebar>
<div class="sidebar-info">
<figure class="avatar-box">
<img src="/images/Jaz.jpg" alt="Nikola Petrov" width="80">
</figure>
<div class="info-content">
<h1 class="name" title="Nikola Petrov">Nikola Petrov</h1>
<p class="title">Developer</p>
</div>
<button class="info_more-btn" data-sidebar-btn>
<span>Show Contacts</span>
<ion-icon name="chevron-down"></ion-icon>
</button>
</div>
<div class="sidebar-info_more">
<div class="separator"></div>
<ul class="contacts-list">
<li class="contact-item">
<div class="icon-box">
<ion-icon name="mail-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Email</p>
<a href="mailto:nikola@petrovv.com" class="contact-link">nikola@petrovv.com</a>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="phone-portrait-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Phone</p>
<a href="tel:+38670749506" class="contact-link">+38670749506</a>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="calendar-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Birthday</p>
<time datetime="2000-11-01">14, November, 2000</time>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="location-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Location</p>
<address>Ljubljana, Slovenia</address>
</div>
</li>
</ul>
<div class="separator"></div>
<ul class="social-list">
<li class="social-item">
<a href="https://git.petrovv.com/explore" title="GitLab" class="social-link">
<ion-icon name="logo-gitlab"></ion-icon>
</a>
</li>
<li class="social-item">
<a href="/doc/CV.pdf" title="CV" class="social-link">
<p>CV</p>
</a>
</li>
<li class="social-item">
<a href="/doc/Certificate.pdf" title="Certificate" class="social-link">
<ion-icon name="document-text-outline"></ion-icon>
</a>
</li>
<!-- <li class="social-item">
<a href="#" class="social-link">
<ion-icon name="logo-gitlab"></ion-icon>
</a>
</li> -->
</ul>
</div>
</aside>
<!--
- #main-content
-->
<div class="main-content">
<!--
- #NAVBAR
-->
<nav class="navbar">
<ul class="navbar-list">
<li class="navbar-item">
<button class="navbar-link active" data-nav-link>About</button>
</li>
<li class="navbar-item">
<button class="navbar-link" data-nav-link>Resume</button>
</li>
<li class="navbar-item">
<button class="navbar-link" data-nav-link>Portfolio</button>
</li>
</ul>
</nav>
<!--
- #ABOUT
-->
<article class="about active" data-page="about">
<header>
<h2 class="h2 article-title">About me</h2>
</header>
<section class="about-text">
<p>
I am Nikola, currently pursuing my studies at the Faculty of Electrical Engineering and Computer Science (FERI) in Maribor. My academic journey is largely driven by my interest in application and web development. I find the process of creating functional and user-friendly digital solutions both challenging and rewarding. This field allows me to blend creativity with technical skills, which I find particularly engaging.
</br>
Recently, I have developed an interest in the game of Go. The strategic depth and complexity of the game have captivated my attention, providing a stimulating mental exercise. Additionally, I have started exploring photography. Capturing moments and expressing visual stories through a lens has become a newfound passion, offering a different kind of creative outlet that complements my technical pursuits.
</p>
</section>
<!--
- project
-->
<section class="service">
<h3 class="h3 service-title">Interests</h3>
<ul class="service-list">
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="server-outline"></ion-icon>
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Backend programming</h4>
<p class="service-item-text">
Backend programming focuses on server-side development, handling data storage, processing, and
business
logic to support the functionality of web and mobile applications
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="hardware-chip-outline"></ion-icon>
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Embedded systems</h4>
<p class="service-item-text">
Embedded systems are specialized computing devices integrated into everyday products, performing
dedicated functions with real-time constraints.
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="desktop-outline"></ion-icon>
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Application programming</h4>
<p class="service-item-text">
Application programming involves writing code to create software applications that perform specific
tasks or functions.
</p>
</div>
</li>
</ul>
</section>
</article>
<!--
- #RESUME
-->
<article class="resume" data-page="resume">
<header>
<h2 class="h2 article-title">Resume</h2>
</header>
<section class="timeline">
<div class="title-wrapper">
<div class="icon-box">
<ion-icon name="book-outline"></ion-icon>
</div>
<h3 class="h3">Education</h3>
</div>
<ol class="timeline-list">
<li class="timeline-item">
<h4 class="h4 timeline-item-title">(FERI) Faculty of Electrical Engineering and Computer Science, University of Maribor</h4>
<span>01/10/2021 - CURRENT</span>
<p class="timeline-text">Graduate engineer of computer science and information technology.</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">(SSTS Siska) Secondary school of technical professions siska</h4>
<span>01/09/2016 - 07/07/2021</span>
<p class="timeline-text">Electrotechnician.</p>
</li>
</ol>
</section>
<section class="timeline">
<div class="title-wrapper">
<div class="icon-box">
<ion-icon name="book-outline"></ion-icon>
</div>
<h3 class="h3">Experience</h3>
</div>
<ol class="timeline-list">
<li class="timeline-item">
<h4 class="h4 timeline-item-title">HW Developer [ Spica International ]</h4>
<span>17/03/2025 - 01/08/2025</span>
<p class="timeline-text">
Worked on access menegment systems. Programed integrated devices, based on Buildroot using c++ and python web server.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Backend/Frontend [ RRC d.o.o ]</h4>
<span>01/09/2024 - 31/12/2024</span>
<p class="timeline-text">
Worked on goverment websites for collage enrolment and student dorm requests.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Developer [ RRC d.o.o ]</h4>
<span>18/03/2024 - 31/05/2024</span>
<p class="timeline-text">
Student practicum. Backend in java with frontend in ext JS and jQuery.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Developer/IT [ LightAct ]</h4>
<span>01/07/2022 - 01/09/2022</span>
<p class="timeline-text">
I helped maintaining data base, worked on the application (integrated a capture card and IP camera), assembled new server rack, installed new UTP/power connectors in the office.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Mentor [ Institute 404 ]</h4>
<span>08/06/2020 - 19/06/2020</span>
<p class="timeline-text">
I helped primary school children with their projects with soldering, laser cutting, and building.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Maintenance technician [ Hella Saturnos d.o.o. ]</h4>
<span>04/09/2018 - 18/01/2019</span>
<p class="timeline-text">
I maintained and repaired machines from plastic presses to personal stations.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Maintenance technician [ Best Western Premier Hotel Slon ]</h4>
<span>01/03/2018 - 04/05/2018</span>
<p class="timeline-text">
I helped with setting up the conference/event rooms. I helped customers and fixed problems like replacing light bulbs, wall sockets, hair-dryers.
</p>
</li>
</ol>
</section>
</article>
<!--
- #PORTFOLIO
-->
<article class="portfolio" data-page="portfolio">
<header>
<h2 class="h2 article-title">Portfolio</h2>
</header>
<section class="projects">
<ul class="project-list">
<li class="project-item active">
<a href="https://git.petrovv.com/nikola/password_manager">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="projects/password_manager.jpeg" loading="lazy">
</figure>
<h3 class="project-title">Password manager</h3>
<p class="project-category">CLI app</p>
</a>
</li>
<li class="project-item active">
<a href="/list">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="projects/list.jpeg" loading="lazy">
</figure>
<h3 class="project-title">My watch/game list</h3>
<p class="project-category"></p>
</a>
</li>
<li class="project-item active">
<a href="https://git.petrovv.com/nikola/personal_website">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/logo.png" loading="lazy">
</figure>
<h3 class="project-title">Server</h3>
<p class="project-category">Everything running on my server</p>
</a>
</li>
<li class="project-item active">
<a href="https://git.petrovv.com/nikola/school/src/branch/master/projektna_naloga">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="projects/projektna_naloga.jpeg" loading="lazy">
</figure>
<h3 class="project-title">Highway Tracker</h3>
<p class="project-category">School project</p>
</a>
</li>
<li class="project-item active">
<a href="https://git.petrovv.com/nikola/school/src/branch/master/semester_4/razvoj_programskih_sistemov/bitshifters">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="projects/bitshift.jpeg" loading="lazy">
</figure>
<h3 class="project-title">BitShifters</h3>
<p class="project-category">unity</p>
</a>
</li>
<li class="project-item active">
<a href="https://git.petrovv.com/nikola/school/src/branch/master/semester_4/razvoj_programskih_sistemov/tetris">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="projects/tetris.jpeg" loading="lazy">
</figure>
<h3 class="project-title">Tetris</h3>
<p class="project-category">WPF</p>
</a>
</li>
</ul>
</section>
</article>
</div>
</main>
</body>
</html>

0
static/assets/main/2_0/js/script.js → static/2_0/js/script.js
View File

0
static/images/projects/bitshift.jpeg → static/2_0/projects/bitshift.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 146 KiB

0
static/images/projects/list.jpeg → static/2_0/projects/list.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 231 KiB

After

Width:  |  Height:  |  Size: 231 KiB

0
static/images/projects/password_manager.jpeg → static/2_0/projects/password_manager.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 123 KiB

0
static/images/projects/projektna_naloga.jpeg → static/2_0/projects/projektna_naloga.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

0
static/images/projects/tetris.jpeg → static/2_0/projects/tetris.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 100 KiB

272
static/cv/index.html Normal file
View File

@@ -0,0 +1,272 @@
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/images/logo.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CV</title>
<script src="https://kit.fontawesome.com/cb81440751.js" crossorigin="anonymous"></script>
<!-- Import stylesheets in CSS3 -->
<link rel="stylesheet" href="stylesheets/style.css" type="text/css">
<!-- HTML2PDF.js -->
<!-- Version 0.9.3 -->
<script defer src="javascripts/html2pdf.v0.9.3.bundle.min.js"></script>
<!-- Main Javascript file -->
<script defer src="javascripts/main.js"></script>
</head>
<body>
<header class="l-header" id="header">
<!-- Nav menu -->
<nav class="nav bd-container">
<a href="#" class="nav_logo">Nikola Petrov</a>
<div class="nav_menu" id="nav-menu">
<ul class="nav_list">
<li class="nav_item">
<a href="#home" class="nav_link active-link">
<i class="fa-solid fa-house nav_icon"></i>Home
</a>
</li>
<li class="nav_item">
<a href="#experience" class="nav_link">
<i class="fa-solid fa-briefcase nav_icon"></i>Experiences
</a>
</li>
<li class="nav_item">
<a href="#education" class="nav_link">
<i class="fa-solid fa-book-bookmark nav_icon"></i>Education
</a>
</li>
</ul>
</div>
<div class="nav_toggle" id="nav-toggle">
<i class="fa-solid fa-bars"></i>
</div>
</nav>
</header>
<main class="l-main bd-container">
<!-- Resume CV -->
<div class="resume" id="area-cv">
<div class="resume_left">
<!-- HOME -->
<section class="home" id="home">
<div class="home_container section bd-grid">
<div class="home_data bd-grid">
<img src="/images/Jaz.jpg" alt="Icon picture" class="home_img" id="home-img">
<!--<img alt="Icon picture" class="home_img" id="home-img">-->
<h1 class="home_title">Nikola Petrov</h1>
<h3 class="home_profession">Developer</h3>
</div>
<div class="home_address bd-grid">
<span class="home_information">
<i class="fa-solid fa-location-dot home_icon"></i>Ljubljana, Slovenia
</span>
<span class="home_information">
<i class="fa-solid fa-calendar-days home_icon"></i>14, November, 2000
</span>
<span class="home_information">
<a href="mailto:nikola@petrovv.com" class="home_link">
<i class="fa-solid fa-envelope home_icon"></i>nikola@petrovv.com
</a>
</span>
<span class="home_information">
<a href="tel:+38670749506" class="home_link">
<i class="fa-solid fa-phone home_icon"></i>+38670749506
</a>
</span>
<span class="home_information">
<a href="https://petrovv.com" class="home_link">
<i class="fa-solid fa-globe home_icon"></i>https://petrovv.com
</a>
</span>
</div>
</div>
<!-- Theme change button -->
<i class="fa-solid fa-moon change-theme" title="Theme" id="theme-button"></i>
<!-- Button to generate and download the pdf. Available for desktop. -->
<i class="fa-solid fa-download generate-pdf" title="Generate PDF" id="resume-button"></i>
</section>
<!-- SOCIAL -->
<section class="social section">
<h2 class="section-title">Social</h2>
<div class="social_container bd-grid">
<a href="https://git.petrovv.com/explore" target="_blank" class="social_link">
<i class="fa-brands fa-git social_icon"></i>https://git.petrovv.com/explore
</a>
<a href="https://www.instagram.com/nikolainsta7" target="_blank" class="social_link">
<i class="fa-brands fa-instagram social_icon"></i>@nikolainsta7
</a>
</div>
</section>
</div>
<div class="resume_right">
<!-- EXPERIENCE -->
<section class="experience section" id="experience">
<h2 class="section-title">Experience</h2>
<div class="experience_container bd-grid">
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
<span class="experience_line"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">HW Developer</h3>
<span class="experience_company">Spica International</span>
<span class="experience_year">17/03/2025 - 01/08/2025</span>
<p class="experience_description">
Worked on access menegment systems. Programed integrated devices, based on Buildroot using c++ and python web server.
</p>
</div>
</div>
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
<span class="experience_line"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">Backend/Frontend</h3>
<span class="experience_company">RRC d.o.o</span>
<span class="experience_year">01/09/2024 - 31/12/2024</span>
<p class="experience_description">
Worked on goverment websites for collage enrolment and student dorm requests.
</p>
</div>
</div>
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
<span class="experience_line"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">Developer</h3>
<span class="experience_company">RRC d.o.o</span>
<span class="experience_year">18/03/2024 - 31/05/2024</span>
<p class="experience_description">
Student practicum. Backend in java with frontend in ext JS and jQuery.
</p>
</div>
</div>
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
<span class="experience_line"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">Developer/IT</h3>
<span class="experience_company">LightAct</span>
<span class="experience_year">01/07/2022 - 01/09/2022</span>
<p class="experience_description">
I helped maintaining data base, worked on the application (integrated a capture card and IP camera), assembled new server rack, installed new UTP/power connectors in the office.
</p>
</div>
</div>
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
<span class="experience_line"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">Mentor</h3>
<span class="experience_company">Institute 404</span>
<span class="experience_year">08/06/2020 - 19/06/2020</span>
<p class="experience_description">
I helped primary school children with their projects with soldering, laser cutting, and building.
</p>
</div>
</div>
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
<span class="experience_line"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">Maintenance technician</h3>
<span class="experience_company">Hella Saturnos d.o.o.</span>
<span class="experience_year">04/09/2018 - 18/01/2019</span>
<p class="experience_description">
I maintained and repaired machines from plastic presses to personal stations.
</p>
</div>
</div>
<div class="experience_content">
<div class="experience_time">
<span class="experience_rounder"></span>
</div>
<div class="experience_data bd-grid">
<h3 class="experience_title">Maintenance technician</h3>
<span class="experience_company">Best Western Premier Hotel Slon</span>
<span class="experience_year">01/03/2018 - 04/05/2018</span>
<p class="experience_description">
I helped with setting up the conference/event rooms. I helped customers and fixed problems like replacing light bulbs, wall sockets, hair-dryers.
</p>
</div>
</div>
</div>
</section>
<!-- EDUCATION -->
<section class="education section" id="education">
<h2 class="section-title">Education</h2>
<div class="education_container bd-grid">
<div class="education_content">
<div class="education_time">
<span class="education_rounder"></span>
<span class="education_line"></span>
</div>
<div class="education_data bd-grid">
<h3 class="education_title">Graduate engineer of computer science and information technology.</h3>
<span class="education_studies">(FERI) Faculty of Electrical Engineering and Computer Science, University of Maribor</span>
<span class="education_year">01/10/2021 - CURRENT</span>
</div>
</div>
<div class="education_content">
<div class="education_time">
<span class="education_rounder"></span>
</div>
<div class="education_data bd-grid">
<h3 class="education_title">Electrotechnician.</h3>
<span class="education_studies">(SSTS Siska) Secondary school of technical professions siska</span>
<span class="education_year">01/09/2016 - 07/07/2021</span>
</div>
</div>
</div>
</section>
</div>
</div>
</main>
<a href="#" class="scrolltop" id="scroll-top">
<i class="fa-solid fa-arrow-up scrolltop_icon"></i>
</a>
</body>
</html>

0
static/assets/cv/javascripts/html2pdf.v0.9.3.bundle.min.js → static/cv/javascripts/html2pdf.v0.9.3.bundle.min.js vendored
View File

0
static/assets/cv/javascripts/main.js → static/cv/javascripts/main.js
View File

0
static/assets/cv/stylesheets/layout.css → static/cv/stylesheets/layout.css
View File

0
static/assets/cv/stylesheets/style.css → static/cv/stylesheets/style.css
View File

BIN
static/images/projects/Advent_Of_Code_Logo.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 38 KiB

BIN
static/images/projects/games.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 111 KiB

BIN
static/images/projects/media_player.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 78 KiB