Move to static files
move 1_0, 2_0 and cv to static files
This commit is contained in:
@@ -1,21 +1,7 @@
|
|||||||
import express, { type Request, type Response } from "express";
|
import express, { type Request, type Response } from "express";
|
||||||
import userData from '../userKnowledge.json';
|
|
||||||
|
|
||||||
const router = express.Router();
|
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) {
|
router.get('/list', function (req: Request, res: Response) {
|
||||||
res.render('list');
|
res.render('list');
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -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."
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -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>
|
|
||||||
@@ -15,18 +15,15 @@
|
|||||||
|
|
||||||
<title>Nikola Petrov</title>
|
<title>Nikola Petrov</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/main/1_0/assets/fontawesome/css/all.css">
|
<link rel="stylesheet" href="assets/fontawesome/css/all.css">
|
||||||
<link rel="stylesheet" href="/assets/main/1_0/css/intro.css">
|
<link rel="stylesheet" href="css/intro.css">
|
||||||
<link rel="stylesheet" href="/assets/main/1_0/css/styles.css">
|
<link rel="stylesheet" href="css/styles.css">
|
||||||
<script defer src="/assets/main/1_0/assets/WinBox/winbox.bundle.js"></script>
|
<script defer src="assets/WinBox/winbox.bundle.js"></script>
|
||||||
<script defer src="/assets/main/1_0/js/main.js"></script>
|
<script defer src="js/main.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="intro">
|
<section class="intro">
|
||||||
<h1 class="section__title">
|
<h1 class="section__title">
|
||||||
Hi, I am <strong>Nikola Petrov</strong>
|
Hi, I am <strong>Nikola Petrov</strong>
|
||||||
@@ -8,8 +8,8 @@
|
|||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>Nikola Petrov</title>
|
<title>Nikola Petrov</title>
|
||||||
|
|
||||||
<script defer src="/assets/main/2_0/js/script.js"></script>
|
<script defer src="js/script.js"></script>
|
||||||
<link rel="stylesheet" href="/assets/main/2_0/css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -17,7 +17,6 @@
|
|||||||
<script defer nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
<script defer nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
{{#with userData}}
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
@@ -28,9 +27,9 @@
|
|||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<div class="info-content">
|
<div class="info-content">
|
||||||
<h1 class="name" title="Nikola Petrov">{{first_name}} {{last_name}}</h1>
|
<h1 class="name" title="Nikola Petrov">Nikola Petrov</h1>
|
||||||
|
|
||||||
<p class="title">{{occupation}}</p>
|
<p class="title">Developer</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="info_more-btn" data-sidebar-btn>
|
<button class="info_more-btn" data-sidebar-btn>
|
||||||
@@ -56,7 +55,7 @@
|
|||||||
<div class="contact-info">
|
<div class="contact-info">
|
||||||
<p class="contact-title">Email</p>
|
<p class="contact-title">Email</p>
|
||||||
|
|
||||||
<a href="mailto:{{email}}" class="contact-link">{{email}}</a>
|
<a href="mailto:nikola@petrovv.com" class="contact-link">nikola@petrovv.com</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
@@ -70,7 +69,7 @@
|
|||||||
<div class="contact-info">
|
<div class="contact-info">
|
||||||
<p class="contact-title">Phone</p>
|
<p class="contact-title">Phone</p>
|
||||||
|
|
||||||
<a href="tel:{{phone_number}}" class="contact-link">{{phone_number}}</a>
|
<a href="tel:+38670749506" class="contact-link">+38670749506</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
@@ -84,7 +83,7 @@
|
|||||||
<div class="contact-info">
|
<div class="contact-info">
|
||||||
<p class="contact-title">Birthday</p>
|
<p class="contact-title">Birthday</p>
|
||||||
|
|
||||||
<time datetime="2000-11-01">{{birth}}</time>
|
<time datetime="2000-11-01">14, November, 2000</time>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
@@ -110,7 +109,7 @@
|
|||||||
<ul class="social-list">
|
<ul class="social-list">
|
||||||
|
|
||||||
<li class="social-item">
|
<li class="social-item">
|
||||||
<a href="{{git_link}}" title="GitLab" class="social-link">
|
<a href="https://git.petrovv.com/explore" title="GitLab" class="social-link">
|
||||||
<ion-icon name="logo-gitlab"></ion-icon>
|
<ion-icon name="logo-gitlab"></ion-icon>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -180,12 +179,9 @@
|
|||||||
|
|
||||||
<section class="about-text">
|
<section class="about-text">
|
||||||
<p>
|
<p>
|
||||||
{{#each 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.
|
||||||
{{this}}
|
|
||||||
{{#unless @last}}
|
|
||||||
</br>
|
</br>
|
||||||
{{/unless}}
|
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.
|
||||||
{{/each}}
|
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -280,13 +276,16 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ol class="timeline-list">
|
<ol class="timeline-list">
|
||||||
{{#each education}}
|
|
||||||
<li class="timeline-item">
|
<li class="timeline-item">
|
||||||
<h4 class="h4 timeline-item-title">{{title}}</h4>
|
<h4 class="h4 timeline-item-title">(FERI) Faculty of Electrical Engineering and Computer Science, University of Maribor</h4>
|
||||||
<span>{{time}}</span>
|
<span>01/10/2021 - CURRENT</span>
|
||||||
<p class="timeline-text">{{des}}</p>
|
<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>
|
</li>
|
||||||
{{/each}}
|
|
||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
@@ -302,15 +301,55 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ol class="timeline-list">
|
<ol class="timeline-list">
|
||||||
{{#each experience}}
|
|
||||||
<li class="timeline-item">
|
<li class="timeline-item">
|
||||||
<h4 class="h4 timeline-item-title">{{title}} [ {{company}} ]</h4>
|
<h4 class="h4 timeline-item-title">HW Developer [ Spica International ]</h4>
|
||||||
<span>{{time}}</span>
|
<span>17/03/2025 - 01/08/2025</span>
|
||||||
<p class="timeline-text">
|
<p class="timeline-text">
|
||||||
{{des}}
|
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>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
{{/each}}
|
|
||||||
|
|
||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
@@ -333,25 +372,108 @@
|
|||||||
|
|
||||||
<ul class="project-list">
|
<ul class="project-list">
|
||||||
|
|
||||||
{{#each project}}
|
|
||||||
<li class="project-item active">
|
<li class="project-item active">
|
||||||
<a href="{{link}}">
|
<a href="https://git.petrovv.com/nikola/password_manager">
|
||||||
|
|
||||||
<figure class="project-img">
|
<figure class="project-img">
|
||||||
<div class="project-item-icon-box">
|
<div class="project-item-icon-box">
|
||||||
<ion-icon name="eye-outline"></ion-icon>
|
<ion-icon name="eye-outline"></ion-icon>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img src="{{img}}" loading="lazy">
|
<img src="projects/password_manager.jpeg" loading="lazy">
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<h3 class="project-title">{{title}}</h3>
|
<h3 class="project-title">Password manager</h3>
|
||||||
|
|
||||||
<p class="project-category">{{des}}</p>
|
<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>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{/each}}
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
@@ -364,6 +486,5 @@
|
|||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
{{/with}}
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
Before Width: | Height: | Size: 146 KiB After Width: | Height: | Size: 146 KiB |
|
Before Width: | Height: | Size: 231 KiB After Width: | Height: | Size: 231 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 123 KiB |
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
272
static/cv/index.html
Normal file
272
static/cv/index.html
Normal 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>
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
Reference in New Issue
Block a user