Refresh site content and project portfolio
Deploy to Production / deploy (push) Successful in 6s
Details
Deploy to Production / deploy (push) Successful in 6s
Details
This commit is contained in:
parent
5419d15518
commit
2a42d0245a
|
|
@ -8,6 +8,7 @@
|
||||||
<meta name="robots" content="noindex">
|
<meta name="robots" content="noindex">
|
||||||
<link rel="canonical" href="contact/">
|
<link rel="canonical" href="contact/">
|
||||||
<script>window.location.replace("contact/");</script>
|
<script>window.location.replace("contact/");</script>
|
||||||
|
<noscript><meta http-equiv="refresh" content="0; url=contact/"></noscript>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p>Redirecting to <a href="contact/">contact/</a>...</p>
|
<p>Redirecting to <a href="contact/">contact/</a>...</p>
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
<div class="form-card__accent"></div>
|
<div class="form-card__accent"></div>
|
||||||
<form class="form" action="https://formspree.io/f/mreovogz" method="post" novalidate data-contact-form>
|
<form class="form" action="https://formspree.io/f/mreovogz" method="post" novalidate data-contact-form>
|
||||||
<input type="hidden" name="_subject" value="New contact form submission from popovskik.com">
|
<input type="hidden" name="_subject" value="New contact form submission from popovskik.com">
|
||||||
<input class="visually-hidden" type="text" name="_gotcha" tabindex="-1" autocomplete="off" aria-hidden="true">
|
<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
|
||||||
<div class="form__grid">
|
<div class="form__grid">
|
||||||
<div class="form-field">
|
<div class="form-field">
|
||||||
<label class="form-field__label" for="full-name">Full Name</label>
|
<label class="form-field__label" for="full-name">Full Name</label>
|
||||||
|
|
@ -138,7 +138,7 @@
|
||||||
<div class="site-footer__links">
|
<div class="site-footer__links">
|
||||||
<a class="site-footer__link" href="../">Home</a>
|
<a class="site-footer__link" href="../">Home</a>
|
||||||
<a class="site-footer__link" href="../projects/">Projects</a>
|
<a class="site-footer__link" href="../projects/">Projects</a>
|
||||||
<a class="site-footer__link" href="../cv/">CV</a>
|
<a class="site-footer__link" href="../assets/documents/cv_full.pdf" target="_blank" rel="noreferrer">Download CV</a>
|
||||||
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-footer__meta">Live contact form with secure delivery</div>
|
<div class="site-footer__meta">Live contact form with secure delivery</div>
|
||||||
|
|
|
||||||
442
css/style.css
442
css/style.css
|
|
@ -287,6 +287,8 @@ textarea {
|
||||||
.mobile-nav {
|
.mobile-nav {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 4.5rem 1rem auto 1rem;
|
inset: 4.5rem 1rem auto 1rem;
|
||||||
|
max-height: calc(100vh - 6rem);
|
||||||
|
overflow-y: auto;
|
||||||
padding: var(--space-8);
|
padding: var(--space-8);
|
||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
background: rgba(255, 255, 255, 0.97);
|
background: rgba(255, 255, 255, 0.97);
|
||||||
|
|
@ -1054,6 +1056,446 @@ textarea {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.projects-page {
|
||||||
|
padding-bottom: var(--space-12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-intro-section {
|
||||||
|
padding-bottom: var(--space-10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-hero {
|
||||||
|
max-width: 62rem;
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-hero__title {
|
||||||
|
margin: 0;
|
||||||
|
font-size: clamp(2.6rem, 7.2vw, 4.5rem);
|
||||||
|
line-height: 0.98;
|
||||||
|
letter-spacing: -0.048em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-hero__lede {
|
||||||
|
margin: 0;
|
||||||
|
max-width: 52rem;
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
font-size: 1.04rem;
|
||||||
|
line-height: 1.72;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-section {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-section-heading {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
margin-bottom: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-section-heading .section-intro {
|
||||||
|
max-width: 46rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-grid {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
color: inherit;
|
||||||
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 255, 0.94));
|
||||||
|
border: 1px solid rgba(196, 197, 215, 0.3);
|
||||||
|
border-radius: calc(var(--radius-lg) + 0.25rem);
|
||||||
|
box-shadow: var(--shadow-card);
|
||||||
|
overflow: hidden;
|
||||||
|
transition: transform var(--transition-standard), box-shadow var(--transition-standard), border-color var(--transition-standard);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card:hover,
|
||||||
|
.projects-featured-card:focus-within {
|
||||||
|
transform: translateY(-4px);
|
||||||
|
box-shadow: 0 22px 48px rgba(0, 45, 167, 0.12);
|
||||||
|
border-color: rgba(0, 45, 167, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card:focus-visible {
|
||||||
|
outline: 2px solid var(--color-primary-strong);
|
||||||
|
outline-offset: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__media {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
aspect-ratio: 16 / 10;
|
||||||
|
background: var(--color-surface-high);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__media img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
transition: transform var(--transition-slow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card:hover .projects-featured-card__media img {
|
||||||
|
transform: scale(1.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__body {
|
||||||
|
padding: var(--space-6);
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-date {
|
||||||
|
color: var(--color-text-soft);
|
||||||
|
font-size: 0.68rem;
|
||||||
|
font-weight: 800;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.14em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-tag {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.36rem 0.62rem;
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
color: var(--color-primary);
|
||||||
|
background: rgba(0, 45, 167, 0.08);
|
||||||
|
font-size: 0.64rem;
|
||||||
|
font-weight: 800;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.13em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__title {
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: 1.32rem;
|
||||||
|
line-height: 1.1;
|
||||||
|
letter-spacing: -0.03em;
|
||||||
|
color: var(--color-surface-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__summary {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
line-height: 1.68;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__cta {
|
||||||
|
margin-top: auto;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-2);
|
||||||
|
color: var(--color-primary);
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: 0.86rem;
|
||||||
|
font-weight: 800;
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline-section {
|
||||||
|
padding-top: var(--space-12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline-section--alt {
|
||||||
|
background: rgba(255, 255, 255, 0.56);
|
||||||
|
border-top: 1px solid rgba(196, 197, 215, 0.2);
|
||||||
|
border-bottom: 1px solid rgba(196, 197, 215, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline-chapters {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-16);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-chapter {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-chapter__header {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: end;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-chapter__title {
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(1.9rem, 4.3vw, 3rem);
|
||||||
|
line-height: 1.05;
|
||||||
|
letter-spacing: -0.04em;
|
||||||
|
color: var(--color-surface-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-chapter__range {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.45rem 0.78rem;
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
background: rgba(0, 45, 167, 0.09);
|
||||||
|
color: var(--color-primary);
|
||||||
|
font-size: 0.68rem;
|
||||||
|
font-weight: 800;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.14em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline {
|
||||||
|
position: relative;
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-8);
|
||||||
|
padding-left: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0.72rem;
|
||||||
|
top: 0.5rem;
|
||||||
|
bottom: 0.5rem;
|
||||||
|
width: 2px;
|
||||||
|
background: linear-gradient(180deg, rgba(0, 45, 167, 0.28), rgba(196, 197, 215, 0.62));
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry {
|
||||||
|
position: relative;
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-5);
|
||||||
|
scroll-margin-top: 6.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__dot {
|
||||||
|
position: absolute;
|
||||||
|
left: -1.85rem;
|
||||||
|
top: 1.1rem;
|
||||||
|
width: 0.95rem;
|
||||||
|
height: 0.95rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid var(--color-white);
|
||||||
|
background: var(--color-primary);
|
||||||
|
box-shadow: 0 0 0 5px rgba(0, 45, 167, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__media {
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
border: 1px solid rgba(196, 197, 215, 0.26);
|
||||||
|
background: var(--color-surface-high);
|
||||||
|
box-shadow: var(--shadow-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__media img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
aspect-ratio: 16 / 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__content {
|
||||||
|
background: rgba(255, 255, 255, 0.92);
|
||||||
|
border: 1px solid rgba(196, 197, 215, 0.26);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
box-shadow: var(--shadow-soft);
|
||||||
|
padding: var(--space-6);
|
||||||
|
display: grid;
|
||||||
|
gap: var(--space-4);
|
||||||
|
transition: transform var(--transition-standard), box-shadow var(--transition-standard), border-color var(--transition-standard);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry:hover .projects-entry__content,
|
||||||
|
.projects-entry:focus-within .projects-entry__content {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: var(--shadow-card);
|
||||||
|
border-color: rgba(0, 45, 167, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry:target .projects-entry__content {
|
||||||
|
border-color: rgba(0, 45, 167, 0.42);
|
||||||
|
box-shadow: 0 0 0 3px rgba(0, 45, 167, 0.12), var(--shadow-card);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__title {
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: 1.34rem;
|
||||||
|
line-height: 1.12;
|
||||||
|
letter-spacing: -0.028em;
|
||||||
|
color: var(--color-surface-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__text {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__impact {
|
||||||
|
margin: 0;
|
||||||
|
padding-top: var(--space-4);
|
||||||
|
border-top: 1px solid rgba(196, 197, 215, 0.26);
|
||||||
|
color: var(--color-text);
|
||||||
|
line-height: 1.64;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__impact strong {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-final-cta-section {
|
||||||
|
padding-top: var(--space-14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-final-cta {
|
||||||
|
padding: var(--space-10);
|
||||||
|
border-radius: calc(var(--radius-xl) + 0.35rem);
|
||||||
|
border: 1px solid rgba(196, 197, 215, 0.26);
|
||||||
|
background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(223, 231, 255, 0.42));
|
||||||
|
box-shadow: var(--shadow-soft);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-final-cta__title {
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(1.8rem, 4vw, 2.65rem);
|
||||||
|
line-height: 1.08;
|
||||||
|
letter-spacing: -0.04em;
|
||||||
|
color: var(--color-surface-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-final-cta__actions {
|
||||||
|
margin-top: var(--space-8);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 39.999rem) {
|
||||||
|
.projects-featured-card__body,
|
||||||
|
.projects-entry__content {
|
||||||
|
padding: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__title,
|
||||||
|
.projects-entry__title {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline {
|
||||||
|
padding-left: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__dot {
|
||||||
|
left: -1.55rem;
|
||||||
|
top: 0.95rem;
|
||||||
|
width: 0.9rem;
|
||||||
|
height: 0.9rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 40rem) {
|
||||||
|
.projects-final-cta__actions {
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 56rem) {
|
||||||
|
.projects-intro-section {
|
||||||
|
padding-bottom: var(--space-12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-hero__title {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-grid {
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-featured-card__body {
|
||||||
|
padding: var(--space-8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline {
|
||||||
|
padding-left: var(--space-10);
|
||||||
|
gap: var(--space-10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline::before {
|
||||||
|
left: 0.92rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__dot {
|
||||||
|
left: -2.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry--split {
|
||||||
|
grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
|
||||||
|
align-items: stretch;
|
||||||
|
gap: var(--space-6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry--split .projects-entry__media {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry--split .projects-entry__media img {
|
||||||
|
height: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
aspect-ratio: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry--split.projects-entry--offset .projects-entry__media {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry--split.projects-entry--offset .projects-entry__content {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-final-cta {
|
||||||
|
padding: var(--space-12);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 70rem) {
|
||||||
|
.projects-timeline-chapters {
|
||||||
|
gap: var(--space-20);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-timeline {
|
||||||
|
gap: var(--space-12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projects-entry__content {
|
||||||
|
padding: var(--space-8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.cv-hero {
|
.cv-hero {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: var(--space-8);
|
gap: var(--space-8);
|
||||||
|
|
|
||||||
1
cv.html
1
cv.html
|
|
@ -8,6 +8,7 @@
|
||||||
<meta name="robots" content="noindex">
|
<meta name="robots" content="noindex">
|
||||||
<link rel="canonical" href="cv/">
|
<link rel="canonical" href="cv/">
|
||||||
<script>window.location.replace("cv/");</script>
|
<script>window.location.replace("cv/");</script>
|
||||||
|
<noscript><meta http-equiv="refresh" content="0; url=cv/"></noscript>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p>Redirecting to <a href="cv/">cv/</a>...</p>
|
<p>Redirecting to <a href="cv/">cv/</a>...</p>
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 368 KiB After Width: | Height: | Size: 368 KiB |
|
Before Width: | Height: | Size: 153 KiB After Width: | Height: | Size: 153 KiB |
|
|
@ -127,7 +127,7 @@ function Test-ShouldSkipFile {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($ExcludedExtensions -contains $File.Extension) {
|
if ($ExcludedExtensions -contains $File.Extension.ToLowerInvariant()) {
|
||||||
return $true
|
return $true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -37,24 +37,23 @@ if [[ "${OS:-}" == "Windows_NT" ]]; then
|
||||||
exit 0
|
exit 0
|
||||||
fi
|
fi
|
||||||
|
|
||||||
# Nastavitev imena izhodne datoteke
|
|
||||||
OUTPUT_FILE="${1:-code_export.txt}"
|
OUTPUT_FILE="${1:-code_export.txt}"
|
||||||
|
OUTPUT_PATH="$SCRIPT_DIR/$OUTPUT_FILE"
|
||||||
|
|
||||||
# Odstrani izhodno datoteko, če že obstaja, da začnemo s čisto datoteko
|
rm -f "$OUTPUT_PATH"
|
||||||
if [ -f "$OUTPUT_FILE" ]; then
|
|
||||||
rm "$OUTPUT_FILE"
|
|
||||||
fi
|
|
||||||
|
|
||||||
# Poišči vse datoteke, razen skritih datotek in določenih map (npr. node_modules).
|
find "$SCRIPT_DIR" -type f \
|
||||||
# Dodane so izjeme za slike, videoposnetke, PDF-je, arhive in druge binarne datoteke
|
|
||||||
# neposredno v ukaz 'find' za boljšo zmogljivost.
|
|
||||||
find . -type f \
|
|
||||||
-not -path "*/\.*" \
|
-not -path "*/\.*" \
|
||||||
-not -path "*node_modules*" \
|
-not -path "*/node_modules/*" \
|
||||||
-not -path "*vendor*" \
|
-not -path "*/vendor/*" \
|
||||||
-not -path "*dist*" \
|
-not -path "*/dist/*" \
|
||||||
-not -path "*build*" \
|
-not -path "*/build/*" \
|
||||||
-not -path "*/images/*" \
|
-not -path "*/images/*" \
|
||||||
|
-not -name "code_export*.txt" \
|
||||||
|
-not -name "gitea-token*.txt" \
|
||||||
|
-not -name "gitea-token*.txt.sig" \
|
||||||
|
-not -name "export_code.sh" \
|
||||||
|
-not -name "export_code.ps1" \
|
||||||
-not -iname "*.jpg" -not -iname "*.jpeg" \
|
-not -iname "*.jpg" -not -iname "*.jpeg" \
|
||||||
-not -iname "*.png" -not -iname "*.gif" \
|
-not -iname "*.png" -not -iname "*.gif" \
|
||||||
-not -iname "*.bmp" -not -iname "*.tiff" \
|
-not -iname "*.bmp" -not -iname "*.tiff" \
|
||||||
|
|
@ -66,36 +65,29 @@ find . -type f \
|
||||||
-not -iname "*.mp3" -not -iname "*.wav" \
|
-not -iname "*.mp3" -not -iname "*.wav" \
|
||||||
-not -iname "*.ogg" -not -iname "*.flac" \
|
-not -iname "*.ogg" -not -iname "*.flac" \
|
||||||
-not -iname "*.pdf" \
|
-not -iname "*.pdf" \
|
||||||
-not -iname "*.zip" \
|
-not -iname "*.zip" -not -iname "*.tar" \
|
||||||
-not -iname "*.tar" \
|
-not -iname "*.gz" -not -iname "*.bz2" \
|
||||||
-not -iname "*.gz" \
|
-not -iname "*.rar" -not -iname "*.7z" \
|
||||||
-not -iname "*.bz2" \
|
|
||||||
-not -iname "*.rar" \
|
|
||||||
-not -iname "*.7z" \
|
|
||||||
-not -iname "*.doc" -not -iname "*.docx" \
|
-not -iname "*.doc" -not -iname "*.docx" \
|
||||||
-not -iname "*.xls" -not -iname "*.xlsx" \
|
-not -iname "*.xls" -not -iname "*.xlsx" \
|
||||||
-not -iname "*.ppt" -not -iname "*.pptx" \
|
-not -iname "*.ppt" -not -iname "*.pptx" \
|
||||||
-not -iname "*.eot" -not -iname "*.ttf" \
|
-not -iname "*.eot" -not -iname "*.ttf" \
|
||||||
-not -iname "*.woff" -not -iname "*.woff2" \
|
-not -iname "*.woff" -not -iname "*.woff2" \
|
||||||
| sort | while read -r file; do
|
| sort | while IFS= read -r file; do
|
||||||
|
|
||||||
# Preskoči samo izhodno datoteko in to skripto
|
rel_path="./${file#"$SCRIPT_DIR"/}"
|
||||||
if [[ "$file" == "./$OUTPUT_FILE" || "$file" == "./export_code.sh" || "$file" == "./export_code.ps1" ]]; then
|
|
||||||
|
if file --mime-type -b "$file" | grep -qiE '^(image|video|audio|application/octet-stream)'; then
|
||||||
continue
|
continue
|
||||||
fi
|
fi
|
||||||
|
|
||||||
# Dodatna varnostna preverba: preskoči slikovne datoteke po MIME tipu
|
printf '"%s" : \n' "$rel_path" >> "$OUTPUT_PATH"
|
||||||
if file --mime-type -b "$file" | grep -qiE '^(image)/'; then
|
printf '"""\n' >> "$OUTPUT_PATH"
|
||||||
continue
|
cat "$file" >> "$OUTPUT_PATH"
|
||||||
|
if [[ -n "$(tail -c 1 "$file" 2>/dev/null || true)" ]]; then
|
||||||
|
printf '\n' >> "$OUTPUT_PATH"
|
||||||
fi
|
fi
|
||||||
|
printf '"""\n\n\n' >> "$OUTPUT_PATH"
|
||||||
# Dodaj ime datoteke in njeno vsebino v izhodno datoteko
|
|
||||||
echo "\"$file\" : " >> "$OUTPUT_FILE"
|
|
||||||
echo "\"\"\"" >> "$OUTPUT_FILE"
|
|
||||||
cat "$file" >> "$OUTPUT_FILE"
|
|
||||||
echo "\"\"\"" >> "$OUTPUT_FILE"
|
|
||||||
echo "" >> "$OUTPUT_FILE"
|
|
||||||
echo "" >> "$OUTPUT_FILE"
|
|
||||||
done
|
done
|
||||||
|
|
||||||
echo "Izvoz kode končan. Vsebina je shranjena v datoteko $OUTPUT_FILE"
|
echo "Code export finished. Output saved to $OUTPUT_PATH"
|
||||||
|
|
|
||||||
65
index.html
65
index.html
|
|
@ -5,28 +5,26 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Kristijan Popovski | Structured Leadership and Strategic Execution</title>
|
<title>Kristijan Popovski | Structured Leadership and Strategic Execution</title>
|
||||||
<meta name="description" content="Personal website of Kristijan Popovski, focused on governance, finance, project leadership, and institutional execution.">
|
<meta name="description" content="Personal website of Kristijan Popovski, focused on governance, finance, project leadership, and institutional execution.">
|
||||||
<!-- Test deployment pipeline -->
|
|
||||||
<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=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<script>document.documentElement.classList.add('js-enabled');</script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="site-shell">
|
<div class="site-shell">
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="site-header__inner">
|
<div class="site-header__inner">
|
||||||
<a class="brand" href="./">Kristijan Popovski</a>
|
<a class="brand" href="index.html">Kristijan Popovski</a>
|
||||||
<nav class="site-nav" aria-label="Primary">
|
<nav class="site-nav" aria-label="Primary">
|
||||||
<ul class="site-nav__list">
|
<ul class="site-nav__list">
|
||||||
<li><a class="site-nav__link is-current" href="./">Home</a></li>
|
<li><a class="site-nav__link is-current" href="index.html">Home</a></li>
|
||||||
<li><a class="site-nav__link" href="projects/">Projects</a></li>
|
<li><a class="site-nav__link" href="projects.html">Projects</a></li>
|
||||||
<li><a class="site-nav__link" href="cv/">CV</a></li>
|
<li><a class="site-nav__link" href="cv.html">CV</a></li>
|
||||||
<li><a class="site-nav__link" href="contact/">Contact</a></li>
|
<li><a class="site-nav__link" href="contact.html">Contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="site-header__actions">
|
<div class="site-header__actions">
|
||||||
<a class="button button--primary button--small" href="contact/">Get in Touch</a>
|
<a class="button button--primary button--small" href="contact.html">Get in Touch</a>
|
||||||
<button class="menu-toggle" type="button" aria-label="Open menu" aria-expanded="false" data-menu-toggle>
|
<button class="menu-toggle" type="button" aria-label="Open menu" aria-expanded="false" data-menu-toggle>
|
||||||
<span class="menu-toggle__line"></span>
|
<span class="menu-toggle__line"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
@ -34,16 +32,16 @@
|
||||||
</div>
|
</div>
|
||||||
<nav class="mobile-nav" aria-label="Mobile" data-mobile-nav>
|
<nav class="mobile-nav" aria-label="Mobile" data-mobile-nav>
|
||||||
<ul class="mobile-nav__list">
|
<ul class="mobile-nav__list">
|
||||||
<li><a class="mobile-nav__link is-current" href="./">Home</a></li>
|
<li><a class="mobile-nav__link is-current" href="index.html">Home</a></li>
|
||||||
<li><a class="mobile-nav__link" href="projects/">Projects</a></li>
|
<li><a class="mobile-nav__link" href="projects.html">Projects</a></li>
|
||||||
<li><a class="mobile-nav__link" href="cv/">CV</a></li>
|
<li><a class="mobile-nav__link" href="cv.html">CV</a></li>
|
||||||
<li><a class="mobile-nav__link" href="contact/">Contact</a></li>
|
<li><a class="mobile-nav__link" href="contact.html">Contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="page-main">
|
<main class="page-main">
|
||||||
<section class="section section--tight">
|
<section class="section section--tight"><!-- -->
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="hero hero--home">
|
<div class="hero hero--home">
|
||||||
<div data-animate>
|
<div data-animate>
|
||||||
|
|
@ -55,7 +53,7 @@
|
||||||
<p class="hero__lede">Delivering institutional excellence across governance, finance, and project execution. From policy and representation to operational detail, the focus is always on clarity, trust, and outcomes.</p>
|
<p class="hero__lede">Delivering institutional excellence across governance, finance, and project execution. From policy and representation to operational detail, the focus is always on clarity, trust, and outcomes.</p>
|
||||||
<div class="button-row">
|
<div class="button-row">
|
||||||
<a class="button button--primary" href="assets/documents/cv_full.pdf">Download CV</a>
|
<a class="button button--primary" href="assets/documents/cv_full.pdf">Download CV</a>
|
||||||
<a class="button button--secondary" href="contact/">Get in touch</a>
|
<a class="button button--secondary" href="contact.html">Get in touch</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="hero-media" data-animate>
|
<div class="hero-media" data-animate>
|
||||||
|
|
@ -107,7 +105,7 @@
|
||||||
<h2 class="section-title">Selected Experience</h2>
|
<h2 class="section-title">Selected Experience</h2>
|
||||||
<p class="section-intro">A concise view of leadership, representation, and operational roles that shape the broader body of work.</p>
|
<p class="section-intro">A concise view of leadership, representation, and operational roles that shape the broader body of work.</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="text-link" href="cv/">
|
<a class="text-link" href="cv.html">
|
||||||
View full CV
|
View full CV
|
||||||
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -184,7 +182,7 @@
|
||||||
</div>
|
</div>
|
||||||
<h3 class="focus-card__title">Project Leadership & Execution</h3>
|
<h3 class="focus-card__title">Project Leadership & Execution</h3>
|
||||||
<p class="card__text">Turning ideas into structured delivery, whether the setting is a conference, a governance process, or a cross-functional organizational initiative.</p>
|
<p class="card__text">Turning ideas into structured delivery, whether the setting is a conference, a governance process, or a cross-functional organizational initiative.</p>
|
||||||
<div class="tag-row tag-row--desktop-center">
|
<div class="tag-row">
|
||||||
<span class="tag">Impact Driven</span>
|
<span class="tag">Impact Driven</span>
|
||||||
<span class="tag">Operational Rigor</span>
|
<span class="tag">Operational Rigor</span>
|
||||||
<span class="tag">Europe-wide Experience</span>
|
<span class="tag">Europe-wide Experience</span>
|
||||||
|
|
@ -206,14 +204,14 @@
|
||||||
<div class="project-preview-grid">
|
<div class="project-preview-grid">
|
||||||
<article class="project-card" data-animate>
|
<article class="project-card" data-animate>
|
||||||
<div class="project-card__media">
|
<div class="project-card__media">
|
||||||
<img src="assets/images/project-nlb-inr.jfif" alt="IMB team presenting an Individual Investment Accounts strategy project for NLB" width="576" height="768" loading="lazy">
|
<img src="assets/images/project-governance.jpg" alt="Conference venue prepared for an international governance summit" width="1440" height="900" loading="lazy">
|
||||||
<span class="project-card__tag">Consulting</span>
|
<span class="project-card__tag">Institutional</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-card__body">
|
<div class="project-card__body">
|
||||||
<span class="project-card__meta">IMB x NLB Slovenia</span>
|
<span class="project-card__meta">International collaboration</span>
|
||||||
<h3 class="project-card__title">Individual Investment Accounts Strategy</h3>
|
<h3 class="project-card__title">International Governance Summit</h3>
|
||||||
<p class="project-card__text">Developed a go-to-market and marketing strategy for NLB's Individual Investment Accounts (INR) in Slovenia through primary research, segmentation, personas, and customer journey design.</p>
|
<p class="project-card__text">Coordinated a multi-national dialogue on digital infrastructure and stakeholder alignment across delegations.</p>
|
||||||
<a class="text-link" href="projects/">
|
<a class="text-link" href="projects.html">
|
||||||
View project details
|
View project details
|
||||||
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -222,14 +220,14 @@
|
||||||
|
|
||||||
<article class="project-card" data-animate>
|
<article class="project-card" data-animate>
|
||||||
<div class="project-card__media">
|
<div class="project-card__media">
|
||||||
<img src="assets/images/project-perles-atech.jfif" alt="Student consulting workshop with Perles and ATech Electronics" width="1024" height="768" loading="lazy">
|
<img src="assets/images/project-consulting.jpg" alt="Business analysis taking place on a tablet" width="1440" height="900" loading="lazy">
|
||||||
<span class="project-card__tag">Consulting</span>
|
<span class="project-card__tag">Consulting</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-card__body">
|
<div class="project-card__body">
|
||||||
<span class="project-card__meta">Perles / ATech Electronics</span>
|
<span class="project-card__meta">Consulting and innovation</span>
|
||||||
<h3 class="project-card__title">Business Model & Marketing Strategy</h3>
|
<h3 class="project-card__title">Strategic Business Model Pivot</h3>
|
||||||
<p class="project-card__text">Researched the power tools market and customer needs for the Perles brand, then helped shape an updated business model with refurbished products and a digital community concept.</p>
|
<p class="project-card__text">Redesigned a logistics workflow toward a more automated and cloud-first operational model.</p>
|
||||||
<a class="text-link" href="projects/">
|
<a class="text-link" href="projects.html">
|
||||||
Explore all projects
|
Explore all projects
|
||||||
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -272,11 +270,8 @@
|
||||||
<h2 class="cta-banner__title">Start a conversation.</h2>
|
<h2 class="cta-banner__title">Start a conversation.</h2>
|
||||||
<p class="cta-banner__text">Whether it is a strategic partnership, a governance initiative, or a project that needs measured leadership, the next step can start here.</p>
|
<p class="cta-banner__text">Whether it is a strategic partnership, a governance initiative, or a project that needs measured leadership, the next step can start here.</p>
|
||||||
<div class="cta-banner__actions">
|
<div class="cta-banner__actions">
|
||||||
<a class="button button--secondary" href="mailto:popovskik02@yahoo.com">
|
<a class="button button--secondary" href="mailto:popovskik02@yahoo.com">Email</a>
|
||||||
<svg class="button__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"/></svg>
|
<a class="button button--secondary" href="https://si.linkedin.com/in/kristijan-popovski-688905232" target="_blank" rel="noreferrer">LinkedIn</a>
|
||||||
Email Me
|
|
||||||
</a>
|
|
||||||
<a class="button button--secondary" href="https://www.linkedin.com/in/popovski-k/" target="_blank" rel="noreferrer">LinkedIn</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -291,10 +286,10 @@
|
||||||
<p class="site-footer__text">Built around institutional trust, structured thinking, and practical execution across Europe.</p>
|
<p class="site-footer__text">Built around institutional trust, structured thinking, and practical execution across Europe.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-footer__links">
|
<div class="site-footer__links">
|
||||||
<a class="site-footer__link" href="projects/">Projects</a>
|
<a class="site-footer__link" href="projects.html">Projects</a>
|
||||||
<a class="site-footer__link" href="assets/documents/cv_full.pdf" target="_blank" rel="noreferrer">Download CV</a>
|
<a class="site-footer__link" href="cv.html">Download CV</a>
|
||||||
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
||||||
<a class="site-footer__link" href="https://www.linkedin.com/in/popovski-k/" target="_blank" rel="noreferrer">LinkedIn</a>
|
<a class="site-footer__link" href="https://si.linkedin.com/in/kristijan-popovski-688905232" target="_blank" rel="noreferrer">LinkedIn</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-footer__meta">Governance - Finance - Execution</div>
|
<div class="site-footer__meta">Governance - Finance - Execution</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
36
js/script.js
36
js/script.js
|
|
@ -1,7 +1,6 @@
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
setupMobileNavigation();
|
setupMobileNavigation();
|
||||||
setupScrollAnimations();
|
setupScrollAnimations();
|
||||||
setupProjectFiltering();
|
|
||||||
setupContactForm();
|
setupContactForm();
|
||||||
setupSmoothScrollClose();
|
setupSmoothScrollClose();
|
||||||
});
|
});
|
||||||
|
|
@ -64,7 +63,14 @@ function setupSmoothScrollClose() {
|
||||||
}
|
}
|
||||||
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
target.scrollIntoView({ behavior: "smooth", block: "start" });
|
const stickyHeader = document.querySelector(".site-header");
|
||||||
|
const headerOffset = stickyHeader ? stickyHeader.offsetHeight + 16 : 16;
|
||||||
|
const targetTop = target.getBoundingClientRect().top + window.scrollY - headerOffset;
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: Math.max(targetTop, 0),
|
||||||
|
behavior: "smooth"
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
@ -101,32 +107,6 @@ function setupScrollAnimations() {
|
||||||
animatedItems.forEach((item) => observer.observe(item));
|
animatedItems.forEach((item) => observer.observe(item));
|
||||||
}
|
}
|
||||||
|
|
||||||
function setupProjectFiltering() {
|
|
||||||
const filterButtons = document.querySelectorAll("[data-filter]");
|
|
||||||
const filterItems = document.querySelectorAll("[data-category]");
|
|
||||||
|
|
||||||
if (!filterButtons.length || !filterItems.length) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
filterButtons.forEach((button) => {
|
|
||||||
button.addEventListener("click", () => {
|
|
||||||
const filterValue = button.dataset.filter;
|
|
||||||
|
|
||||||
filterButtons.forEach((otherButton) => {
|
|
||||||
otherButton.classList.toggle("is-active", otherButton === button);
|
|
||||||
otherButton.setAttribute("aria-pressed", String(otherButton === button));
|
|
||||||
});
|
|
||||||
|
|
||||||
filterItems.forEach((item) => {
|
|
||||||
const categories = (item.dataset.category || "").split(" ");
|
|
||||||
const shouldShow = filterValue === "all" || categories.includes(filterValue);
|
|
||||||
item.classList.toggle("is-hidden", !shouldShow);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function setupContactForm() {
|
function setupContactForm() {
|
||||||
const form = document.querySelector("[data-contact-form]");
|
const form = document.querySelector("[data-contact-form]");
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@
|
||||||
<meta name="robots" content="noindex">
|
<meta name="robots" content="noindex">
|
||||||
<link rel="canonical" href="projects/">
|
<link rel="canonical" href="projects/">
|
||||||
<script>window.location.replace("projects/");</script>
|
<script>window.location.replace("projects/");</script>
|
||||||
|
<noscript><meta http-equiv="refresh" content="0; url=projects/"></noscript>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p>Redirecting to <a href="projects/">projects/</a>...</p>
|
<p>Redirecting to <a href="projects/">projects/</a>...</p>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Projects | Kristijan Popovski</title>
|
<title>Projects & Initiatives | Kristijan Popovski</title>
|
||||||
<meta name="description" content="Selected projects by Kristijan Popovski across institutional collaboration, consulting, innovation, and youth leadership.">
|
<meta name="description" content="Selected projects by Kristijan Popovski across institutional collaboration, consulting, innovation, and youth leadership.">
|
||||||
<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>
|
||||||
|
|
@ -41,123 +41,315 @@
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="page-main">
|
<main class="page-main projects-page">
|
||||||
<section class="section section--tight">
|
<section class="section section--tight projects-intro-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-hero">
|
<header class="projects-hero" data-animate>
|
||||||
<div data-animate>
|
<div class="eyebrow">Projects</div>
|
||||||
<div class="eyebrow">Selected Work</div>
|
<h1 class="page-title projects-hero__title">Projects & Initiatives</h1>
|
||||||
<h1 class="page-title">Architecting <strong>institutional excellence.</strong></h1>
|
<p class="projects-hero__lede">This page brings together selected projects, leadership roles, and initiatives that have shaped my development across education, community work, governance, and institutional collaboration.</p>
|
||||||
<p class="page-lede">A portfolio of strategic interventions, institutional collaboration, and practical leadership across governance, consulting, and innovation environments.</p>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
|
|
||||||
<div class="filter-bar" data-animate>
|
<section class="section section--tight projects-featured-section">
|
||||||
<button class="filter-chip is-active" type="button" data-filter="all" aria-pressed="true">All</button>
|
<div class="container">
|
||||||
<button class="filter-chip" type="button" data-filter="institutional" aria-pressed="false">Institutional</button>
|
<header class="projects-section-heading" data-animate>
|
||||||
<button class="filter-chip" type="button" data-filter="consulting" aria-pressed="false">Consulting</button>
|
<h2 class="section-title">Featured Projects</h2>
|
||||||
<button class="filter-chip" type="button" data-filter="innovation" aria-pressed="false">Innovation</button>
|
<p class="section-intro">A selection of the projects that best represent my current direction and strongest work.</p>
|
||||||
<button class="filter-chip" type="button" data-filter="moderation" aria-pressed="false">Moderation</button>
|
</header>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="project-grid">
|
<div class="projects-featured-grid">
|
||||||
<article class="card project-card" data-category="consulting" data-animate>
|
<a class="projects-featured-card" href="#project-accreditation" data-animate>
|
||||||
<div class="project-card__media">
|
<div class="projects-featured-card__media">
|
||||||
<img src="../assets/images/project-nlb-inr.jfif" alt="Presentation of an Individual Investment Accounts strategy project for NLB at the IMB programme" width="576" height="768">
|
<img src="../assets/images/project-governance.jpg" alt="University governance and accreditation context" width="1600" height="900" loading="lazy">
|
||||||
<span class="project-card__tag">Consulting</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="project-card__body">
|
<div class="projects-featured-card__body">
|
||||||
<span class="project-card__meta">IMB x NLB Slovenia</span>
|
<div class="projects-meta">
|
||||||
<h2 class="project-card__title">NLB Individual Investment Accounts Strategy</h2>
|
<span class="projects-date">2023 - 2024</span>
|
||||||
<p class="project-card__text">Within the IMB programme, our team developed a strategy for NLB's new Individual Investment Accounts product in Slovenia, combining primary data research, segmentation, positioning, personas, customer journey work, and practical marketing recommendations.</p>
|
<span class="projects-tag">Governance</span>
|
||||||
<div class="project-card__outcome">
|
|
||||||
<span class="icon-circle">
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M4 19h16v2H4zm2-4h3v3H6zm5-6h3v9h-3zm5-4h3v13h-3z"/></svg>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<p class="project-card__outcome-title">Key Outcome</p>
|
|
||||||
<p class="project-card__outcome-text">Delivered an actionable strategy framework for positioning INR with clear target segments, customer insights, messaging priorities, and launch-path recommendations.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<h3 class="projects-featured-card__title">Institutional Evaluation & Accreditation Representation</h3>
|
||||||
|
<p class="projects-featured-card__summary">Represented the student body in FINEEC, EQUIS, and BSIS processes at the School of Economics and Business, University of Ljubljana.</p>
|
||||||
|
<span class="projects-featured-card__cta">Jump to timeline entry</span>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</a>
|
||||||
|
|
||||||
<article class="card project-card" data-category="consulting" data-animate>
|
<a class="projects-featured-card" href="#project-meet-student-slovenia" data-animate>
|
||||||
<div class="project-card__media">
|
<div class="projects-featured-card__media">
|
||||||
<img src="../assets/images/project-perles-atech.jfif" alt="Student consulting team in discussion with Perles and ATech Electronics" width="1024" height="768">
|
<img src="../assets/images/project-nlb-inr.jfif" alt="Student-focused panel and presentation setting" width="576" height="768" loading="lazy">
|
||||||
<span class="project-card__tag">Consulting</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="project-card__body">
|
<div class="projects-featured-card__body">
|
||||||
<span class="project-card__meta">Student Intern Consultant - Feb 2025 to Jun 2025</span>
|
<div class="projects-meta">
|
||||||
<h2 class="project-card__title">Perles / ATech Business Model & Marketing Strategy</h2>
|
<span class="projects-date">2022 - 2024</span>
|
||||||
<p class="project-card__text">Worked as part of a student consulting team researching the power tools market for the Perles brand, mapping customer needs, and co-developing a refreshed business model together with a sharper marketing strategy.</p>
|
<span class="projects-tag">Institutional Collaboration</span>
|
||||||
<div class="project-card__outcome">
|
|
||||||
<span class="icon-circle">
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="m16 6 2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4L19.71 9.7 22 12V6z"/></svg>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<p class="project-card__outcome-title">Key Outcome</p>
|
|
||||||
<p class="project-card__outcome-text">Co-created and presented recommendations covering refurbished products, a digital community concept, and brand-level strategic directions for management and academic mentors.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<h3 class="projects-featured-card__title">Meet Student Slovenia</h3>
|
||||||
|
<p class="projects-featured-card__summary">Co-organized a multi-year event series with NLB Bank and institutional stakeholders for prospective students from North Macedonia.</p>
|
||||||
|
<span class="projects-featured-card__cta">Jump to timeline entry</span>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</a>
|
||||||
|
|
||||||
<article class="card project-card" data-category="innovation" data-animate>
|
<a class="projects-featured-card" href="#project-krushevo-22" data-animate>
|
||||||
<div class="project-card__media">
|
<div class="projects-featured-card__media">
|
||||||
<img src="../assets/images/project-greenie.jpg" alt="Interior green wall and glass architecture in a sustainable building" width="1440" height="900" loading="lazy">
|
<img src="../assets/images/project-youth.jpg" alt="Youth conference moderation and panel discussion setting" width="1440" height="900" loading="lazy">
|
||||||
<span class="project-card__tag">Innovation</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="project-card__body">
|
<div class="projects-featured-card__body">
|
||||||
<span class="project-card__meta">Circular Economy</span>
|
<div class="projects-meta">
|
||||||
<h2 class="project-card__title">The Greenie Concept</h2>
|
<span class="projects-date">Apr 2024 - Sep 2024</span>
|
||||||
<p class="project-card__text">Developed a circular economy framework for urban workspaces, focused on shared energy thinking, sustainability, and long-term viability.</p>
|
<span class="projects-tag">Conference Moderation</span>
|
||||||
<div class="project-card__outcome">
|
|
||||||
<span class="icon-circle">
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm1 17.93V18h-2v1.93c-3.95-.49-7-3.85-7-7.93 0-4.42 3.58-8 8-8s8 3.58 8 8c0 4.08-3.05 7.44-7 7.93z"/></svg>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<p class="project-card__outcome-title">Key Outcome</p>
|
|
||||||
<p class="project-card__outcome-text">Positioned the concept as a scalable sustainability-oriented model with strong regional relevance.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<h3 class="projects-featured-card__title">22nd International Youth Conference Krushevo</h3>
|
||||||
|
<p class="projects-featured-card__summary">Supported conference preparation and moderated Real Talk dialogue on youth economic empowerment pathways.</p>
|
||||||
|
<span class="projects-featured-card__cta">Jump to timeline entry</span>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</a>
|
||||||
|
|
||||||
<article class="card project-card" data-category="moderation institutional" data-animate>
|
|
||||||
<div class="project-card__media">
|
|
||||||
<img src="../assets/images/project-youth.jpg" alt="Moderator speaking to a youth audience at a leadership event" width="1440" height="900" loading="lazy">
|
|
||||||
<span class="project-card__tag">Moderation</span>
|
|
||||||
</div>
|
|
||||||
<div class="project-card__body">
|
|
||||||
<span class="project-card__meta">Youth Leadership</span>
|
|
||||||
<h2 class="project-card__title">Global Youth Leadership Summit</h2>
|
|
||||||
<p class="project-card__text">Led moderation for a high-stakes youth summit, facilitating dialogue between participants, institutions, and external partners.</p>
|
|
||||||
<div class="project-card__outcome">
|
|
||||||
<span class="icon-circle">
|
|
||||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<p class="project-card__outcome-title">Key Outcome</p>
|
|
||||||
<p class="project-card__outcome-text">Created a credible forum for structured discussion, public visibility, and youth-facing institutional engagement.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section">
|
<section class="section section--tight projects-timeline-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-banner" data-animate>
|
<div class="projects-timeline-chapters">
|
||||||
<div class="cta-banner__content">
|
<section class="projects-chapter" data-animate>
|
||||||
<h2 class="cta-banner__title">Ready to collaborate?</h2>
|
<header class="projects-chapter__header">
|
||||||
<p class="cta-banner__text">Open to conversations around institutional advisory work, project leadership, and structured collaboration.</p>
|
<h2 class="projects-chapter__title">University & Professional Chapter</h2>
|
||||||
<div class="cta-banner__actions">
|
<span class="projects-chapter__range">2022 - Present</span>
|
||||||
<a class="button button--secondary" href="../contact/">Request Collaboration</a>
|
</header>
|
||||||
<a class="button button--secondary" href="../cv/">View Full CV</a>
|
|
||||||
|
<div class="projects-timeline">
|
||||||
|
<article class="projects-entry projects-entry--split" id="project-nlb-inr" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__media">
|
||||||
|
<img src="../designs/design-projects/NLB%20project%20INR%202026.jfif" alt="NLB Individual Investment Accounts project presentation context" width="1200" height="900" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2026</span>
|
||||||
|
<span class="projects-tag">Strategy & Consulting</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">NLB Individual Investment Accounts Strategy</h3>
|
||||||
|
<p class="projects-entry__text">IMB x NLB Slovenia. Within the IMB programme, our team developed a strategy for NLB's new Individual Investment Accounts product in Slovenia, combining primary data research, segmentation, positioning, personas, customer journey work, and practical marketing recommendations.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Key outcome:</strong> Delivered an actionable strategy framework for positioning INR with clear target segments, customer insights, messaging priorities, and launch-path recommendations.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry projects-entry--split projects-entry--offset" id="project-perles-atech" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__media">
|
||||||
|
<img src="../designs/design-projects/Perles-Atech%20Project%202025.jfif" alt="Perles and ATech project consulting team context" width="1200" height="900" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">Feb 2025 - Jun 2025</span>
|
||||||
|
<span class="projects-tag">Student Consulting</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Perles / ATech Business Model & Marketing Strategy</h3>
|
||||||
|
<p class="projects-entry__text">Student Intern Consultant. Worked as part of a student consulting team researching the power tools market for the Perles brand, mapping customer needs, and co-developing a refreshed business model together with a sharper marketing strategy.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Key outcome:</strong> Co-created and presented recommendations covering refurbished products, a digital community concept, and brand-level strategic directions for management and academic mentors.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry projects-entry--split" id="project-accreditation" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__media">
|
||||||
|
<img src="../assets/images/project-governance.jpg" alt="Institutional evaluation and accreditation context" width="1600" height="900" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2023 - 2024</span>
|
||||||
|
<span class="projects-tag">Governance & Institutional Impact</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Institutional Evaluation & Accreditation Representation</h3>
|
||||||
|
<p class="projects-entry__text">School of Economics and Business, University of Ljubljana. Represented the student body in international evaluation and accreditation processes (FINEEC, EQUIS, BSIS), contributing student perspectives in official discussions with external evaluators on academic quality, institutional development, and student experience.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Shared insights on faculty impact across education, internationalization, and community engagement, supporting successful accreditation outcomes and renewal of key international quality labels.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-meet-student-slovenia" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2022 - 2024</span>
|
||||||
|
<span class="projects-tag">Event / Institutional Collaboration</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Meet Student Slovenia</h3>
|
||||||
|
<p class="projects-entry__text">Co-organized a multi-year event series in partnership with NLB Bank and institutional stakeholders to prepare prospective students from North Macedonia for studying in Slovenia through panel discussions and open Q&A sessions.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Supported planning, speaker coordination, and execution across three consecutive editions, reaching 200+ attendees per event and providing practical guidance on academic, administrative, and lifestyle aspects of studying abroad.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry projects-entry--split projects-entry--offset" id="project-krushevo-22" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__media">
|
||||||
|
<img src="../assets/images/project-youth.jpg" alt="International youth conference moderation context" width="1440" height="900" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">Apr 2024 - Sep 2024</span>
|
||||||
|
<span class="projects-tag">Conference Moderation</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">International Preparatory Group Member & Real Talk Moderator - 22nd International Youth Conference Krushevo</h3>
|
||||||
|
<p class="projects-entry__text">Associated with Macedonian Student Organization in Slovenia. As part of the International Preparatory Group, collaborated with the alumni network to shape the conference agenda, select panelists, and promote the event under the theme "European Values for the Future of SEE Countries."</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Moderated the session "DigiPath for Youth Possibilities: Exploring Economic Empowerment Pathways," facilitating dialogue between youth participants and distinguished experts.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-conference-synergy" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">Jul 2024 - Sep 2024</span>
|
||||||
|
<span class="projects-tag">Conference</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Conference: From Slovenia to North Macedonia - Synergy of Education and Business</h3>
|
||||||
|
<p class="projects-entry__text">Associated with Macedonian Student Organization in Slovenia. Co-organized the conference held on September 25, 2024, with the Embassy of the Republic of Slovenia in Skopje and the Association of Slovenian and Macedonian Businessmen, convening youth, government officials, and business leaders.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Integrated insights from 50 young professionals across Slovenia, the Netherlands, Norway, the USA, and the UK to present practical recommendations connecting education and business, with a focus on return pathways and professional integration in North Macedonia.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-student-ambassador" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2023 - Present</span>
|
||||||
|
<span class="projects-tag">Student Engagement & International Support</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">International Student Ambassador</h3>
|
||||||
|
<p class="projects-entry__text">University of Ljubljana. Supported prospective and incoming international students through info sessions, one-on-one guidance, and ongoing communication, answering hundreds of inquiries via email and social media.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Co-created and appeared in the "Chat with International Student Ambassadors" video series, supported online informative days, and guided students through administrative procedures, including residence permit applications.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-povezani-ef" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2022 - 2027</span>
|
||||||
|
<span class="projects-tag">Student Organisation & Event Support</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Member - Povezani EF</h3>
|
||||||
|
<p class="projects-entry__text">School of Economics and Business, University of Ljubljana. Contributed to organizing student events, campaigns, and faculty initiatives through promotional activities, on-site coordination, and student engagement.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Supported creation of video and promotional materials and participated in outreach efforts that connected and informed the student community.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section section--tight projects-timeline-section projects-timeline-section--alt">
|
||||||
|
<div class="container">
|
||||||
|
<section class="projects-chapter" data-animate>
|
||||||
|
<header class="projects-chapter__header">
|
||||||
|
<h2 class="projects-chapter__title">High School Chapter</h2>
|
||||||
|
<span class="projects-chapter__range">2017 - 2021</span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="projects-timeline">
|
||||||
|
<article class="projects-entry" id="project-student-council" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2018 - 2019, 2020 - 2021</span>
|
||||||
|
<span class="projects-tag">Leadership & School Governance</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">President of the Student Council</h3>
|
||||||
|
<p class="projects-entry__text">Gymnasium "Nikola Karev", Skopje. Led a 36-member student council, coordinating student representation, organizing school-wide initiatives, and working directly with school leadership.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Delivered events, restructured internal rules, and supported the school's transition during COVID.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-peer-mediation" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2018 - 2020</span>
|
||||||
|
<span class="projects-tag">Conflict Resolution & Student Engagement</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Peer Mediation & Forum Theatre Initiative</h3>
|
||||||
|
<p class="projects-entry__text">Gymnasium "Nikola Karev", Skopje. Trained as a peer mediator and worked directly with students to resolve conflicts and address bullying through guided communication and mediation techniques.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Co-created and performed a forum theatre programme using real-life conflict scenarios to raise awareness and engage students in collaborative problem-solving.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-red-cross-youth" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2017 - 2021</span>
|
||||||
|
<span class="projects-tag">Community Leadership</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Red Cross - Youth Club (Karposh, Skopje)</h3>
|
||||||
|
<p class="projects-entry__text">Delivered peer workshops in high schools on blood donation, sexual health, and first aid, and helped organize humanitarian campaigns and volunteer activities.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Served in the Youth Club Coordinating Body, supporting volunteer coordination and planning youth-led initiatives.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-humanko" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2018 - 2021</span>
|
||||||
|
<span class="projects-tag">Social Inclusion & Education</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">HUMANKO Project (Red Cross)</h3>
|
||||||
|
<p class="projects-entry__text">Worked directly with children with disabilities and from socially vulnerable families through tutoring, social activities, and multi-day camps, supporting their learning, integration, and daily activities.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Helped organize and run summer camps, including fundraising, logistics, and on-site coordination.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="projects-entry" id="project-unicef" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2020</span>
|
||||||
|
<span class="projects-tag">Media & Youth Policy Engagement</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">UNICEF Young Reporter</h3>
|
||||||
|
<p class="projects-entry__text">UNICEF North Macedonia. Created written and video content during COVID to inform and engage young audiences on education, wellbeing, and social issues while completing weekly training in journalism, media literacy, and digital content creation.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Contributed youth perspectives in regional UNICEF consultations and participated in the "Kids Takeover" initiative focused on education and digital learning improvements during COVID.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section section--tight projects-timeline-section">
|
||||||
|
<div class="container">
|
||||||
|
<section class="projects-chapter" data-animate>
|
||||||
|
<header class="projects-chapter__header">
|
||||||
|
<h2 class="projects-chapter__title">Early Foundations</h2>
|
||||||
|
<span class="projects-chapter__range">2013 - 2017</span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="projects-timeline">
|
||||||
|
<article class="projects-entry" id="project-scouts" data-animate>
|
||||||
|
<span class="projects-entry__dot" aria-hidden="true"></span>
|
||||||
|
<div class="projects-entry__content">
|
||||||
|
<div class="projects-meta">
|
||||||
|
<span class="projects-date">2013 - 2017</span>
|
||||||
|
<span class="projects-tag">Early Leadership Foundations</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="projects-entry__title">Scouts of the Republic of Macedonia</h3>
|
||||||
|
<p class="projects-entry__text">Took part in multi-day camps, navigation and survival exercises, and small-group leadership activities, where I led peers in field tasks, coordinated group movement, and handled challenges in unfamiliar environments.</p>
|
||||||
|
<p class="projects-entry__impact"><strong>Impact:</strong> Developed team coordination under pressure, quick decision-making habits, and operational readiness in changing conditions.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section section--tight projects-final-cta-section">
|
||||||
|
<div class="container">
|
||||||
|
<div class="projects-final-cta" data-animate>
|
||||||
|
<h2 class="projects-final-cta__title">Interested in collaboration or project-based work?</h2>
|
||||||
|
<div class="projects-final-cta__actions">
|
||||||
|
<a class="button button--primary" href="../contact/">Get in touch</a>
|
||||||
|
<a class="button button--secondary" href="../cv/">View CV</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -176,7 +368,7 @@
|
||||||
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
||||||
<a class="site-footer__link" href="../assets/documents/cv_full.pdf" target="_blank" rel="noreferrer">Download CV</a>
|
<a class="site-footer__link" href="../assets/documents/cv_full.pdf" target="_blank" rel="noreferrer">Download CV</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-footer__meta">Curated projects and measurable outcomes</div>
|
<div class="site-footer__meta">Chronological project timeline</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue