Updated
This commit is contained in:
Nikola Petrov
parent
c0cbadb0df
commit
35297631e2
2
.gitignore
vendored
2
.gitignore
vendored
@ -59,3 +59,5 @@ typings/
|
||||
|
||||
# next.js build output
|
||||
.next
|
||||
|
||||
public/assets/fontawesome/
|
||||
@ -3,7 +3,8 @@
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"start": "node ./bin/www"
|
||||
"start": "node ./bin/www",
|
||||
"dev": "nodemon ./bin/www"
|
||||
},
|
||||
"dependencies": {
|
||||
"cookie-parser": "~1.4.4",
|
||||
|
||||
26
public/assets/WinBox/winbox.bundle.js
Normal file
26
public/assets/WinBox/winbox.bundle.js
Normal file
@ -0,0 +1,26 @@
|
||||
/**
|
||||
* WinBox.js v0.2.0 (Bundle)
|
||||
* Copyright 2021 Nextapps GmbH
|
||||
* Author: Thomas Wilkerling
|
||||
* Licence: Apache-2.0
|
||||
* https://github.com/nextapps-de/winbox
|
||||
*/
|
||||
(function(){'use strict';var e,h=document.createElement("style");h.innerHTML="@keyframes fade-in{0%{opacity:0}to{opacity:.85}}.winbox.modal:after,.winbox.modal:before{content:''}.winbox{position:fixed;left:0;top:0;background:#0050ff;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transition:width .3s,height .3s,transform .3s;transition-timing-function:cubic-bezier(.3,1,.3,1);will-change:transform,width,height;contain:layout size;text-align:left;touch-action:none}.wb-body,.wb-header{position:absolute;left:0}.max,.no-shadow{box-shadow:none}.wb-header{top:0;width:100%;height:35px;color:#fff;overflow:hidden}.wb-body{right:0;top:35px;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;will-change:contents;background:#fff;margin-top:0!important;contain:strict}.wb-title{font-family:Arial,sans-serif;font-size:14px;padding-left:10px;cursor:move;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-n,.wb-s{height:10px;position:absolute;left:0}.wb-n{top:-5px;right:0;cursor:n-resize}.wb-e{position:absolute;top:0;right:-5px;bottom:0;width:10px;cursor:w-resize}.wb-s,.wb-se,.wb-sw{bottom:-5px}.wb-s{right:0;cursor:n-resize}.wb-w{position:absolute;top:0;left:-5px;bottom:0;width:10px;cursor:w-resize}.wb-ne,.wb-nw,.wb-sw{width:15px;height:15px;position:absolute}.wb-nw{top:-5px;left:-5px;cursor:nw-resize}.wb-ne,.wb-sw{cursor:ne-resize}.wb-ne{top:-5px;right:-5px}.wb-sw{left:-5px}.wb-se{position:absolute;right:-5px;width:15px;height:15px;cursor:nw-resize}.wb-icon{float:right;height:35px;max-width:100%;text-align:center}.wb-icon *{display:inline-block;width:30px;height:100%;background-position:center;background-repeat:no-repeat;cursor:pointer;max-width:100%}.no-close .wb-close,.no-full .wb-full,.no-header .wb-header,.no-max .wb-max,.no-min .wb-min,.no-resize .wb-body~div,.winbox.min .wb-body>*,.winbox.min .wb-full,.winbox.min .wb-min,.winbox.modal .wb-full,.winbox.modal .wb-max,.winbox.modal .wb-min{display:none}.winbox.max .wb-title,.winbox.min .wb-title{cursor:default}.wb-min{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAwaDdhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDAgMSAwLTJoN3oiLz48L3N2Zz4=);background-size:14px auto;background-position:center bottom 11px}.wb-max{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA5NiA5NiI+PHBhdGggZD0iTTIwIDcxLjMxMUMxNS4zNCA2OS42NyAxMiA2NS4yMyAxMiA2MFYyMGMwLTYuNjMgNS4zNy0xMiAxMi0xMmg0MGM1LjIzIDAgOS42NyAzLjM0IDExLjMxMSA4SDI0Yy0yLjIxIDAtNCAxLjc5LTQgNHY1MS4zMTF6Ii8+PHBhdGggZD0iTTkyIDc2VjM2YzAtNi42My01LjM3LTEyLTEyLTEySDQwYy02LjYzIDAtMTIgNS4zNy0xMiAxMnY0MGMwIDYuNjMgNS4zNyAxMiAxMiAxMmg0MGM2LjYzIDAgMTItNS4zNyAxMi0xMnptLTUyIDRjLTIuMjEgMC00LTEuNzktNC00VjM2YzAtMi4yMSAxLjc5LTQgNC00aDQwYzIuMjEgMCA0IDEuNzkgNCA0djQwYzAgMi4yMS0xLjc5IDQtNCA0SDQweiIvPjwvc3ZnPg==);background-size:17px auto}.wb-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMS42MTMuMjEuMDk0LjA4M0w4IDYuNTg1IDE0LjI5My4yOTNsLjA5NC0uMDgzYTEgMSAwIDAgMSAxLjQwMyAxLjQwM2wtLjA4My4wOTRMOS40MTUgOGw2LjI5MiA2LjI5M2ExIDEgMCAwIDEtMS4zMiAxLjQ5N2wtLjA5NC0uMDgzTDggOS40MTVsLTYuMjkzIDYuMjkyLS4wOTQuMDgzQTEgMSAwIDAgMSAuMjEgMTQuMzg3bC4wODMtLjA5NEw2LjU4NSA4IC4yOTMgMS43MDdBMSAxIDAgMCAxIDEuNjEzLjIxeiIvPjwvc3ZnPg==);background-size:15px auto}.wb-full{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOCAzSDVhMiAyIDAgMCAwLTIgMnYzbTE4IDBWNWEyIDIgMCAwIDAtMi0yaC0zbTAgMThoM2EyIDIgMCAwIDAgMi0ydi0zTTMgMTZ2M2EyIDIgMCAwIDAgMiAyaDMiLz48L3N2Zz4=);background-size:16px auto}.winbox.max .wb-body~div,.winbox.min .wb-body~div,.winbox.modal .wb-body~div,.winbox.modal .wb-title,body.wb-drag iframe{pointer-events:none}.max .wb-body{margin:0!important}.winbox iframe{position:absolute;width:100%;height:100%;border:0}.no-animation,body.wb-drag .winbox{transition:none}.winbox.modal:before{position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit}.winbox.modal:after{position:absolute;top:-100vh;left:-100vw;right:-100vw;bottom:-100vh;background:#0d1117;animation:fade-in .2s ease-out forwards;z-index:-1}.no-header .wb-body{top:0}.no-move:not(.min) .wb-title{pointer-events:none}";
|
||||
var k=document.getElementsByTagName("head")[0];k.firstChild?k.insertBefore(h,k.firstChild):k.appendChild(h);var l=document.createElement("div");l.innerHTML="<div class=wb-header><div class=wb-icon><span class=wb-min></span><span class=wb-max></span><span class=wb-full></span><span class=wb-close></span></div><div class=wb-title> </div></div><div class=wb-body></div><div class=wb-n></div><div class=wb-s></div><div class=wb-w></div><div class=wb-e></div><div class=wb-nw></div><div class=wb-ne></div><div class=wb-se></div><div class=wb-sw></div>";function m(a,b,c,g){a.addEventListener(b,c,g||!1===g?g:!0)}function p(a){a.stopPropagation();a.cancelable&&a.preventDefault()}function t(a,b,c){c=""+c;a["_s_"+b]!==c&&(a.style.setProperty(b,c),a["_s_"+b]=c)};var w=[],x,B=0,C=0,D,E,H,I,N,P,Q;
|
||||
function S(a,b){if(!(this instanceof S))return new S(a);D||T();this.g=l.cloneNode(!0);this.body=this.g.getElementsByClassName("wb-body")[0];var c,g;if(a){if(b){var f=a;a=b}if("string"===typeof a)f=a;else{if(g=a.modal)var u=c="center";var y=a.id;var J=a.root;f=f||a.title;var F=a.mount;var d=a.html;var z=a.url;var n=a.width;var q=a.height;var v=a.minwidth;var A=a.minheight;u=a.x||u;c=a.y||c;var K=a.max;var r=a.top;var G=a.left;var L=a.bottom;var M=a.right;D=a.index||D;var Z=a.onclose;var aa=a.onfocus;
|
||||
var ba=a.onblur;var ca=a.onmove;var da=a.onresize;b=a.background;var R=a.border;var O=a["class"];var ea=a.splitscreen;b&&this.setBackground(b);R&&t(this.body,"margin",R+(isNaN(R)?"":"px"))}}this.setTitle(f||"");a=P;f=Q;r=r?U(r,f):0;L=L?U(L,f):0;G=G?U(G,a):0;M=M?U(M,a):0;a-=G+M;f-=r+L;n=n?U(n,a):a/2|0;q=q?U(q,f):f/2|0;v=v?U(v,a):0;A=A?U(A,f):0;u=u?U(u,a,n):G;c=c?U(c,f,q):r;D=D||10;this.g.id=this.id=y||"winbox-"+ ++B;this.g.className="winbox"+(O?" "+("string"===typeof O?O:O.join(" ")):"")+(g?" modal":
|
||||
"");this.x=u;this.y=c;this.width=n;this.height=q;this.u=v;this.s=A;this.top=r;this.right=M;this.bottom=L;this.left=G;this.max=this.min=!1;this.j=Z;this.l=aa;this.i=ba;this.o=ca;this.m=da;this.v=ea;K?this.maximize():this.move().resize();this.focus();F?this.mount(F):d?this.body.innerHTML=d:z&&this.setUrl(z);fa(this);(J||x).appendChild(this.g)}S["new"]=function(a){return new S(a)};
|
||||
function U(a,b,c){"string"===typeof a&&("center"===a?a=(b-c)/2|0:"right"===a||"bottom"===a?a=b-c:(c=parseFloat(a),a="%"===(""+c!==a&&a.substring((""+c).length))?b/100*c|0:c));return a}
|
||||
function T(){x=document.body;x[I="requestFullscreen"]||x[I="msRequestFullscreen"]||x[I="webkitRequestFullscreen"]||x[I="mozRequestFullscreen"]||(I="");N=I&&I.replace("request","exit").replace("mozRequest","mozCancel").replace("Request","Exit");m(window,"resize",function(){P=x.clientWidth;Q=x.clientHeight;V()});P=x.clientWidth;Q=x.clientHeight}
|
||||
function fa(a){W(a,"title");W(a,"n");W(a,"s");W(a,"w");W(a,"e");W(a,"nw");W(a,"ne");W(a,"se");W(a,"sw");m(a.g.getElementsByClassName("wb-min")[0],"click",function(b){p(b);a.minimize()});m(a.g.getElementsByClassName("wb-max")[0],"click",function(b){p(b);a.focus().maximize()});I?m(a.g.getElementsByClassName("wb-full")[0],"click",function(b){p(b);a.focus().fullscreen()}):a.addClass("no-full");m(a.g.getElementsByClassName("wb-close")[0],"click",function(b){p(b);a.close()||(a=null)});m(a.g,"click",function(){a.focus()},
|
||||
!1)}function X(a){w.splice(w.indexOf(a),1);V();a.removeClass("min");a.min=!1;a.g.title=""}function V(){for(var a=w.length,b=0,c,g;b<a;b++)c=w[b],g=Math.min((P-2*c.left)/a,250),c.resize(g+1|0,35,!0).move(c.left+b*g|0,Q-c.bottom-35,!0)}
|
||||
function W(a,b){function c(d){p(d);if(a.min)a.minimize();else{if("title"===b){var z=Date.now(),n=z-C;C=z;if(250>n){a.maximize();return}}a.max||(x.classList.add("wb-drag"),(y=d.touches)&&(y=y[0])?(d=y,m(window,"touchmove",g),m(window,"touchend",f)):(m(window,"mousemove",g),m(window,"mouseup",f)),J=d.pageX,F=d.pageY,a.focus())}}function g(d){p(d);y&&(d=d.touches[0]);var z=d.pageX;d=d.pageY;var n=z-J,q=d-F,v;if("title"===b){a.x+=n;a.y+=q;var A=v=1}else{if("e"===b||"se"===b||"ne"===b){a.width+=n;var K=
|
||||
1}else if("w"===b||"sw"===b||"nw"===b)a.x+=n,a.width-=n,A=K=1;if("s"===b||"se"===b||"sw"===b){a.height+=q;var r=1}else if("n"===b||"ne"===b||"nw"===b)a.y+=q,a.height-=q,v=r=1}if(K||r)K&&(a.width=Math.max(Math.min(a.width,P-a.x-a.right),150)),r&&(a.height=Math.max(Math.min(a.height,Q-a.y-a.bottom),35)),a.resize();if(A||v)A&&(a.x=Math.max(Math.min(a.x,P-a.width-a.right),a.left)),v&&(a.y=Math.max(Math.min(a.y,Q-a.height-a.bottom),a.top)),a.move();J=z;F=d}function f(d){p(d);x.classList.remove("wb-drag");
|
||||
y?(window.removeEventListener("touchmove",g,!0),window.removeEventListener("touchend",f,!0)):(window.removeEventListener("mousemove",g,!0),window.removeEventListener("mouseup",f,!0))}var u=a.g.getElementsByClassName("wb-"+b)[0],y,J,F;m(u,"mousedown",c);m(u,"touchstart",c,{passive:!1})}e=S.prototype;e.mount=function(a){this.unmount();a.h||(a.h=a.parentNode);this.body.textContent="";this.body.appendChild(a);return this};
|
||||
e.unmount=function(a){var b=this.body.firstChild;if(b){var c=a||b.h;c&&c.appendChild(b);b.h=a}return this};e.setTitle=function(a){a=this.title=a;this.g.getElementsByClassName("wb-title")[0].firstChild.nodeValue=a;return this};e.setBackground=function(a){t(this.g,"background",a);return this};e.setUrl=function(a){this.body.innerHTML='<iframe src="'+a+'"></iframe>';return this};
|
||||
e.focus=function(){H!==this&&(t(this.g,"z-index",D++),this.addClass("focus"),H&&(H.removeClass("focus"),H.i&&H.i()),H=this,this.l&&this.l());return this};e.hide=function(){return this.addClass("hide")};e.show=function(){return this.removeClass("hide")};e.minimize=function(a){E&&Y();!a&&this.min?(X(this),this.resize().move().focus()):!1===a||this.min||(w.push(this),V(),this.g.title=this.title,this.addClass("min"),this.min=!0);this.max&&(this.removeClass("max"),this.max=!1);return this};
|
||||
e.maximize=function(a){if("undefined"===typeof a||a!==this.max)this.min&&X(this),(this.max=!this.max)?this.addClass("max").resize(P-this.left-this.right,Q-this.top-this.bottom,!0).move(this.left,this.top,!0):this.resize().move().removeClass("max");return this};e.fullscreen=function(a){if("undefined"===typeof a||a!==E)this.min&&(this.resize().move(),X(this)),E&&Y()||(this.body[I](),E=!0);return this};
|
||||
function Y(){E=!1;if(document.fullscreen||document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement)return document[N](),!0}e.close=function(a){if(this.j&&this.j(a))return!0;this.min&&X(this);this.unmount();this.g.parentNode.removeChild(this.g);H===this&&(H=null)};
|
||||
e.move=function(a,b,c){a||0===a?c||(this.x=a?a=U(a,P-this.left-this.right,this.width):0,this.y=b?b=U(b,Q-this.top-this.bottom,this.height):0):(a=this.x,b=this.y,this.v&&(0===a?this.resize(P/2,Q):a===P-this.width&&this.resize(P/2,Q)));t(this.g,"transform","translate("+a+"px,"+b+"px)");this.o&&this.o(a,b);return this};
|
||||
e.resize=function(a,b,c){a||0===a?c||(this.width=a?a=U(a,P-this.left-this.right):0,this.height=b?b=U(b,Q-this.top-this.bottom):0):(a=this.width,b=this.height);a=Math.max(a,this.u);b=Math.max(b,this.s);t(this.g,"width",a+"px");t(this.g,"height",b+"px");this.m&&this.m(a,b);return this};e.addClass=function(a){this.g.classList.add(a);return this};e.removeClass=function(a){this.g.classList.remove(a);return this};window.WinBox=S;}).call(this);
|
||||
|
||||
BIN
public/assets/documents/CV.pdf
Normal file
BIN
public/assets/documents/CV.pdf
Normal file
Binary file not shown.
BIN
public/assets/documents/Certificate.pdf
Normal file
BIN
public/assets/documents/Certificate.pdf
Normal file
Binary file not shown.
82
public/css/intro.css
Normal file
82
public/css/intro.css
Normal file
@ -0,0 +1,82 @@
|
||||
|
||||
:root{
|
||||
--fw-reg: 400;
|
||||
--fw-bold: 700;
|
||||
--clr-accent: #0dcaf0;
|
||||
|
||||
--fs-h1: 3rem;
|
||||
--fs-h3: 1.25rem;
|
||||
--bs: 0.25em 0.25em 0.75em rgba(0,0,0,.25),
|
||||
0.125em 0.125em 0.25em rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
:root {
|
||||
--fs-h1: 4.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
section.intro{
|
||||
padding: 5em 2em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
img.intro__img{
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
box-shadow: var(--bs);
|
||||
}
|
||||
|
||||
h1.section__title{
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
font-size: var(--fs-h1);
|
||||
margin-bottom: .25em;
|
||||
font-weight: var(--fw-reg);
|
||||
}
|
||||
|
||||
.section__title strong {
|
||||
font-weight: var(--fw-bold);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.section__subtitle {
|
||||
margin: 0;
|
||||
font-size: var(--fs-h3);
|
||||
background: var(--clr-accent);
|
||||
padding: .25em 1em;
|
||||
font-family: var(--ff-secondary);
|
||||
margin-bottom: 1em;
|
||||
display: inline-block;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
section.intro {
|
||||
display: grid;
|
||||
width: min-content;
|
||||
margin: 0 auto;
|
||||
grid-column-gap: 1em;
|
||||
grid-template-areas:
|
||||
"img title"
|
||||
"img subtitle";
|
||||
grid-template-columns: min-content max-content;
|
||||
}
|
||||
|
||||
img.intro__img {
|
||||
grid-area: img;
|
||||
min-width: 250px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.section__subtitle {
|
||||
align-self: start;
|
||||
grid-column: -1 / 1;
|
||||
grid-row: 2;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
left: -1.5em;
|
||||
width: calc(100% + 1.5em);
|
||||
}
|
||||
}
|
||||
57
public/css/styles.css
Normal file
57
public/css/styles.css
Normal file
@ -0,0 +1,57 @@
|
||||
:root{
|
||||
--clr-backgraund: rgb(100, 100, 100);
|
||||
--clr-txt: rgb(255, 255, 255);
|
||||
--clr-cyan:#0dcaf0;
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: var(--clr-backgraund);
|
||||
color: var(--clr-txt);
|
||||
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.wb-body{
|
||||
background: var(--clr-backgraund);
|
||||
}
|
||||
|
||||
.hidden{
|
||||
display: none;
|
||||
}
|
||||
/*-------------------------------------------------------------*/
|
||||
h2{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: var(--clr-txt);
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color: var(--clr-cyan);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.margin-top{
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.wb-icon * {
|
||||
opacity: 0.65;
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
.wb-title {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.btn{
|
||||
margin: 2px;
|
||||
}
|
||||
BIN
public/images/Jaz.jpg
Normal file
BIN
public/images/Jaz.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 458 KiB |
93
public/js/main.js
Normal file
93
public/js/main.js
Normal file
@ -0,0 +1,93 @@
|
||||
const workExperiance = document.getElementById("work-experiance");
|
||||
const workExperianceContent = document.getElementById("work-experience-content");
|
||||
|
||||
const education = document.getElementById("education");
|
||||
const educationContent = document.getElementById("education-content");
|
||||
|
||||
const documents = document.getElementById("documents");
|
||||
const documentsContent = document.getElementById("documents-content");
|
||||
|
||||
const divContent = document.getElementById("content");
|
||||
|
||||
const widthCheck = 576;
|
||||
|
||||
education.addEventListener('click', () => {
|
||||
if(window.innerWidth > widthCheck){
|
||||
const educationBox = new WinBox({
|
||||
title: 'Education',
|
||||
x: "center",
|
||||
y: "center",
|
||||
width: "70%",
|
||||
height: "70%",
|
||||
mount: educationContent,
|
||||
onfocus: function () {
|
||||
this.setBackground('#0dcaf0')
|
||||
},
|
||||
onblur: function () {
|
||||
this.setBackground('#777')
|
||||
},
|
||||
})
|
||||
}else{
|
||||
divContent.innerHTML = "";
|
||||
divContent.appendChild(educationContent);
|
||||
}
|
||||
})
|
||||
|
||||
workExperiance.addEventListener('click', () => {
|
||||
if(window.innerWidth > widthCheck){
|
||||
const workExperoanceBox = new WinBox({
|
||||
title: 'Work Experiance',
|
||||
x: "center",
|
||||
y: "center",
|
||||
width: "70%",
|
||||
height: "70%",
|
||||
mount: workExperianceContent,
|
||||
onfocus: function () {
|
||||
this.setBackground('#0dcaf0')
|
||||
},
|
||||
onblur: function () {
|
||||
this.setBackground('#777')
|
||||
},
|
||||
})
|
||||
}else{
|
||||
divContent.innerHTML = "";
|
||||
divContent.appendChild(workExperianceContent);
|
||||
}
|
||||
})
|
||||
|
||||
documents.addEventListener('click', () => {
|
||||
if(window.innerWidth > widthCheck){
|
||||
const DocumentsBox = new WinBox({
|
||||
title: 'Documents',
|
||||
x: "center",
|
||||
y: "center",
|
||||
width: "70%",
|
||||
height: "70%",
|
||||
mount: documentsContent,
|
||||
onfocus: function () {
|
||||
this.setBackground('#0dcaf0')
|
||||
},
|
||||
onblur: function () {
|
||||
this.setBackground('#777')
|
||||
},
|
||||
})
|
||||
}else{
|
||||
divContent.innerHTML = "";
|
||||
divContent.appendChild(documentsContent);
|
||||
}
|
||||
})
|
||||
|
||||
const divWidth = document.getElementById("width");
|
||||
const buttons = document.getElementById("buttons");
|
||||
|
||||
let haha = function(){
|
||||
/*divWidth.innerText = window.innerWidth;*/
|
||||
if(window.innerWidth < widthCheck){
|
||||
buttons.classList.add("row");
|
||||
}else{
|
||||
buttons.classList.remove("row");
|
||||
}
|
||||
}
|
||||
|
||||
haha();
|
||||
setInterval(haha,250);
|
||||
@ -1,8 +0,0 @@
|
||||
body {
|
||||
padding: 50px;
|
||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #00B7FF;
|
||||
}
|
||||
@ -3,7 +3,7 @@ var router = express.Router();
|
||||
|
||||
/* GET home page. */
|
||||
router.get('/', function(req, res, next) {
|
||||
res.render('index', { title: 'Express' });
|
||||
res.render('index', { title: 'Nik' });
|
||||
});
|
||||
|
||||
module.exports = router;
|
||||
|
||||
164
views/index.hbs
164
views/index.hbs
@ -1,2 +1,162 @@
|
||||
<h1>{{title}}</h1>
|
||||
<p>Welcome to {{title}}</p>
|
||||
<section class="intro">
|
||||
<h1 class="section__title">
|
||||
Hi, I am <strong>Nikola Petrov</strong>
|
||||
</h1>
|
||||
<p class="section__subtitle">2. Year RIT</p>
|
||||
<img src="images/Jaz.jpg" alt="a picture of Nikola Petrov" class="intro__img">
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="text-center" id="buttons">
|
||||
<a class="btn btn-info btn-lg" id="git" href="https://gitlab.com/nikolape7">Git</a>
|
||||
<button class="btn btn-info btn-lg" id="work-experiance">Work Experience</button>
|
||||
<button class="btn btn-info btn-lg" id="education">Education</button>
|
||||
<button class="btn btn-info btn-lg" id="documents">Documents</button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<br>
|
||||
<h2>Skills</h2>
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col col-lg-2">
|
||||
<table class="centered">
|
||||
<tr><th>Language</th></tr>
|
||||
<tr><td>Slovenian</td></tr>
|
||||
<tr><td>English</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-md-auto">
|
||||
<table class="centered">
|
||||
<tr><th>Programming languages</th></tr>
|
||||
<tr><td>C/C++</td></tr>
|
||||
<tr><td>html/css/js/php</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<br>
|
||||
<h2>Contact</h2>
|
||||
<table class="centered">
|
||||
<tr><td>
|
||||
<a href="mailto:nikolape7@gmail.com">
|
||||
<i class="fa fa-envelope"></i>
|
||||
nikolape7@gmail.com
|
||||
</a>
|
||||
</td></tr>
|
||||
<tr><td>
|
||||
<a href="tel:070749506">
|
||||
<i class="fa fa-phone"></i>
|
||||
070 749 506
|
||||
</a>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="hidden">
|
||||
<div id="work-experience-content">
|
||||
<div class="container margin-top">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">LightAct </span><br>
|
||||
01/07/2022 - 01/09/2022
|
||||
</div>
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Developer/IT</span><br>
|
||||
I helped maintaining data base, wored on the application (integrated a capture card and IP camera),
|
||||
assembled new server rack, installed new UTP/power conectors in the office.
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Institute 404</span><br>
|
||||
08/06/2020 - 19/06/2020
|
||||
</div>
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Mentor</span><br>
|
||||
I helped primary school children with their projects with soldering, laser cutting,
|
||||
and building. And I helped with a cement 3D printer.
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Hella Saturnos d.o.o.</span><br>
|
||||
04/09/2018 - 18/01/2019<br>
|
||||
</div>
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Maintenance technician</span><br>
|
||||
I maintained and repaired machines from plastic presses to personal stations.
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Best Western Premier Hotel Slon</span><br>
|
||||
01/03/2018 - 04/05/2018<br>
|
||||
</div>
|
||||
<div class="col">
|
||||
<span style="font-size: 1.5em;">Maintenance technician</span><br>
|
||||
I helped with setting up the conference/event rooms.
|
||||
I helped customers and fixed problems like replacing light bulbs, wall sockets, hair-dryers.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="education-content">
|
||||
<div class="container margin-top">
|
||||
<p>
|
||||
<span class="hidden" style="font-size: 0.75em;">
|
||||
<i class="fa-solid fa-calendar-days"></i> 01/10/2021 - CURRENT
|
||||
<i class="fa-solid fa-location-dot"></i> Koroška cesta 46, Maribor, Slovenia <br>
|
||||
</span>
|
||||
<span style="font-size: 1.1em;">
|
||||
Faculty of Electrical Engineering and Computer Science, University of Maribor <br>
|
||||
</span>
|
||||
<span style="font-size: 1.6em; line-height: 1em; color: #0dcaf0;">
|
||||
Graduate engineer of computer science and information technology<br>
|
||||
</span>
|
||||
<span>
|
||||
<a href="https://feri.um.si/">
|
||||
<i class="fa-solid fa-globe"></i>
|
||||
https://feri.um.si/
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="hidden" style="font-size: 0.75em;">
|
||||
<i class="fa-solid fa-calendar-days"></i> 01/09/2016 - 07/07/2021
|
||||
<i class="fa-solid fa-location-dot"></i> Litostrojska Cesta 51, Ljubljana, Slovenia <br>
|
||||
</span>
|
||||
<span style="font-size: 1.1em;">
|
||||
Secondary school of technical professions šiška<br>
|
||||
</span>
|
||||
<span style="font-size: 1.6em; line-height: 1em; color: #0dcaf0;">
|
||||
Electrotechnician<br>
|
||||
</span>
|
||||
<span>
|
||||
<a href="https://ssts.si/">
|
||||
<i class="fa-solid fa-globe"></i>
|
||||
https://ssts.si/
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="documents-content">
|
||||
<div class="container margin-top">
|
||||
<div class="row">
|
||||
<a href="assets/documents/CV.pdf" class="btn btn-info" download="Nikola_Petrov_CV">CV</a>
|
||||
<a href="assets/documents/Certificate.pdf" class="btn btn-info" download="Nikola_Petrov_electrotechnician_certificate">Electrotechnician certificate</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
@ -1,8 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{title}}</title>
|
||||
<link rel='stylesheet' href='/stylesheets/style.css' />
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Portfolio</title>
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></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>
|
||||
{{{body}}}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user