"./css/base/_base.css" : """ /* ========================================================================== Base Styles ========================================================================== */ /** * 1. Temeljni stili za celotno stran (box-sizing, osnovna pisava, barve). * 2. Definicija glavnega `.container` razreda za omejitev širine vsebine. * 3. Pravilo za preprečevanje drsenja strani, ko je mobilni meni odprt. */ /* 1. Temeljni stili */ html, body { overflow-x: hidden; /* Preprečuje horizontalno drsenje na najvišji ravni */ } body { font-family: 'Inter', sans-serif; margin: 0; background-color: #FFFFFF; color: #101828; } /* Prepreči drsenje strani, ko je mobilni meni odprt */ body.nav-open { overflow: hidden; } /* 2. Glavni container */ .container { width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 32px; box-sizing: border-box; } /* ========================================================================== Mobile Base Styles ========================================================================== */ @media (max-width: 768px) { body { /* Odmik na vrhu telesa strani zaradi fiksne glave na mobilnih napravah. Ta stil je tukaj, ker vpliva na celotno stran. */ padding-top: 60px; } .container { width: 100%; padding: 0 24px; } }""" "./css/base/_typography.css" : """ """ "./css/components/_buttons.css" : """ /* ========================================================================== Buttons Styles ========================================================================== */ /** * Ta datoteka vsebuje stile za vse ponovno uporabljive gumbe na spletni strani. * * 1. Osnovni stil za gumbe (.btn) * 2. Različice gumbov (.btn-primary, .btn-primary-orange, .btn-secondary) * 3. Gumbi z ikonami (.social-icon-btn) * 4. Posebni gumbi (.play-button) * 5. Stili za gumbe na mobilnih napravah */ /* 1. Osnovni stil za gumbe */ .btn { padding: 10px 18px; border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 24px; cursor: pointer; border: 1px solid transparent; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); text-decoration: none; display: inline-block; text-align: center; } /* 2. Različice gumbov */ .btn-primary { background-color: #2D738C; color: #FFFFFF; border-color: #2D738C; } .btn-primary-orange { background: #FA7850; color: #FFFFFF; padding: 16px 28px; font-size: 18px; line-height: 28px; } .btn-secondary { background-color: #FFFFFF; color: #344054; border: 1px solid #D0D5DD; } /* 3. Gumbi z ikonami */ .social-icon-btn { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); color: #98A2B3; font-size: 18px; text-decoration: none; } /* 4. Posebni gumbi */ .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(255, 255, 255, 0.56); border-radius: 50%; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; } .play-button::after { content: ''; width: 0; height: 0; border-left: 24px solid white; border-top: 14px solid transparent; border-bottom: 14px solid transparent; margin-left: 5px; } /* ========================================================================== Mobile Buttons Styles ========================================================================== */ @media (max-width: 768px) { .btn-primary-orange { width: auto; padding: 16px 28px; border-radius: 12px; font-size: 16px; } .play-button { width: 42px; height: 42px; } .play-button::after { border-left-width: 14px; border-top-width: 8px; border-bottom-width: 8px; } }""" "./css/components/_cards.css" : """ /* ========================================================================== Cards Styles ========================================================================== */ /** * Ta datoteka vsebuje stile za vse ponovno uporabljive komponente v obliki kartic. * * 1. Kartice z novicami (.news-card) * 2. Kartice s pričevanji (.testimonial-card) * 3. Kartice s projekti/objavami (.post-card) * 4. Stili za kartice na mobilnih napravah */ /* 1. Kartice z novicami (.news-card) */ .news-card { width: 405.33px; background: transparent; text-align: left; } .news-card img { width: 100%; height: 240px; object-fit: cover; border-radius: 8px; margin-bottom: 32px; } .news-card .card-content { color: #FFFFFF; } .news-card .author { font-size: 14px; font-weight: 600; margin-bottom: 12px; } .news-card h3 { font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 12px; } .news-card p { font-size: 16px; line-height: 24px; } /* 2. Kartice s pričevanji (.testimonial-card) */ .testimonial-card { padding: 24px 24px 40px; border: 1px solid #D0D5DD; border-radius: 16px; } .testimonial-column .testimonial-card:nth-child(even) { background: #F9FAFB; } .testimonial-card h3 { font-size: 24px; font-weight: 600; line-height: 1.2; color: #000000; margin-bottom: 24px; } .testimonial-card p { font-size: 16px; line-height: 1.2; color: #646E82; margin-bottom: 24px; } .author-info { display: flex; align-items: center; gap: 16px; } .author-info img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } .author-info h4 { font-size: 18px; font-weight: 600; margin: 0 0 6px 0; color: #000000; } .author-info p { font-size: 16px; margin: 0; color: #2D738C; } /* Specifična pravila za barve znotraj pričevanj */ .testimonial-card:nth-child(3) .author-info h4, .testimonial-card:nth-child(3) .author-info p { color: #2D738C; } .testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info h4, .testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info h4, .testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info p, .testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info p { color: #646E82; } /* 3. Kartice s projekti/objavami (.post-card) */ .post-card { display: flex; flex-direction: column; } .post-link { text-decoration: none; color: inherit; } .post-image { width: 100%; height: 240px; object-fit: cover; border-radius: 8px; margin-bottom: 32px; } .post-meta { font-size: 14px; font-weight: 600; color: #FA7850; margin: 0 0 12px; } .post-title { font-size: 24px; font-weight: 600; line-height: 32px; color: #101828; margin: 0 0 12px; } .post-excerpt { font-size: 16px; line-height: 24px; color: #667085; margin: 0; } /* ========================================================================== Mobile Cards Styles ========================================================================== */ @media (max-width: 768px) { /* Kartice z novicami */ .news-card { width: 100%; max-width: 321px; } /* Kartice s pričevanji */ .testimonial-card { flex: 0 0 291px; scroll-snap-align: start; margin-right: 24px; } }""" "./css/layout/_footer.css" : """ /* ========================================================================== Footer Styles ========================================================================== */ /** * Ta datoteka vsebuje stile za nogo (footer) spletne strani. * * 1. Glavni kontejner za nogo * 2. Vsebina noge (informacije, logotip, socialne ikone) * 3. Povezave v nogi * 4. Spodnji del noge (copyright, pravne povezave) * 5. Stili za nogo na mobilnih napravah */ /* 1. Glavni kontejner za nogo */ footer { background: #2D738C; color: #FFFFFF; padding: 64px 0 88px; } .footer-container { width: 1280px; margin: 0 auto; } .footer-main { display: flex; justify-content: space-between; margin-bottom: 64px; } /* 2. Vsebina noge (informacije, logotip, socialne ikone) */ .footer-info { width: 302px; } .footer-logo { margin-bottom: 48px; } .footer-logo img { height: auto; width: 200px; object-fit: contain; } .footer-info p { font-size: 16px; line-height: 1.5; margin-bottom: 24px; } .social-icons { display: flex; gap: 24px; } .social-icons a { color: #FFFFFF; font-size: 24px; text-decoration: none; } /* 3. Povezave v nogi */ .footer-links { display: flex; gap: 32px; } .links-column { width: 192px; } .links-column h4 { font-size: 18px; font-weight: 600; margin: 0 0 24px 0; } .links-column a { display: block; color: #FFFFFF; text-decoration: none; font-size: 16px; margin-bottom: 16px; } /* 4. Spodnji del noge (copyright, pravne povezave) */ footer hr { border: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); margin: 0 0 24px 0; } .footer-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .legal-links { display: flex; gap: 24px; } .legal-links a { color: #FFFFFF; text-decoration: none; } /* ========================================================================== Mobile Footer Styles ========================================================================== */ @media (max-width: 768px) { footer { padding: 0; } .footer-container { width: 100%; padding: 0 24px; } .footer-main { flex-direction: column; align-items: flex-start; padding: 48px 0; gap: 48px; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .footer-info { width: 100%; } .footer-logo img { max-width: 161px; height: auto; } .footer-links { flex-direction: column; gap: 40px; width: 100%; } .links-column { width: 100%; } footer hr { display: none; } .footer-bottom { flex-direction: column; gap: 32px; padding: 40px 0; align-items: flex-start; } .legal-links { flex-direction: column; gap: 16px; align-items: flex-start; } }""" "./css/layout/_header.css" : """ /* ========================================================================== Header Styles ========================================================================== */ /** * Ta datoteka vsebuje stile za glavo (header) spletne strani. * * 1. Glavni kontejner za glavo * 2. Vsebina glave (logotip, namizna navigacija) * 3. Gumbi in akcije v glavi (vključno z izbiro jezika) * 4. Stili za mobilno glavo in navigacijo */ /* 1. Glavni kontejner za glavo */ .dropdown-header-navigation { position: absolute; width: 100%; height: 80px; background: #FFFFFF; border-bottom: 1px solid #F2F4F7; display: flex; justify-content: center; align-items: center; z-index: 1000; } /* 2. Vsebina glave (logotip, namizna navigacija) */ .header-content { display: flex; align-items: center; gap: 40px; } .logo-link .logo-img { height: 32px; width: auto; } .navigation.desktop-nav { display: flex; gap: 32px; } .navigation a { text-decoration: none; color: #667085; font-weight: 600; font-size: 16px; padding: 4px 0; } /* 3. Gumbi in akcije v glavi */ .navigation-actions { display: flex; align-items: center; gap: 24px; } /* Stili za izbiro jezika */ .language-selector { position: relative; cursor: pointer; } .current-lang { display: flex; align-items: center; gap: 8px; color: #646E82; padding: 8px; /* Dodan enakomeren padding za lažji klik */ border-radius: 6px; /* Rahlo zaobljeni robovi za lepši videz */ transition: background-color 0.2s ease-in-out; } .current-lang:hover { background-color: #F9FAFB; /* Svetlo ozadje ob prehodu z miško */ } .current-lang span { font-weight: 600; } .current-lang .fa-chevron-down { transition: transform 0.3s ease-in-out; /* Animacija puščice */ } .lang-dropdown { display: block; /* Meni je vedno v DOM-u, vidnost nadzorujemo drugače */ position: absolute; top: calc(100% + 8px); /* Postavi se pod sprožilec z majhnim odmikom */ right: 0; background-color: #FFFFFF; border: 1px solid #EAECF0; border-radius: 8px; box-shadow: 0 8px 16px rgba(0,0,0,0.08); padding: 8px; z-index: 1001; min-width: 180px; /* Tranzicije za gladek prikaz in izginotje */ opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; } /* Stanje, ko je menjalnik jezika odprt (aktiven) */ .language-selector.active .lang-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); /* Zasuka puščico navzgor */ } .lang-dropdown a { display: block; padding: 10px 12px; color: #344054; text-decoration: none; font-weight: 500; font-size: 16px; white-space: nowrap; border-radius: 6px; } .lang-dropdown a:hover { background-color: #F9FAFB; } /* 4. Skrivanje mobilnih elementov na namizju */ .mobile-menu-icon { display: none; } .mobile-nav-panel { display: none; } /* ========================================================================== Mobile Header Styles ========================================================================== */ @media (max-width: 768px) { .dropdown-header-navigation { position: fixed; top: 0; left: 0; right: 0; height: 60px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06); border-bottom: none; z-index: 1002; /* Biti mora nad panelom, ki ima 1001 */ } /* Skrij namizne elemente */ .navigation.desktop-nav { display: none; } .dropdown-header-navigation .container > .navigation-actions { display: none; } /* Prikaži mobilno ikono */ .mobile-menu-icon { display: block; font-size: 24px; color: #101828; cursor: pointer; z-index: 1002; } .mobile-menu-icon .fa-times { display: none; } body.nav-open .mobile-menu-icon .fa-bars { display: none; } body.nav-open .mobile-menu-icon .fa-times { display: block; } /* Stiliziraj mobilni panel */ .mobile-nav-panel { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 48px; position: fixed; top: 60px; /* Začne se pod glavo */ left: 0; width: 100%; height: calc(100vh - 60px); background: #FFFFFF; padding: 40px 24px; box-sizing: border-box; transform: translateX(100%); transition: transform 0.3s ease-in-out; z-index: 1001; /* Pod glavo, a nad vsebino strani */ overflow-y: auto; } /* Logika za odpiranje panela */ body.nav-open .mobile-nav-panel { transform: translateX(0); } .mobile-nav-panel .navigation.mobile-nav { display: flex; flex-direction: column; align-items: center; gap: 24px; } .mobile-nav-panel .navigation a { font-size: 20px; color: #101828; } .mobile-nav-panel .navigation-actions { display: flex; /* Mora biti flex za prikaz vsebine */ flex-direction: column; align-items: center; gap: 16px; width: 100%; } .mobile-nav-panel .navigation-actions .btn { width: 100%; max-width: 300px; } .mobile-nav-panel .language-selector { margin-top: 16px; text-align: center; /* Poskrbi za poravnavo dropdown menija */ } /* Na mobilnih napravah dropdown meni potrebuje malo drugačno pozicijo */ .mobile-nav-panel .lang-dropdown { left: 50%; transform: translateX(-50%); /* Centriranje menija pod ikono */ right: auto; /* Tranzicije so podedovane iz namizne različice */ } }""" "./css/main.css" : """ /* ========================================================================== Main Stylesheet ========================================================================== */ /** * Ta datoteka deluje kot glavna vstopna točka in uvaža vse ostale CSS * datoteke v pravilnem vrstnem redu. Ne dodajajte stilov neposredno sem, * ampak v ustrezne pod-datoteke. * * VRSTNI RED UVAŽANJA: * 1. Base - Osnovni stili (reset, tipografija, itd.) * 2. Layout - Strukturni elementi strani (glava, noga) * 3. Components- Ponovno uporabljivi elementi (gumbi, kartice) * 4. Pages - Stili, specifični za posamezne strani */ /* 1. Base Styles */ @import 'base/_base.css'; @import 'base/_typography.css'; /* 2. Layout Components */ @import 'layout/_header.css'; @import 'layout/_footer.css'; /* 3. Reusable Components */ @import 'components/_buttons.css'; @import 'components/_cards.css'; /* 4. Page-specific Styles */ @import 'pages/_home.css'; @import 'pages/_projects.css'; @import 'pages/_article.css';""" "./css/pages/_article.css" : """ /* ========================================================================== Single Article/Project Page Specific Styles ========================================================================== */ /** * Ta datoteka vsebuje stile, ki se uporabljajo izključno na strani s * posameznim člankom ali projektom. * * 1. Glavna postavitev strani članka * 2. Glava članka (naslov, podnaslov, datum) * 3. Glavna slika in slike v vsebini * 4. Telo članka (vsebina, tipografija, citati) * 5. Noga članka (avtor, deljenje) * 6. Poziv k prijavi na novice (CTA) * 7. Stili za stran s člankom na mobilnih napravah */ /* 1. Glavna postavitev strani članka */ .article-page { padding-top: 80px; background: #FFFFFF; } .article-container { max-width: 1024px; margin: 0 auto; padding: 96px 32px; } /* 2. Glava članka */ .article-header { text-align: center; margin-bottom: 64px; } .article-publish-date { font-size: 16px; font-weight: 600; color: #FA7850; margin-bottom: 12px; } .article-header h1 { font-size: 48px; font-weight: 600; line-height: 60px; letter-spacing: -0.02em; color: #101828; margin: 0; } .article-subtitle { font-size: 20px; line-height: 30px; color: #667085; margin-top: 24px; max-width: 960px; margin-left: auto; margin-right: auto; } /* 3. Glavna slika in slike v vsebini */ .article-main-image { margin: 0 0 64px 0; } .article-main-image img { width: 100%; height: auto; max-height: 516px; object-fit: cover; border-radius: 24px; display: block; margin: 0 auto; } .article-inline-image { margin: 16px 0; display: flex; flex-direction: column; gap: 16px; } .article-inline-image img { width: 100%; border-radius: 16px; } .article-inline-image figcaption { font-size: 14px; color: #667085; text-align: center; } /* 4. Telo članka */ .article-body { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px; } .article-body p, .article-body ol li { font-size: 18px; line-height: 28px; color: #667085; margin: 0; } .article-body h2 { font-size: 30px; font-weight: 600; line-height: 38px; color: #101828; margin: 16px 0; } .article-body ol { padding-left: 24px; display: flex; flex-direction: column; gap: 12px; } /* Stil za citat */ .article-quote { margin: 16px 0; padding-left: 20px; border-left: 2px solid #D0D5DD; display: flex; flex-direction: column; gap: 32px; background: transparent; } .article-quote p { font-family: 'Inter', sans-serif; font-style: italic; font-weight: 500; font-size: 24px; line-height: 36px; color: #101828; margin: 0; } .article-quote footer { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #FA7850; background: transparent; } /* 5. Noga članka */ .article-footer { max-width: 720px; margin: 48px auto 0; background: transparent; } .article-footer hr { border: 0; height: 1px; background-color: #EAECF0; margin: 0 0 24px 0; } .author-share-section { display: flex; justify-content: space-between; align-items: center; } .author-details { display: flex; align-items: center; gap: 16px; } .author-details img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; } .author-name { font-size: 18px; font-weight: 600; color: #101828; margin: 0; } .author-title { font-size: 16px; color: #667085; margin: 0; } .share-buttons { display: flex; align-items: center; gap: 12px; } /* 6. Poziv k prijavi na novice (CTA) */ .newsletter-cta { padding: 0 32px 96px 32px; } .newsletter-cta .container { padding: 64px; background: #F9FAFB; border-radius: 16px; display: flex; justify-content: space-between; align-items: center; max-width: 1216px; gap: 32px; } .newsletter-cta .cta-content { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1; } .newsletter-cta h2 { font-size: 30px; font-weight: 600; line-height: 38px; color: #101828; margin: 0; } .newsletter-cta p { font-size: 20px; line-height: 30px; color: #667085; margin: 0; } .newsletter-cta .subscribe-form-bottom { display: flex; gap: 16px; align-items: flex-start; } .subscribe-form-bottom .input-wrapper { display: flex; flex-direction: column; gap: 8px; } .subscribe-form-bottom input { width: 360px; height: 48px; padding: 12px 16px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-size: 16px; box-sizing: border-box; } .subscribe-form-bottom .btn-primary-orange { height: 48px; padding-top: 12px; padding-bottom: 12px; } /* ========================================================================== Mobile Article Page Styles ========================================================================== */ @media (max-width: 768px) { .article-page { padding-top: 60px; } .article-container { padding: 48px 24px; } .article-header { margin-bottom: 32px; } .article-header h1 { font-size: 32px; line-height: 40px; } .article-subtitle { font-size: 18px; line-height: 28px; } .article-main-image { margin: 0 0 32px 0; width: 100%; position: static; left: auto; right: auto; } .article-main-image img { border-radius: 16px; } .article-body { gap: 32px; } .article-body p { font-size: 16px; line-height: 26px; } .article-body h2 { font-size: 24px; line-height: 32px; } .article-quote p { font-size: 20px; line-height: 30px; } .author-share-section { flex-direction: column; align-items: flex-start; gap: 24px; } .newsletter-cta { padding: 0 24px 64px 24px; } .newsletter-cta .container { flex-direction: column; padding: 32px; gap: 32px; } .newsletter-cta .cta-content, .newsletter-cta .cta-content p { align-items: center; text-align: center; } .newsletter-cta .subscribe-form-bottom { flex-direction: column; width: 100%; align-items: stretch; } .subscribe-form-bottom .input-wrapper { width: 100%; } .subscribe-form-bottom input { width: 100%; } .newsletter-cta .privacy-note { text-align: center; } }""" "./css/pages/_home.css" : """ /* ========================================================================== Home Page Specific Styles ========================================================================== */ /** * Ta datoteka vsebuje stile, ki se uporabljajo izključno na domači strani. * * 1. Hero Section * 2. Meet the Team Section * 3. Activities Section * 4. Latest News Section * 5. Testimonials Section * 6. Become Part Section (vključno z obrazcem) * 7. FAQ Section * 8. Stili za domačo stran na mobilnih napravah */ /* 1. Hero Section */ .hero-section { position: relative; height: 880px; width: 100%; display: flex; align-items: center; overflow: hidden; } .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hero-image-left, .hero-image-right { position: absolute; top: -150px; height: 1030px; width: 50%; background-size: cover; background-position: center; } .hero-image-left { left: 0; transform: matrix(-1, 0, 0, 1, 0, 0); } .hero-image-right { right: 0; } .hero-overlay { position: absolute; top: 79px; left: 0; height: 801px; width: 56.74%; background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%); border-radius: 0px 40px 40px 0px; backdrop-filter: blur(12px); z-index: 2; } .hero-content { position: relative; z-index: 3; color: #FFFFFF; padding-left: 120px; width: 605px; } .hero-content .badge-group { display: inline-flex; align-items: center; padding: 6px 16px; gap: 12px; background: rgba(255, 255, 255, 0.4); border-radius: 16px; margin-bottom: 32px; } .hero-content .message { font-weight: 500; font-size: 14px; } .hero-content h1 { font-weight: 700; font-size: 60px; line-height: 72px; letter-spacing: -0.02em; margin: 0 0 24px 0; } .hero-content p { font-size: 20px; line-height: 30px; margin: 0 0 72px 0; } /* 2. Meet the Team Section */ .meet-the-team-section { display: flex; justify-content: center; align-items: center; padding: 128px 0; gap: 40px; background: #FFFFFF; } .video-container { position: relative; width: 619px; height: 360px; } .video-thumbnail { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(127.76deg, rgba(19, 49, 60, 0.92) -13.16%, rgba(39, 77, 90, 0.08) 98.5%); backdrop-filter: blur(6px); border-radius: 16px; } .team-content { width: 619px; } .team-content h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin: 0 0 20px 0; } .team-content p { font-size: 20px; line-height: 30px; color: #667085; margin: 0 0 56px 0; } /* 3. Activities Section */ .activities-section { padding: 128px 80px; background: #F9FAFB; } .activities-header { text-align: center; margin-bottom: 96px; } .activities-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 20px; } .activities-header p { font-size: 20px; line-height: 30px; color: #667085; max-width: 768px; margin: 0 auto; } .activities-content { display: flex; gap: 109px; max-width: 1232px; margin: 0 auto; } .activities-nav { width: 302px; display: flex; flex-direction: column; justify-content: space-between; } .activities-nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 40px; } .activities-nav li { font-size: 20px; color: #646E82; cursor: pointer; position: relative; padding-left: 48px; } .activities-nav li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 2px; background-color: #646E82; } .activities-nav li.active { font-size: 24px; font-weight: 600; color: #000000; } .activity-details { width: 821px; } .activity-details p { font-size: 20px; line-height: 30px; color: #667085; margin-bottom: 40px; } .activity-details img { width: 100%; height: 400px; object-fit: cover; border-radius: 24px; } /* 4. Latest News Section */ .latest-news-section { padding: 128px 0; background: #2D738C; text-align: center; } .news-header { margin-bottom: 64px; } .news-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #FFFFFF; margin-bottom: 20px; } .news-header p { font-size: 20px; line-height: 30px; color: #FFFFFF; max-width: 768px; margin: 0 auto; } .news-articles { display: flex; justify-content: center; gap: 32px; margin-bottom: 64px; } /* 5. Testimonials Section */ .testimonials-section { padding: 128px 80px; display: flex; justify-content: center; align-items: center; gap: 24px; } .testimonials-intro { width: 411px; flex-shrink: 0; } .testimonials-intro h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 24px; } .testimonials-intro p { font-size: 20px; line-height: 30px; color: #667085; } .testimonials-columns { display: flex; gap: 24px; width: 846px; height: 800px; overflow-y: scroll; padding-right: 15px; } .testimonials-columns::-webkit-scrollbar { width: 5px; } .testimonials-columns::-webkit-scrollbar-thumb { background: #D0D5DD; border-radius: 10px; } .testimonial-column { display: flex; flex-direction: column; gap: 48px; width: 411px; } .column-offset { margin-top: 80px; } /* 6. Become Part Section */ .become-part-section { padding: 128px 0; background: #F9FAFB; text-align: center; } .become-part-header { margin-bottom: 64px; } .become-part-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 20px; } .become-part-header p { font-size: 20px; line-height: 30px; color: #646E82; } .team-photo { width: 1232px; height: 400px; object-fit: cover; border-radius: 24px; margin: 0 auto 96px; display: block; } /* Stili za obrazec znotraj sekcije */ .contact-form-container { max-width: 800px; margin: 0 auto; } .contact-form { display: flex; flex-direction: column; gap: 24px; text-align: left; } .form-row { display: flex; gap: 32px; } .form-group { flex: 1; display: flex; flex-direction: column; } .form-group label { font-size: 14px; font-weight: 500; color: #344054; margin-bottom: 6px; } .form-group input, .form-group textarea, .form-group select { padding: 12px 16px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-size: 16px; background: #FFFFFF; color: #646E82; font-family: 'Inter', sans-serif; } .form-group input::placeholder, .form-group textarea::placeholder { color: #646E82; } .phone-input { display: flex; border: 1px solid #D0D5DD; border-radius: 8px; overflow: hidden; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); } .phone-input select { border: none; border-right: 1px solid #D0D5DD; border-radius: 0; box-shadow: none; } .phone-input input { border: none; flex-grow: 1; box-shadow: none; } .checkbox-group { flex-direction: row; align-items: center; gap: 12px; } .checkbox-group input { width: 20px; height: 20px; } .checkbox-group label { margin: 0; color: #646E82; } .checkbox-group label a { color: #2D738C; } .contact-form button { width: 100%; padding: 12px 20px; font-size: 16px; } /* 7. FAQ Section */ .faq-section { padding: 128px 0; text-align: center; } .faq-header { margin-bottom: 64px; } .faq-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 20px; } .faq-header p { font-size: 20px; line-height: 30px; color: #667085; max-width: 768px; margin: 0 auto; } .faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px 32px; max-width: 1232px; margin: 0 auto 64px; text-align: left; } .faq-item { display: flex; flex-direction: column; gap: 20px; } .faq-icon-container { width: 48px; height: 48px; background: rgba(39, 77, 90, 0.08); border-radius: 24px; display: flex; justify-content: center; align-items: center; color: #2D738C; font-size: 22px; } .faq-item h3 { font-size: 20px; font-weight: 600; color: #101828; margin: 0; } .faq-item p { font-size: 16px; line-height: 24px; color: #667085; margin: 0; } .faq-footer { max-width: 1232px; margin: 0 auto; padding: 40px 32px; background: #F9FAFB; border-radius: 16px; display: flex; flex-direction: column; align-items: center; gap: 8px; } .faq-footer h3 { font-size: 20px; font-weight: 500; color: #101828; margin: 16px 0 0 0; } .faq-footer p { font-size: 18px; color: #667085; margin: 0 0 32px 0; } .avatar-group { display: flex; position: relative; width: 120px; height: 56px; } .avatar { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid #FFFFFF; position: absolute; top: 8px; object-fit: cover; } .avatar:nth-child(1) { left: 0; z-index: 3;} .avatar:nth-child(2) { left: 50%; transform: translateX(-50%); top:0; z-index: 2;} .avatar:nth-child(3) { right: 0; z-index: 1;} .avatar.large { width: 56px; height: 56px; } /* ========================================================================== Mobile Home Page Styles ========================================================================== */ @media (max-width: 768px) { /* Mobile Hero Section */ .hero-section { height: 600px; margin-top: 0; align-items: flex-start; } .hero-overlay, .hero-image-left, .hero-image-right { display: none; } .hero-background { background: url('../images/2.hero.jpg') no-repeat center center/cover; } .hero-background::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%); } .hero-content { padding: 64px 24px; width: 100%; box-sizing: border-box; } .hero-content h1 { font-size: 40px; line-height: 48px; letter-spacing: -0.03em; } .hero-content p { font-size: 16px; line-height: 24px; margin-bottom: 64px; } .hero-content .badge-group { border-radius: 37px; } /* Mobile Meet the Team Section */ .meet-the-team-section { flex-direction: column; padding: 64px 24px; gap: 40px; } .video-container, .team-content { width: 100%; max-width: 327px; } .video-container { height: 190px; } .team-content h2 { font-size: 32px; line-height: 40px; text-align: center; } .team-content p { font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 32px; } .team-content .btn-secondary { margin: 0 auto; display: block; width: 124px; height: 44px; } /* Mobile Activities Section */ .activities-section { padding: 64px 0; } .activities-header { padding: 0 24px; margin-bottom: 48px; } .activities-header h2 { font-size: 32px; line-height: 40px; } .activities-header p { font-size: 16px; line-height: 24px; } .activities-content { flex-direction: column; align-items: center; gap: 32px; padding: 0 24px; } .activities-nav { width: 100%; max-width: 326px; gap: 32px; } .activities-nav ul { width: 100%; gap: 16px; } .activities-nav li { display: flex; justify-content: space-between; align-items: center; padding: 16px; background: rgba(208, 213, 221, 0.5); border-radius: 8px; font-size: 16px; font-weight: 600; color: #000; } .activities-nav li::before { display: none; } .activities-nav li.active::after { content: ' '; display: inline-block; border: solid black; border-width: 0 2px 2px 0; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .activities-nav .btn-primary-orange { align-self: center; } .activity-details { width: 100%; max-width: 327px; } .activity-details p { font-size: 16px; line-height: 24px; } .activity-details img { height: 300px; border-radius: 16px; } /* Mobile Latest News Section */ .latest-news-section { padding: 64px 24px; } .news-header, .news-articles { margin-bottom: 48px; } .news-header h2 { font-size: 32px; line-height: 40px; } .news-header p { font-size: 16px; line-height: 24px; } .news-articles { flex-direction: column; align-items: center; gap: 48px; } /* Mobile Testimonials Section */ .testimonials-section { flex-direction: column; padding: 64px 0; align-items: center; gap: 32px; } .testimonials-intro { width: 100%; padding: 0 24px; text-align: center; box-sizing: border-box; } .testimonials-intro h2 { font-size: 32px; line-height: 40px; } .testimonials-intro p { font-size: 16px; line-height: 24px; } .testimonials-columns { display: flex; flex-direction: row; width: 100%; height: auto; overflow-x: auto; overflow-y: hidden; padding: 0 24px; box-sizing: border-box; scroll-snap-type: x mandatory; } .testimonials-columns::-webkit-scrollbar { display: none; } .testimonial-column { display: contents; } .column-offset { margin-top: 0; } /* Mobile Become Part Section */ .become-part-section { padding: 64px 16px; } .become-part-header { margin-bottom: 48px; } .become-part-header h2 { font-size: 32px; line-height: 40px; } .become-part-header p { font-size: 16px; line-height: 24px; } .team-photo { width: 100%; height: auto; margin-bottom: 48px; } .contact-form-container { width: 100%; padding: 0; } .form-row { flex-direction: column; gap: 24px; } /* Mobile FAQ Section */ .faq-section { padding: 64px 16px; } .faq-header { margin-bottom: 48px; } .faq-header h2 { font-size: 32px; line-height: 40px; } .faq-header p { font-size: 18px; line-height: 28px; } .faq-grid { grid-template-columns: 1fr; gap: 40px; padding: 0 8px; } .faq-item { align-items: center; } .faq-item h3, .faq-item p { text-align: center; } .faq-footer { width: 100%; box-sizing: border-box; padding: 32px 20px; } }""" "./css/pages/_projects.css" : """ /* ========================================================================== Projects Page Specific Styles (Listing Page) ========================================================================== */ /** * Ta datoteka vsebuje stile, ki se uporabljajo izključno na strani s * seznamom vseh projektov. * * 1. Glava strani (naslov, opis, obrazec za prijavo) * 2. Sekcija z vsemi objavami (mreža) * 3. Paginacija * 4. Stili za stran s projekti na mobilnih napravah */ /* 1. Glava strani */ .page-content { padding-top: 80px; /* Odmik za fiksno glavo */ } .page-header-section { padding: 96px 0; background: #FFFFFF; text-align: center; } .page-header-section .container.text-center { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 960px; } .page-subtitle { font-weight: 600; font-size: 16px; color: #FA7850; } .page-header-section h1 { font-weight: 600; font-size: 48px; line-height: 60px; letter-spacing: -0.02em; color: #101828; margin: 0; } .page-description { font-size: 20px; line-height: 30px; color: #667085; max-width: 768px; margin: 0; } .subscribe-form { display: flex; gap: 16px; margin-top: 16px; } .subscribe-form input { width: 360px; height: 48px; padding: 12px 16px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-size: 16px; box-sizing: border-box; } .subscribe-form .btn { height: 48px; } .privacy-note { font-size: 14px; color: #667085; margin-top: -8px; } .privacy-note a { color: #667085; font-weight: 500; } /* 2. Sekcija z vsemi objavami */ .all-posts-section { padding: 0 80px 96px; } .all-posts-section .container.column-layout { flex-direction: column; align-items: flex-start; gap: 64px; } .all-posts-section h2 { font-size: 24px; font-weight: 600; line-height: 32px; color: #101828; margin: 0; } .posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px; width: 100%; } /* 3. Paginacija */ .pagination { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid #EAECF0; } .pagination-arrow { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #667085; text-decoration: none; } .pagination-numbers { display: flex; gap: 2px; } .page-number { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 500; color: #667085; } .page-number.active { background-color: rgba(102, 112, 133, 0.16); color: #2D738C; } .page-dots { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #667085; } /* ========================================================================== Mobile Projects Page Styles ========================================================================== */ @media (max-width: 768px) { .page-content { padding-top: 60px; /* Prilagoditev za fiksno glavo */ } .page-header-section { padding: 64px 24px; } .page-header-section h1 { font-size: 32px; line-height: 40px; } .page-description { font-size: 16px; line-height: 24px; } .subscribe-form { flex-direction: column; width: 100%; } .subscribe-form input { width: 100%; } .all-posts-section { padding: 48px 24px; } .all-posts-section .container.column-layout { gap: 32px; } .posts-grid { grid-template-columns: 1fr; gap: 48px; } .pagination { flex-direction: column; gap: 24px; } .pagination-numbers { order: -1; } }""" "./en/index.html" : """ Macedonian Student Organisation in Slovenia
First official MSOS

Empowering young people with skills to change the world

Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.

Team members collaborating

Meet our incredible team!

Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.

Activities

Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.

  • Student representation
  • Education and culture
  • Entertainment and socializing
  • Student support

Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.

A group of students smiling and collaborating

Latest news

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.

Pink and blue tinted image of a snowy mountain peak

Alec Whitten • 17 Jan 2022

Bill Walsh leadership lessons

Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl...

A woman presenting in front of a whiteboard with sticky notes to a team

Demi Wilkinson • 16 Jan 2022

PM mental models

Mental models are simple expressions of complex processes or relationships.

A modern computer desk setup with a large monitor, keyboard, and headphones

Candice Wu • 15 Jan 2022

What is Wireframing?

Introduction to Wireframing and its Principles. Learn from the best in the industry.

See what our partners say about us

Everything you need to know about the product and billing.

How collaboration makes us better

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Aleksandar Popovski

Aleksandar Popovski

Graphic designer at MSOS

Consectetur vitae ac parturient massa

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.

Another team member

Aleksandar Popovski

Graphic designer at MSOS

Proud partners

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Another partner

Aleksandar Popovski

Graphic designer at MSOS

Our collaboration experience

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Another team member

Aleksandar Popovski

Graphic designer at MSOS

Become part of our amazing team

We're a 100% remote team spread all across the world. Join us!

Our amazing team in a classroom setting

Frequently asked questions

Everything you need to know about the product and billing.

Is there a free trial available?

Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.

Can I change my plan later?

Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.

What is your cancellation policy?

We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.

Can other info be added to an invoice?

Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.

How does billing work?

Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.

How do I change my account email?

We understand that things change. You can cancel your plan at any time and we’ll refund you the difference.

""" "./en/projects/index.html" : """ Projects - Macedonian Student Organisation in Slovenia
Our projects

Projects

Subscribe to learn about new product features, the latest in technology, solutions, and updates.

We care about your data in our privacy policy

""" "./en/projects/macedonian-student-night-in-ljubljana/index.html" : """ Macedonian Student Night in Ljubljana - MSOS

Published on October 8, 2022

Macedonian Student Night in Ljubljana

From an idea to a party with 500 students – that's how our story began!

Atmosphere from the Macedonian Student Night in Ljubljana

On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).

How an idea for socializing became the start of a movement

It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.

Preparations and meetings for the Macedonian Student Night
Photos from the preparations and meetings for organizing the Macedonian Student Night.

From that moment on, we spent every free moment in the offices of the student organization Povezani, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.

A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.

Poster where Slovenians learn the Macedonian alphabet
Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.

“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”

— Marko - first-year student (at the time)

The taste and smell of Macedonia in the heart of Ljubljana

The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store “Makedonija Trade,” which selflessly contributed to making this part of the evening truly enjoyable.

Stands with Macedonian symbols, food, and drinks
Photos of the stands with Macedonian symbols, traditional food, and drinks.

In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a gaida up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.

Mini quiz about Macedonia
Mini quiz with questions about Macedonia, where students in one part of the club are competing.

Support from the Macedonian community and diplomacy

The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.

Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski
Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski

We were especially honored to welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.

The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!

“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”

— Hristijan - second-year student (at the time)

A beginning to remember

That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about 500 students came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.

This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.

The dedicated team of volunteers after cleaning up the venue
Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers

Avatar of Kristijan Popovski

Kristijan Popovski

President and Founder

Join 2,000+ subscribers

Stay in the loop with everything you need to know.

We care about your data in our privacy policy

""" "./en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html" : """ Македонска студентска вечер во Љубљана - МСОС

Објавено на 8 октомври 2022

Македонска студентска вечер во Љубљана

Од идеја до журка со 500 студенти – вака започна нашата приказна!

Атмосфера од македонската студентска вечер во Љубљана

На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).

Како една идеја за дружење стана почеток на движење

Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.

Подготовки и состаноци за македонската студентска вечер
Фотографии од подготовките и состаноците за организирање на македонската студентска вечер

Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација „Повезани“, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.

Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.

Хамер со испишани кирилични и латинични букви
Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.

„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“

— Марко – студент во прва година

Вкусот и мирисот на Македонија во срцето на Љубљана

Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи „Македонија Трејд“, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.

Штандови со македонски обележја, традиционална храна и пијалаци
Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.

Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и гајда одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.

Мини квиз со прашања за Македонија
Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат

Поддршка од македонската заедница и дипломатијата

Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.

Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески
Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески

Посебна чест ни беше да ја пречекаме и амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.

Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!

„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“

— Христијан – студент во втора година

Почеток што ќе го паметиме

Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу 500 студенти, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.

Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.

Посветениот тим на волонтери по завршувањето на настанот
Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери

Аватар на Кристијан Поповски

Кристијан Поповски

Претседател и основач

Придружете се на 2.000+ претплатници

Останете во тек со сè што треба да знаете.

Ние се грижиме за вашите податоци во нашата политика за приватност

""" "./en/projects/morning-coffee-in-front-of-ctk/index.html" : """ Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles

Published on June 8, 2024

Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles

When exams somehow become easier with Saturday morning coffee, burek, and good company in at CTK!

Students enjoying coffee and burek in front of CTK library.

On June 8, 2024, from 9 to 12 AM, at the Central Technical Library of the University of Ljubljana (CTK), we organized our already traditional student break – Morning Coffee in at CTK together with the team from Skupina Povezani and CTK. This was the second year in a row that we gathered at the same place, but each time brings new moments to remember.

Beating Exam Stress with Coffee

The exam session always brings stress – hours and hours of studying, conversations revolving only around exams, first and second attempts, passed or not, some taking the exam for the first time, and some for the fifth time. That's why we decided to take a short break to catch our breath: to relax, to laugh, and to remind ourselves that we're in this study stress together.

Students lining up in front of the CTK library building.
Hundreds of students lined up in front of CTK, waiting even before opening to secure a spot in the library on time.

With a cup of hot coffee in hand, and thanks to Burek Olimpija, we enjoyed delicious burek with meat and with cheese. We also tried to bring in a bit of fun – we invited students to bring their own cups, and there was a prize for the most creative ones.

A student smiling while eating a piece of burek.
Free warm burek – the secret formula for solving even the toughest mathematical problems 😉
A group of students with hot coffee posing for the camera.
A group of students with hot coffee, posing for the camera.

We asked two questions that revealed a whole palette of student emotions

For an extra dose of interaction, we set up two big boards with questions that simply make you want to answer: “How do I survive the exam session?" and "Kako bi opisal počutje med izpitnem obdobjem?” (“How would you describe your feelings during the exam period?" in Slovenian).

The reactions were instant – students rushed to write, and the answers were everything but boring: from "chaotic" and “We want to sleep! (not in CTK)!" to "chill", "stressed", "exhausted", "happy" and "sleepy". In other words – a whole spectrum of student emotions, honestly poured into just a few words.

A white board with handwritten student answers about their feelings during the exam period.
Witty and sincere answers on the big question boards at CTK.

How we went from coffee to a flight simulator and 3D printing machines

As a bonus for students, in cooperation with the university's technical library, the program was enriched with a CTK exhibition, where a flight simulator, 3D printers, and other interesting equipment were presented. Students could try them out and then rent them for free at the CTK Creative Studio – part of their educational program.

Coffee and burek = motivation to get up every day and study for 12 hours

Around 150 people visited the joint stand of MSOS, Skupina Povezani, and CTK to hang out, have coffee, grab a snack, and exchange stories among books and deadlines. The event took place in an excellent atmosphere – lots of smiles, new acquaintances, and a small reminder that even in the most stressful periods, there's always time for coffee and good company.

Students gathered at the joint stand during the event.
Part of the atmosphere at the joint stand

See you again next year – even more relaxed and with even more coffee!

A collage of photos showing students, coffee cups, and burek.
Good company, lots of memories, and exam stress overcome together.

Avatar of Kristijan Popovski

Kristijan Popovski

President and Founder

Join 2,000+ subscribers

Stay in the loop with everything you need to know.

We care about your data in our privacy policy

""" "./en/projects/testproject/index.html" : """ Macedonian Student Night in Ljubljana - MSOS

Published on October 8, 2022

Macedonian Student Night in Ljubljana

From an idea to a party with 500 students – that's how our story began!

Atmosphere from the Macedonian Student Night in Ljubljana

On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).

How an idea for socializing became the start of a movement

It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.

Preparations and meetings for the Macedonian Student Night
Photos from the preparations and meetings for organizing the Macedonian Student Night.

From that moment on, we spent every free moment in the offices of the student organization Povezani, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.

A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.

Poster where Slovenians learn the Macedonian alphabet
Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.

“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”

— Marko - first-year student (at the time)

The taste and smell of Macedonia in the heart of Ljubljana

The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store “Makedonija Trade,” which selflessly contributed to making this part of the evening truly enjoyable.

Stands with Macedonian symbols, food, and drinks
Photos of the stands with Macedonian symbols, traditional food, and drinks.

In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a gaida up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.

Mini quiz about Macedonia
Mini quiz with questions about Macedonia, where students in one part of the club are competing.

Support from the Macedonian community and diplomacy

The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.

Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski
Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski

We were especially honored to welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.

The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!

“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”

— Hristijan - second-year student (at the time)

A beginning to remember

That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about 500 students came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.

This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.

The dedicated team of volunteers after cleaning up the venue
Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers

Avatar of Kristijan Popovski

Kristijan Popovski

President and Founder

Join 2,000+ subscribers

Stay in the loop with everything you need to know.

We care about your data in our privacy policy

""" "./main.js" : """ document.addEventListener('DOMContentLoaded', function() { // --- Mobile Menu Toggle --- const mobileMenuIcon = document.querySelector('.mobile-menu-icon'); const body = document.querySelector('body'); if (mobileMenuIcon && body) { mobileMenuIcon.addEventListener('click', () => { // Preklopi razred 'nav-open' na body elementu za prikaz/skrivanje menija body.classList.toggle('nav-open'); }); } // --- Language Switcher --- const languageSelectors = document.querySelectorAll('.language-selector'); if (languageSelectors.length > 0) { languageSelectors.forEach(selector => { const currentLang = selector.querySelector('.current-lang'); if (currentLang) { currentLang.addEventListener('click', (event) => { // Prepreči, da bi klik na sprožilec takoj zaprl meni (zaradi globalnega listenerja) event.stopPropagation(); // Preklopi .active razred na trenutnem menjalniku selector.classList.toggle('active'); // Zapri vse ostale odprte menjalnike jezikov languageSelectors.forEach(otherSelector => { if (otherSelector !== selector) { otherSelector.classList.remove('active'); } }); }); } }); // Globalni listener za zapiranje menija ob kliku izven njega window.addEventListener('click', () => { languageSelectors.forEach(selector => { selector.classList.remove('active'); }); }); // Globalni listener za zapiranje menija s tipko Escape window.addEventListener('keydown', (event) => { if (event.key === 'Escape') { languageSelectors.forEach(selector => { selector.classList.remove('active'); }); } }); // Logika za dinamično generiranje URL-jev ostaja enaka // Ta del poskrbi, da povezave v meniju vodijo na pravo jezikovno različico strani const path = window.location.pathname; const pathParts = path.split('/').filter(Boolean); // Predpostavka: prvi del poti je vedno jezikovna koda const currentLangCode = pathParts[0] || 'si'; // Privzeto na 'si', če ni določeno const relativePath = path.substring(path.indexOf(currentLangCode) + currentLangCode.length); languageSelectors.forEach(selector => { const langLinks = selector.querySelectorAll('.lang-dropdown a[data-lang]'); langLinks.forEach(link => { const targetLang = link.getAttribute('data-lang'); const newUrl = `/${targetLang}${relativePath}`; link.setAttribute('href', newUrl); }); }); } // --- FAQ Accordion --- const faqItems = document.querySelectorAll('.faq-item'); if (faqItems.length > 0) { faqItems.forEach(item => { const header = item.querySelector('h3'); if (header) { header.addEventListener('click', () => { const content = item.querySelector('p'); if (content) { // Preprost preklop prikaza. Za napredno harmoniko bi uporabili razrede. if (content.style.display === "none" || content.style.display === "") { content.style.display = "block"; } else { content.style.display = "none"; } } }); } }); } // --- Activities Tab --- const activityNavItems = document.querySelectorAll('.activities-nav li'); const activityDetailsText = document.querySelector('.activity-details p'); const activityDetailsImage = document.querySelector('.activity-details img'); // Placeholder vsebina za različne aktivnosti const activitiesData = { // Slovenska vsebina 'Študentsko predstavništvo': { text: 'Vsebina za študentsko predstavništvo...'}, 'Izobraževanje in kultura': { text: 'Vsebina za izobraževanje in kulturo...'}, 'Zabava in druženje': { text: 'Vsebina za zabavo in druženje...'}, 'Študentska podpora': { text: 'Vsebina za študentsko podoro...'}, // Angleška vsebina 'Student representation': { text: 'Content for student representation...'}, 'Education and culture': { text: 'Content for education and culture...'}, 'Entertainment and socializing': { text: 'Content for entertainment and socializing...'}, 'Student support': { text: 'Content for student support...'}, // Makedonska vsebina 'Студентско претставување': { text: 'Содржина за студентско претставување...'}, 'Образование и култура': { text: 'Содржина за образование и култура...'}, 'Забава и дружење': { text: 'Содржина за забава и дружење...'}, 'Студентска поддршка': { text: 'Содржина за студентска поддршка...'} }; if (activityNavItems.length > 0 && activityDetailsText) { activityNavItems.forEach(item => { item.addEventListener('click', () => { // Odstrani .active razred z vseh elementov activityNavItems.forEach(navItem => navItem.classList.remove('active')); // Dodaj .active razred na kliknjen element item.classList.add('active'); // Posodobi vsebino glede na besedilo kliknjenega elementa const activityName = item.textContent.trim(); if (activitiesData[activityName]) { activityDetailsText.textContent = activitiesData[activityName].text; // Tukaj bi lahko posodobili tudi sliko, če je potrebno // if (activityDetailsImage) { // activityDetailsImage.src = activitiesData[activityName].image; // } } }); }); } });""" "./mk/index.html" : """ Македонска Студентска Организација во Словенија
Прва официјална МСОС

Ги зајакнуваме младите со вештини за да го променат светот

Без разлика дали имате тим од 2 или 200 луѓе, нашите заеднички тимски сандачиња ги одржуваат сите на иста страна и во тек со случувањата.

Членови на тимот соработуваат

Запознајте го нашиот неверојатен тим!

Нашата филозофија е едноставна — да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.

Активности

Нашата филозофија е едноставна — да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.

  • Студентско претставување
  • Образование и култура
  • Забава и дружење
  • Студентска поддршка

Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.

Група насмеани студенти соработуваат

Најнови вести

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.

Слика на снежен планински врв во розови и сини нијанси

Alec Whitten • 17 Јан 2022

Лекции за лидерство од Бил Волш

Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул...

Жена презентира пред табла со лепливи белешки на тим

Demi Wilkinson • 16 Јан 2022

ПМ ментални модели

Менталните модели се едноставни изрази на сложени процеси или односи.

Модерно компјутерско биро со голем монитор, тастатура и слушалки

Candice Wu • 15 Јан 2022

Што е Wireframing?

Вовед во Wireframing и неговите принципи. Учете од најдобрите во индустријата.

Погледнете што велат нашите партнери за нас

Сè што треба да знаете за производот и наплатата.

Како соработката нè прави подобри

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Александар Поповски

Александар Поповски

Графички дизајнер во МСОС

Consectetur vitae ac parturient massa

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.

Друг член на тимот

Александар Поповски

Графички дизајнер во МСОС

Горди партнери

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Друг партнер

Александра Поповска

Графички дизајнер во МСОС

Нашето искуство со соработката

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Друг член на тимот

Ана Поповска

Графички дизајнер во МСОС

Станете дел од нашиот неверојатен тим

Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!

Нашиот неверојатен тим во училница

Често поставувани прашања

Сè што треба да знаете за производот и наплатата.

Дали е достапен бесплатен пробен период?

Да, можете да нè пробате бесплатно 30 дена. Нашиот пријателски тим ќе работи со вас за да ве подготви што е можно поскоро.

Можам ли подоцна да го сменам мојот план?

Секако. Нашите цени се прилагодуваат со вашата компанија. Разговарајте со нашиот пријателски тим за да најдете решение што ви одговара.

Каква е вашата политика за откажување?

Разбираме дека работите се менуваат. Можете да го откажете вашиот план во секое време и ќе ви ја вратиме веќе платената разлика.

Може ли да се додадат други информации на фактурата?

Да, можете да нè пробате бесплатно 30 дена. Нашиот пријателски тим ќе работи со вас за да ве подготви што е можно поскоро.

Како функционира наплатата?

Секако. Нашите цени се прилагодуваат со вашата компанија. Разговарајте со нашиот пријателски тим за да најдете решение што ви одговара.

Како да ја сменам е-поштата на мојата сметка?

Разбираме дека работите се менуваат. Можете да го откажете вашиот план во секое време и ќе ви ја вратиме разликата.

""" "./mk/projects/index.html" : """ Проекти - Македонска Студентска Организација во Словенија
Наши проекти

Проекти

Претплатете се за да дознаете за новите функции на производите, најновите технологии, решенија и ажурирања.

Ние се грижиме за вашите податоци во нашата политика за приватност

Сите наши проекти

""" "./mk/projects/macedonian-student-night-in-ljubljana/index.html" : """ Македонска студентска вечер во Љубљана - МСОС

Објавено на 8 октомври 2022

Македонска студентска вечер во Љубљана

Од идеја до журка со 500 студенти – вака започна нашата приказна!

Атмосфера од македонската студентска вечер во Љубљана

На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).

Како една идеја за дружење стана почеток на движење

Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.

Подготовки и состаноци за македонската студентска вечер
Фотографии од подготовките и состаноците за организирање на македонската студентска вечер

Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација „Повезани“, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.

Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.

Хамер со испишани кирилични и латинични букви
Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.

„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“

— Марко – студент во прва година

Вкусот и мирисот на Македонија во срцето на Љубљана

Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи „Македонија Трејд“, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.

Штандови со македонски обележја, традиционална храна и пијалаци
Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.

Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и гајда одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.

Мини квиз со прашања за Македонија
Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат

Поддршка од македонската заедница и дипломатијата

Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.

Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески
Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески

Посебна чест ни беше да ја пречекаме и амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.

Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!

„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“

— Христијан – студент во втора година

Почеток што ќе го паметиме

Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу 500 студенти, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.

Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.

Посветениот тим на волонтери по завршувањето на настанот
Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери

Аватар на Кристијан Поповски

Кристијан Поповски

Претседател и основач

Придружете се на 2.000+ претплатници

Останете во тек со сè што треба да знаете.

Ние се грижиме за вашите податоци во нашата политика за приватност

""" "./mk/projects/morning-coffee-in-front-of-ctk/index.html" : """ Утринско кафе пред ЦТК – 2024: Кафе, бурек и многу насмевки

Објавено на 8 јуни 2024

Утринско кафе пред ЦТК – 2024: Кафе, бурек и многу насмевки

Кога испитите некако ти стануваат полесни со саботно утринско кафе, бурек и добро друштво пред ЦТК!

Студенти уживаат во кафе и бурек пред ЦТК.

На 8 јуни 2024, од 9 до 12 часот, пред Централната техничка библиотека на Универзитетот во Љубљана (ЦТК), ја организиравме нашата веќе традиционална студентска пауза – Утринско кафе пред ЦТК заедно со тимот на Скупина Повезани и ЦТК. Ова беше втора година по ред како се дружиме на истото место, но секој пат носи нови моменти за паметење.

Кафе против стресот

Испитната сесија секогаш носи стрес – часови и часови учење, разговори што се вртат само околу испити, први и втори рокови, положени или не, некои за прв пат, а некои и по петти пат. Затоа решивме да направиме мала пауза за воздишка: да се опуштиме, да се насмееме и да се потсетиме дека сме тука заедно во овој студиски стрес.

Студенти чекаат во ред пред библиотеката ЦТК.
Стотина студенти во ред пред ЦТК, чекаат уште пред отворање за да фатат место во библиотеката.

Со шолја топло кафе во рака, а благодарение на Бурек Олимпија уживавме во вкусен бурек со месо и сирење. Се потрудивме и да внесеме малку забава – ги поканивме студентите да донесат свои чашки, а за најкреативните имаше награда.

Студент се смее додека јаде бурек.
Бесплатен топол бурек – тајната формула за решавање и на најтешките математички проблеми 😉
Група студенти со топло кафе позираат пред ЦТК.
Група студенти со топло кафе, насмеани пред ЦТК.

Поставивме две прашања што ни открија цела палета студентски емоции

За дополнителна доза интеракција, поставивме две големи табли со прашања што едноставно те тераат да одговориш: „Како ја преживувам испитната сесија?“ и „Kako bi opisal počutje med izpitnem obdobjem?“.

Реакциите беа моментални – студентите се нафрлија да пишуваат, а одговорите беа сè, само не досадни: од „хаотично“ и „Сакаме да спиеме! (не во ЦТК)!" до „лагано“, „под стрес“, „исцрпено“, „среќно“ и „заспано“. Со други зборови – цел спектар на студентски емоции, искрено преточени во неколку зборови.

Табла со рачно напишани одговори од студенти за нивните чувства за време на испитниот рок.
Духовити и искрени одговори на големите табли со прашања пред ЦТК.

Како стигнавме од кафе до симулатор на летање и принтери за ЗД моделирање

Како бонус за студентите во договор со универзитетската техничка библиотека, програмата беше збогатена и со изложба на ЦТК, каде што беа претставени симулатор за летање, ЗД принтери и друга интересна опрема која студентите можеа да ја пробаат, а потоа и бесплатно да ја изнајмат во Креативното студио на ЦТК – дел од нивната едукативна програма.

Кафе и бурек = желба да станувам секој ден за да учам по 12 часа

Околу 150 луѓе го посетија заедничкиот штанд на МСОС, Повезани и ЦТК за да се подружат, да се напијат кафе, да грицнат нешто и да си разменат приказни меѓу книгите и роковите. Настанот помина во одлична атмосфера – многу насмевки, нови познанства и еден мал потсетник дека и во најстресните периоди, секогаш има време за кафе и добро друштво.

Студенти собрани на заедничкиот штанд за време на настанот.
Дел од атмосферата на заедничкиот штанд

Се гледаме повторно и следната година – уште поопуштени и со уште повеќе кафе!

Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.
Убава дружба, многу спомени и заеднички пребродени испитни стресови.

Аватар на Кристијан Поповски

Кристијан Поповски

Претседател и основач

Придружете се на 2.000+ претплатници

Останете во тек со сè што треба да знаете.

Ние се грижиме за вашите податоци во нашата политика за приватност

""" "./README.md" : """ msos spletna stran """ "./si/index.html" : """ Makedonska Študentska Organizacija v Sloveniji
Prva uradna MSOS

Opolnomočimo mlade z veščinami za spreminjanje sveta

Ne glede na to, ali imate ekipo 2 ali 200 ljudi, naši skupni timski nabiralniki ohranjajo vse na isti strani in v koraku z dogajanjem.

Člani ekipe pri sodelovanju

Spoznajte našo izjemno ekipo!

Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.

Aktivnosti

Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.

  • Študentsko predstavništvo
  • Izobraževanje in kultura
  • Zabava in druženje
  • Študentska podpora

Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.

Skupina nasmejanih študentov pri sodelovanju

Zadnje novice

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.

Roza in modro obarvana podoba zasneženega vrha gore

Alec Whitten • 17 Jan 2022

Lekcije vodenja Billa Walsha

Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla...

Ženska predstavlja pred belo tablo z listki ekipi

Demi Wilkinson • 16 Jan 2022

Mentalni modeli za PM

Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.

Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami

Candice Wu • 15 Jan 2022

Kaj je žični model (Wireframing)?

Uvod v žično modeliranje in njegova načela. Učite se od najboljših v industriji.

Poglejte, kaj o nas pravijo naši partnerji

Vse, kar morate vedeti o produktu in zaračunavanju.

Kako nas sodelovanje izboljša

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Aleksandar Popovski

Aleksandar Popovski

Grafični oblikovalec pri MSOS

Consectetur vitae ac parturient massa

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.

Drug član ekipe

Aleksandar Popovski

Grafični oblikovalec pri MSOS

Ponosni partnerji

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Drug partner

Aleksandar Popovski

Grafični oblikovalec pri MSOS

Naša izkušnja sodelovanja

Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.

Druga članica ekipe

Aleksandar Popovski

Grafični oblikovalec pri MSOS

Postanite del naše izjemne ekipe

Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!

Naša izjemna ekipa v učilnici

Pogosto zastavljena vprašanja

Vse, kar morate vedeti o produktu in zaračunavanju.

Ali je na voljo brezplačen preizkus?

Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.

Ali lahko kasneje zamenjam svoj načrt?

Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.

Kakšna je vaša politika odpovedi?

Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo že plačano razliko.

Ali se lahko na račun dodajo druge informacije?

Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.

Kako poteka zaračunavanje?

Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.

Kako spremenim e-pošto svojega računa?

Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo razliko.

""" "./si/projects/index.html" : """ Projekti - Makedonska Študentska Organizacija v Sloveniji
Naši projekti

Projekti

Naročite se in bodite na tekočem z novimi funkcijami, najnovejšimi tehnologijami, rešitvami in posodobitvami.

Skrbimo za vaše podatke v naši politiki zasebnosti.

""" "./si/projects/macedonian-student-night-in-ljubljana/index.html" : """ Makedonska študentska noč v Ljubljani - MŠOS

Objavljeno 8. oktobra 2022

Makedonska študentska noč v Ljubljani

Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!

Vzdušje z Makedonske študentske noči v Ljubljani

8. oktobra 2022 se je v osrčju Študentskega kampusa v Ljubljani odvila prva Makedonska študentska noč v Sloveniji. Pod sloganom #FeelsLikeHome je več kot 500 mladih uživalo v makedonski glasbi, okusni tradicionalni hrani in vzdušju, ki je spominjalo na dom. Ta dogodek ni bil le zabava – bil je začetek nove zgodbe, ki bo kasneje prerasla v Makedonsko študentsko organizacijo v Sloveniji (MŠOS).

Kako je ideja o druženju postala začetek gibanja

Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.

Priprave in sestanki za Makedonsko študentsko noč
Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.

Od tistega trenutka naprej smo vsak prosti trenutek preživeli v pisarnah študentske organizacije Povezani, ki so nam nudili veliko podporo pri organizaciji. Dneve in noči smo načrtovali, imeli sestanke in pisali objave za družbena omrežja – vse z namenom, da ustvarimo dogodek, za katerega smo sprva mislili, da bomo pritegnili, če bomo imeli srečo, okoli 100 obiskovalcev.

Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.

Plakat, kjer se Slovenci učijo makedonsko abecedo
Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.

„Organizacija prve zabave MŠOS je bila edinstvena izkušnja – neprespana, ambiciozna in vključevala je vse, od logistike do pomivanja tal... Na srečo obstaja Red Bull 😉 (P.S. Spili smo celotno zalogo iz hladilnika!)“

— Marko – študent prvega letnika

Okus in vonj Makedonije v osrčju Ljubljane

Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki "Makedonija Trade", ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.

Stojnice z makedonskimi simboli, hrano in pijačo
Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.

Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in gajdo. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.

Mini kviz o Makedoniji
Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.

Podpora makedonske skupnosti in diplomacije

Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.

Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim
Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.

Posebej smo bili počaščeni, da smo pozdravili veleposlanico Severne Makedonije v Sloveniji, go. Suzano Zelenkovsko, ki je mladim namenila tople besede spodbude in podpore. Njena prisotnost in zanimanje za dogodek sta bila dodatna motivacija za nadaljevanje našega poslanstva povezovanja in promocije makedonske študentske skupnosti.

Zabava je imela odlično energijo, ki se je širila povsod – v nekem trenutku je vladal majhen, a nadzorovan kaos. Kljub temu, da se je dogodek končal nekoliko prej, so študenti še eno uro prepevali skupaj z nami, medtem ko smo pospravljali prostor. Resnično, noč za spomin!

„Bil sem del organizacijske ekipe in zadolžen za vzdrževanje reda med študenti, a ko so zaigrali pesem 'Biser Balkanski', se nisem mogel upreti – pridružil sem se tudi jaz... To je bil moj poseben trenutek tistega večera!“

— Hristijan – študent drugega letnika

Začetek, ki si ga bomo zapomnili

Tisti večer ni bil le še ena študentska zabava – bil je trenutek, ko smo spoznali, da smo začeli nekaj večjega. Namesto pričakovanih 100 gostov je v klub prišlo okoli 500 študentov, energija pa je bila neverjetna. Stkala so se nova prijateljstva, pele so se pesmi iz srca, makedonska kultura in tradicija pa sta bili v ospredju cel večer.

Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.

Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.
Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.

Avatar Kristijana Popovskega

Kristijan Popovski

Predsednik in ustanovitelj

Pridružite se 2.000+ naročnikom

Ostanite na tekočem z vsem, kar morate vedeti.

Skrbimo za vaše podatke v naši politiki zasebnosti.

""" "./si/projects/morning-coffee-in-front-of-ctk/index.html" : """ Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov

Objavljeno 8. junija 2024

Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov

Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi pred CTK!

Študenti uživajo ob kavi in bureku pred knjižnico CTK.

8. junija 2024, med 9. in 12. uro, smo pred Centralno tehniško knjižnico Univerze v Ljubljani (CTK) organizirali naš že tradicionalni študentski odmor – Jutranjo kavo pred CTK, skupaj z ekipo Skupine Povezani in CTK. To je bilo že drugo leto zapored, da smo se zbrali na istem mestu, a vsakič znova doživimo nove trenutke za spomin.

S kavo nad izpitni stres

Izpitno obdobje vedno prinaša stres – ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.

Študentje čakajo v vrsti pred stavbo knjižnice CTK.
Stotine študentov v vrsti pred CTK, ki so čakali še pred odprtjem, da si zagotovijo svoje mesto v knjižnici.

S skodelico vroče kave v roki in po zaslugi Bureka Olimpija smo uživali v okusnem bureku z mesom in sirom. Poskrbeli smo tudi za kanček zabave – študente smo povabili, da prinesejo svoje skodelice, za najbolj kreativne pa smo pripravili nagrado.

Študent se smeji medtem ko je kos bureka.
Brezplačen topel burek – skrivna formula za reševanje tudi najtežjih matematičnih problemov 😉
Skupina študentov s toplo kavo pozira pred kamero.
Skupina študentov s toplo kavo, nasmejani pred CTK.

Dve vprašanji, ki sta razkrili celo paleto študentskih čustev

Za dodatno dozo interakcije smo postavili dve veliki tabli z vprašanji, ki kar kličeta po odgovoru: “How do I survive the exam session?" in "Kako bi opisal počutje med izpitnem obdobjem?”.

Odzivi so bili takojšnji – študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami – celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.

Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.
Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.

Od kave do simulatorja letenja in 3D-tiskalnikov

Kot bonus za študente smo v sodelovanju s tehniško knjižnico univerze program obogatili z razstavo CTK, kjer so bili predstavljeni simulator letenja, 3D-tiskalniki in druga zanimiva oprema. Študenti so jo lahko preizkusili, nato pa si jo brezplačno izposodili v Kreativnem studiu CTK – delu njihovega izobraževalnega programa.

Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje

Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju – veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.

Študenti zbrani na skupni stojnici med dogodkom.
Del vzdušja na skupni stojnici.

Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!

Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.
Dobra družba, veliko spominov in skupaj premagan izpitni stres.

Avatar Kristijana Popovskega

Kristijan Popovski

Predsednik in ustanovitelj

Pridružite se 2.000+ naročnikom

Ostanite na tekočem z vsem, kar morate vedeti.

Skrbimo za vaše podatke v naši politiki zasebnosti.

""" "./si/projects/testproject/index.html" : """ Macedonian Student Night in Ljubljana - MSOS

Published on October 8, 2022

Macedonian Student Night in Ljubljana

From an idea to a party with 500 students – that's how our story began!

Atmosphere from the Macedonian Student Night in Ljubljana

On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).

How an idea for socializing became the start of a movement

It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.

Preparations and meetings for the Macedonian Student Night
Photos from the preparations and meetings for organizing the Macedonian Student Night.

From that moment on, we spent every free moment in the offices of the student organization Povezani, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.

A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.

Poster where Slovenians learn the Macedonian alphabet
Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.

“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”

— Marko - first-year student (at the time)

The taste and smell of Macedonia in the heart of Ljubljana

The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store “Makedonija Trade,” which selflessly contributed to making this part of the evening truly enjoyable.

Stands with Macedonian symbols, food, and drinks
Photos of the stands with Macedonian symbols, traditional food, and drinks.

In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a gaida up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.

Mini quiz about Macedonia
Mini quiz with questions about Macedonia, where students in one part of the club are competing.

Support from the Macedonian community and diplomacy

The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.

Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski
Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski

We were especially honored to welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.

The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!

“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”

— Hristijan - second-year student (at the time)

A beginning to remember

That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about 500 students came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.

This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.

The dedicated team of volunteers after cleaning up the venue
Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers

Avatar of Kristijan Popovski

Kristijan Popovski

President and Founder

Join 2,000+ subscribers

Stay in the loop with everything you need to know.

We care about your data in our privacy policy

""" "./style.css" : """ /* General Styles */ html, body { overflow-x: hidden; /* Preprečuje horizontalno drsenje na najvišji ravni */ } body { font-family: 'Inter', sans-serif; margin: 0; background-color: #FFFFFF; color: #101828; } /* Prepreči drsenje strani, ko je mobilni meni odprt */ body.nav-open { overflow: hidden; } .container { width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 32px; box-sizing: border-box; } .btn { padding: 10px 18px; border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 24px; cursor: pointer; border: 1px solid transparent; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); text-decoration: none; display: inline-block; text-align: center; } .btn-primary { background-color: #2D738C; color: #FFFFFF; border-color: #2D738C; } .btn-primary-orange { background: #FA7850; color: #FFFFFF; padding: 16px 28px; font-size: 18px; line-height: 28px; } .btn-secondary { background-color: #FFFFFF; color: #344054; border: 1px solid #D0D5DD; } /* Header */ .dropdown-header-navigation { position: absolute; width: 100%; height: 80px; background: #FFFFFF; border-bottom: 1px solid #F2F4F7; display: flex; justify-content: center; align-items: center; z-index: 1000; } .header-content { display: flex; align-items: center; gap: 40px; } .logo-link .logo-img { height: 32px; width: auto; } .navigation.desktop-nav { display: flex; gap: 32px; } .navigation a { text-decoration: none; color: #667085; font-weight: 600; font-size: 16px; padding: 4px 0; } .navigation-actions { display: flex; align-items: center; gap: 24px; } .language-selector { display: flex; align-items: center; gap: 8px; color: #646E82; cursor: pointer; } .mobile-menu-icon { display: none; font-size: 24px; color: #101828; cursor: pointer; z-index: 1002; /* Nad vsem ostalim v glavi */ } .mobile-menu-icon .fa-times { display: none; } body.nav-open .mobile-menu-icon .fa-bars { display: none; } body.nav-open .mobile-menu-icon .fa-times { display: block; } .mobile-nav-panel { display: none; /* Skrito na namizju */ } /* Hero Section */ .hero-section { position: relative; height: 880px; width: 100%; display: flex; align-items: center; overflow: hidden; } .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hero-image-left, .hero-image-right { position: absolute; top: -150px; height: 1030px; width: 50%; background-size: cover; background-position: center; } .hero-image-left { left: 0; transform: matrix(-1, 0, 0, 1, 0, 0); } .hero-image-right { right: 0; } .hero-overlay { position: absolute; top: 79px; left: 0; height: 801px; width: 56.74%; background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%); border-radius: 0px 40px 40px 0px; backdrop-filter: blur(12px); z-index: 2; } .hero-content { position: relative; z-index: 3; color: #FFFFFF; padding-left: 120px; width: 605px; } .hero-content .badge-group { display: inline-flex; align-items: center; padding: 6px 16px; gap: 12px; background: rgba(255, 255, 255, 0.4); border-radius: 16px; margin-bottom: 32px; } .hero-content .message { font-weight: 500; font-size: 14px; } .hero-content h1 { font-weight: 700; font-size: 60px; line-height: 72px; letter-spacing: -0.02em; margin: 0 0 24px 0; } .hero-content p { font-size: 20px; line-height: 30px; margin: 0 0 72px 0; } /* Meet the Team Section */ .meet-the-team-section { display: flex; justify-content: center; align-items: center; padding: 128px 0; gap: 40px; background: #FFFFFF; } .video-container { position: relative; width: 619px; height: 360px; } .video-thumbnail { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(127.76deg, rgba(19, 49, 60, 0.92) -13.16%, rgba(39, 77, 90, 0.08) 98.5%); backdrop-filter: blur(6px); border-radius: 16px; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(255, 255, 255, 0.56); border-radius: 50%; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; } .play-button::after { content: ''; width: 0; height: 0; border-left: 24px solid white; border-top: 14px solid transparent; border-bottom: 14px solid transparent; margin-left: 5px; } .team-content { width: 619px; } .team-content h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin: 0 0 20px 0; } .team-content p { font-size: 20px; line-height: 30px; color: #667085; margin: 0 0 56px 0; } /* Activities Section */ .activities-section { padding: 128px 80px; background: #F9FAFB; } .activities-header { text-align: center; margin-bottom: 96px; } .activities-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 20px; } .activities-header p { font-size: 20px; line-height: 30px; color: #667085; max-width: 768px; margin: 0 auto; } .activities-content { display: flex; gap: 109px; max-width: 1232px; margin: 0 auto; } .activities-nav { width: 302px; display: flex; flex-direction: column; justify-content: space-between; } .activities-nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 40px; } .activities-nav li { font-size: 20px; color: #646E82; cursor: pointer; position: relative; padding-left: 48px; } .activities-nav li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 2px; background-color: #646E82; } .activities-nav li.active { font-size: 24px; font-weight: 600; color: #000000; } .activity-details { width: 821px; } .activity-details p { font-size: 20px; line-height: 30px; color: #667085; margin-bottom: 40px; } .activity-details img { width: 100%; height: 400px; object-fit: cover; border-radius: 24px; } /* Latest News Section */ .latest-news-section { padding: 128px 0; background: #2D738C; text-align: center; } .news-header { margin-bottom: 64px; } .news-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #FFFFFF; margin-bottom: 20px; } .news-header p { font-size: 20px; line-height: 30px; color: #FFFFFF; max-width: 768px; margin: 0 auto; } .news-articles { display: flex; justify-content: center; gap: 32px; margin-bottom: 64px; } .news-card { width: 405.33px; background: transparent; text-align: left; } .news-card img { width: 100%; height: 240px; object-fit: cover; border-radius: 8px; margin-bottom: 32px; } .news-card .card-content { color: #FFFFFF; } .news-card .author { font-size: 14px; font-weight: 600; margin-bottom: 12px; } .news-card h3 { font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 12px; } .news-card p { font-size: 16px; line-height: 24px; } /* Testimonials Section */ .testimonials-section { padding: 128px 80px; display: flex; justify-content: center; align-items: center; gap: 24px; } .testimonials-intro { width: 411px; flex-shrink: 0; } .testimonials-intro h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 24px; } .testimonials-intro p { font-size: 20px; line-height: 30px; color: #667085; } .testimonials-columns { display: flex; gap: 24px; width: 846px; height: 800px; overflow-y: scroll; padding-right: 15px; } .testimonials-columns::-webkit-scrollbar { width: 5px; } .testimonials-columns::-webkit-scrollbar-thumb { background: #D0D5DD; border-radius: 10px; } .testimonial-column { display: flex; flex-direction: column; gap: 48px; width: 411px; } .column-offset { margin-top: 80px; } .testimonial-card { padding: 24px 24px 40px; border: 1px solid #D0D5DD; border-radius: 16px; } .testimonial-column .testimonial-card:nth-child(even) { background: #F9FAFB; } .testimonial-card h3 { font-size: 24px; font-weight: 600; line-height: 1.2; color: #000000; margin-bottom: 24px; } .testimonial-card p { font-size: 16px; line-height: 1.2; color: #646E82; margin-bottom: 24px; } .author-info { display: flex; align-items: center; gap: 16px; } .author-info img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } .avatar-placeholder { width: 48px; height: 48px; border-radius: 50%; background-color: #2D738C; } .avatar-placeholder-gray { width: 48px; height: 48px; border-radius: 50%; background-color: #646E82; } .author-info h4 { font-size: 18px; font-weight: 600; margin: 0 0 6px 0; color: #000000; } .testimonial-card:nth-child(3) .author-info h4, .testimonial-card:nth-child(3) .author-info p { color: #2D738C; } .testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info h4, .testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info h4, .testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info p, .testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info p { color: #646E82; } .author-info p { font-size: 16px; margin: 0; color: #2D738C; } /* Become Part Section */ .become-part-section { padding: 128px 0; background: #F9FAFB; text-align: center; } .become-part-header { margin-bottom: 64px; } .become-part-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 20px; } .become-part-header p { font-size: 20px; line-height: 30px; color: #646E82; } .team-photo { width: 1232px; height: 400px; object-fit: cover; border-radius: 24px; margin: 0 auto 96px; display: block; } .contact-form-container { max-width: 800px; margin: 0 auto; } .contact-form { display: flex; flex-direction: column; gap: 24px; text-align: left; } .form-row { display: flex; gap: 32px; } .form-group { flex: 1; display: flex; flex-direction: column; } .form-group label { font-size: 14px; font-weight: 500; color: #344054; margin-bottom: 6px; } .form-group input, .form-group textarea, .form-group select { padding: 12px 16px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-size: 16px; background: #FFFFFF; color: #646E82; font-family: 'Inter', sans-serif; } .form-group input::placeholder, .form-group textarea::placeholder { color: #646E82; } .phone-input { display: flex; border: 1px solid #D0D5DD; border-radius: 8px; overflow: hidden; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); } .phone-input select { border: none; border-right: 1px solid #D0D5DD; border-radius: 0; box-shadow: none; } .phone-input input { border: none; flex-grow: 1; box-shadow: none; } .checkbox-group { flex-direction: row; align-items: center; gap: 12px; } .checkbox-group input { width: 20px; height: 20px; } .checkbox-group label { margin: 0; color: #646E82; } .checkbox-group label a { color: #2D738C; } .contact-form button { width: 100%; padding: 12px 20px; font-size: 16px; } /* FAQ Section */ .faq-section { padding: 128px 0; text-align: center; } .faq-header { margin-bottom: 64px; } .faq-header h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.02em; color: #101828; margin-bottom: 20px; } .faq-header p { font-size: 20px; line-height: 30px; color: #667085; max-width: 768px; margin: 0 auto; } .faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px 32px; max-width: 1232px; margin: 0 auto 64px; text-align: left; } .faq-item { display: flex; flex-direction: column; gap: 20px; } .faq-icon-container { width: 48px; height: 48px; background: rgba(39, 77, 90, 0.08); border-radius: 24px; display: flex; justify-content: center; align-items: center; color: #2D738C; font-size: 22px; } .faq-item h3 { font-size: 20px; font-weight: 600; color: #101828; margin: 0; } .faq-item p { font-size: 16px; line-height: 24px; color: #667085; margin: 0; } .faq-footer { max-width: 1232px; margin: 0 auto; padding: 40px 32px; background: #F9FAFB; border-radius: 16px; display: flex; flex-direction: column; align-items: center; gap: 8px; } .faq-footer h3 { font-size: 20px; font-weight: 500; color: #101828; margin: 16px 0 0 0; } .faq-footer p { font-size: 18px; color: #667085; margin: 0 0 32px 0; } .avatar-group { display: flex; position: relative; width: 120px; height: 56px; } .avatar { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid #FFFFFF; position: absolute; top: 8px; object-fit: cover; } .avatar:nth-child(1) { left: 0; z-index: 3;} .avatar:nth-child(2) { left: 50%; transform: translateX(-50%); top:0; z-index: 2;} .avatar:nth-child(3) { right: 0; z-index: 1;} .avatar.large { width: 56px; height: 56px; } /* Footer */ footer { background: #2D738C; color: #FFFFFF; padding: 64px 0 88px; } .footer-container { width: 1280px; margin: 0 auto; } .footer-main { display: flex; justify-content: space-between; margin-bottom: 64px; } .footer-info { width: 302px; } .footer-logo { margin-bottom: 48px; } .footer-logo img { height: auto; width: 200px; object-fit: contain; } .footer-info p { font-size: 16px; line-height: 1.5; margin-bottom: 24px; } .social-icons { display: flex; gap: 24px; } .social-icons a { color: #FFFFFF; font-size: 24px; text-decoration: none; } .footer-links { display: flex; gap: 32px; } .links-column { width: 192px; } .links-column h4 { font-size: 18px; font-weight: 600; margin: 0 0 24px 0; } .links-column a { display: block; color: #FFFFFF; text-decoration: none; font-size: 16px; margin-bottom: 16px; } footer hr { border: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); margin: 0 0 24px 0; } .footer-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .legal-links { display: flex; gap: 24px; } .legal-links a { color: #FFFFFF; text-decoration: none; } /* =================================== */ /* ====== PROJECTS PAGE STYLES ======= */ /* =================================== */ .page-content { padding-top: 80px; } .page-header-section { padding: 96px 0; background: #FFFFFF; text-align: center; } .page-header-section .container.text-center { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 960px; } .page-subtitle { font-weight: 600; font-size: 16px; color: #FA7850; } .page-header-section h1 { font-weight: 600; font-size: 48px; line-height: 60px; letter-spacing: -0.02em; color: #101828; margin: 0; } .page-description { font-size: 20px; line-height: 30px; color: #667085; max-width: 768px; margin: 0; } .subscribe-form { display: flex; gap: 16px; margin-top: 16px; } .subscribe-form input { width: 360px; height: 48px; padding: 12px 16px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-size: 16px; box-sizing: border-box; } .subscribe-form .btn { height: 48px; } .privacy-note { font-size: 14px; color: #667085; margin-top: -8px; } .privacy-note a { color: #667085; font-weight: 500; } .all-posts-section { padding: 0 80px 96px; } .all-posts-section .container.column-layout { flex-direction: column; align-items: flex-start; gap: 64px; } .all-posts-section h2 { font-size: 24px; font-weight: 600; line-height: 32px; color: #101828; margin: 0; } .posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px; width: 100%; } .post-card { display: flex; flex-direction: column; } .post-link { text-decoration: none; color: inherit; } .post-image { width: 100%; height: 240px; object-fit: cover; border-radius: 8px; margin-bottom: 32px; } .post-meta { font-size: 14px; font-weight: 600; color: #FA7850; margin: 0 0 12px; } .post-title { font-size: 24px; font-weight: 600; line-height: 32px; color: #101828; margin: 0 0 12px; } .post-excerpt { font-size: 16px; line-height: 24px; color: #667085; margin: 0; } .pagination { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid #EAECF0; } .pagination-arrow { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #667085; text-decoration: none; } .pagination-numbers { display: flex; gap: 2px; } .page-number { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 500; color: #667085; } .page-number.active { background-color: rgba(102, 112, 133, 0.16); color: #2D738C; } .page-dots { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #667085; } /* =================================== */ /* ===== SINGLE PROJECT PAGE STYLES ==== */ /* =================================== */ .article-page { padding-top: 80px; background: #FFFFFF; } .article-container { max-width: 1024px; margin: 0 auto; padding: 96px 32px; } .article-header { text-align: center; margin-bottom: 64px; } .article-publish-date { font-size: 16px; font-weight: 600; color: #FA7850; margin-bottom: 12px; } .article-header h1 { font-size: 48px; font-weight: 600; line-height: 60px; letter-spacing: -0.02em; color: #101828; margin: 0; } .article-subtitle { font-size: 20px; line-height: 30px; color: #667085; margin-top: 24px; max-width: 960px; margin-left: auto; margin-right: auto; } .article-main-image { margin: 0 0 64px 0; } .article-main-image img { width: 100%; height: auto; max-height: 516px; object-fit: cover; border-radius: 24px; display: block; margin: 0 auto; } .article-body { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px; } .article-body p, .article-body ol li { font-size: 18px; line-height: 28px; color: #667085; margin: 0; } .article-body h2 { font-size: 30px; font-weight: 600; line-height: 38px; color: #101828; margin: 16px 0; } .article-body ol { padding-left: 24px; display: flex; flex-direction: column; gap: 12px; } .article-inline-image { margin: 16px 0; display: flex; flex-direction: column; gap: 16px; } .article-inline-image img { width: 100%; border-radius: 16px; } .article-inline-image figcaption { font-size: 14px; color: #667085; text-align: center; } .article-quote { margin: 16px 0; padding-left: 20px; border-left: 2px solid #D0D5DD; display: flex; flex-direction: column; gap: 32px; background: transparent; } .article-quote p { font-family: 'Inter', sans-serif; font-style: italic; font-weight: 500; font-size: 24px; line-height: 36px; color: #101828; margin: 0; } .article-quote footer { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #FA7850; background: transparent; } .article-footer { max-width: 720px; margin: 48px auto 0; background: transparent; } .article-footer hr { border: 0; height: 1px; background-color: #EAECF0; margin: 0 0 24px 0; } .author-share-section { display: flex; justify-content: space-between; align-items: center; } .author-details { display: flex; align-items: center; gap: 16px; } .author-details img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; } .author-name { font-size: 18px; font-weight: 600; color: #101828; margin: 0; } .author-title { font-size: 16px; color: #667085; margin: 0; } .share-buttons { display: flex; align-items: center; gap: 12px; } .social-icon-btn { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); color: #98A2B3; font-size: 18px; text-decoration: none; } .newsletter-cta { padding: 0 32px 96px 32px; } .newsletter-cta .container { padding: 64px; background: #F9FAFB; border-radius: 16px; display: flex; justify-content: space-between; align-items: center; max-width: 1216px; gap: 32px; } .newsletter-cta .cta-content { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1; } .newsletter-cta h2 { font-size: 30px; font-weight: 600; line-height: 38px; color: #101828; margin: 0; } .newsletter-cta p { font-size: 20px; line-height: 30px; color: #667085; margin: 0; } .newsletter-cta .subscribe-form-bottom { display: flex; gap: 16px; align-items: flex-start; } .subscribe-form-bottom .input-wrapper { display: flex; flex-direction: column; gap: 8px; } .subscribe-form-bottom input { width: 360px; height: 48px; padding: 12px 16px; border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); font-size: 16px; box-sizing: border-box; } .subscribe-form-bottom .btn-primary-orange { height: 48px; padding-top: 12px; padding-bottom: 12px; } /* =================================== */ /* ========== MOBILE STYLES ========== */ /* =================================== */ @media (max-width: 768px) { body { padding-top: 60px; } .container { width: 100%; padding: 0 24px; } /* Mobile Header & Navigation */ .dropdown-header-navigation { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 60px; padding: 0 24px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06); border-bottom: none; box-sizing: border-box; } .navigation.desktop-nav, .dropdown-header-navigation .container > .navigation-actions { /* Natančen selektor za gumbe na namizju */ display: none; } .mobile-menu-icon { display: block; } .mobile-nav-panel { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 48px; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); background: #FFFFFF; padding: 40px 24px; box-sizing: border-box; transform: translateX(100%); transition: transform 0.3s ease-in-out; z-index: 1001; overflow-y: auto; } body.nav-open .mobile-nav-panel { transform: translateX(0); } .mobile-nav-panel .navigation.mobile-nav { display: flex; flex-direction: column; align-items: center; gap: 24px; } .mobile-nav-panel .navigation a { font-size: 20px; color: #101828; } .mobile-nav-panel .navigation-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; } .mobile-nav-panel .navigation-actions .btn { width: 100%; max-width: 300px; } .mobile-nav-panel .language-selector { margin-top: 16px; } /* Mobile Hero Section */ .hero-section { height: 600px; margin-top: 0; align-items: flex-start; } .hero-overlay, .hero-image-left, .hero-image-right { display: none; } .hero-background { background: url('../images/2.hero.jpg') no-repeat center center/cover; } .hero-background::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%); } .hero-content { padding: 64px 24px; width: 100%; box-sizing: border-box; } .hero-content h1 { font-size: 40px; line-height: 48px; letter-spacing: -0.03em; } .hero-content p { font-size: 16px; line-height: 24px; margin-bottom: 64px; } .hero-content .badge-group { border-radius: 37px; } .btn-primary-orange { width: auto; padding: 16px 28px; border-radius: 12px; font-size: 16px; } /* Mobile Meet the Team Section */ .meet-the-team-section { flex-direction: column; padding: 64px 24px; gap: 40px; } .video-container, .team-content { width: 100%; max-width: 327px; } .video-container { height: 190px; } .play-button { width: 42px; height: 42px; } .play-button::after { border-left-width: 14px; border-top-width: 8px; border-bottom-width: 8px; } .team-content h2 { font-size: 32px; line-height: 40px; text-align: center; } .team-content p { font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 32px; } .team-content .btn-secondary { margin: 0 auto; display: block; width: 124px; height: 44px; } /* Mobile Activities Section */ .activities-section { padding: 64px 0; } .activities-header { padding: 0 24px; margin-bottom: 48px; } .activities-header h2 { font-size: 32px; line-height: 40px; } .activities-header p { font-size: 16px; line-height: 24px; } .activities-content { flex-direction: column; align-items: center; gap: 32px; padding: 0 24px; } .activities-nav { width: 100%; max-width: 326px; gap: 32px; } .activities-nav ul { width: 100%; gap: 16px; } .activities-nav li { display: flex; justify-content: space-between; align-items: center; padding: 16px; background: rgba(208, 213, 221, 0.5); border-radius: 8px; font-size: 16px; font-weight: 600; color: #000; } .activities-nav li::before { display: none; } .activities-nav li.active::after { content: ' '; display: inline-block; border: solid black; border-width: 0 2px 2px 0; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .activities-nav .btn-primary-orange { align-self: center; } .activity-details { width: 100%; max-width: 327px; } .activity-details p { font-size: 16px; line-height: 24px; } .activity-details img { height: 300px; border-radius: 16px; } /* Mobile Latest News Section */ .latest-news-section { padding: 64px 24px; } .news-header, .news-articles { margin-bottom: 48px; } .news-header h2 { font-size: 32px; line-height: 40px; } .news-header p { font-size: 16px; line-height: 24px; } .news-articles { flex-direction: column; align-items: center; gap: 48px; } .news-card { width: 100%; max-width: 321px; } /* Mobile Testimonials Section */ .testimonials-section { flex-direction: column; padding: 64px 0; align-items: center; gap: 32px; } .testimonials-intro { width: 100%; padding: 0 24px; text-align: center; box-sizing: border-box; } .testimonials-intro h2 { font-size: 32px; line-height: 40px; } .testimonials-intro p { font-size: 16px; line-height: 24px; } .testimonials-columns { display: flex; flex-direction: row; width: 100%; height: auto; overflow-x: auto; overflow-y: hidden; padding: 0 24px; box-sizing: border-box; scroll-snap-type: x mandatory; } .testimonials-columns::-webkit-scrollbar { display: none; } .testimonial-column { display: contents; } .testimonial-card { flex: 0 0 291px; scroll-snap-align: start; margin-right: 24px; } .column-offset { margin-top: 0; } /* Mobile Become Part Section */ .become-part-section { padding: 64px 16px; } .become-part-header { margin-bottom: 48px; } .become-part-header h2 { font-size: 32px; line-height: 40px; } .become-part-header p { font-size: 16px; line-height: 24px; } .team-photo { width: 100%; height: auto; margin-bottom: 48px; } .contact-form-container { width: 100%; padding: 0; } .form-row { flex-direction: column; gap: 24px; } /* Mobile FAQ Section */ .faq-section { padding: 64px 16px; } .faq-header { margin-bottom: 48px; } .faq-header h2 { font-size: 32px; line-height: 40px; } .faq-header p { font-size: 18px; line-height: 28px; } .faq-grid { grid-template-columns: 1fr; gap: 40px; padding: 0 8px; } .faq-item { align-items: center; } .faq-item h3, .faq-item p { text-align: center; } .faq-footer { width: 100%; box-sizing: border-box; padding: 32px 20px; } /* Mobile Footer */ footer { padding: 0; } .footer-container { width: 100%; padding: 0 24px; } .footer-main { flex-direction: column; align-items: flex-start; padding: 48px 0; gap: 48px; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .footer-info { width: 100%; } .footer-logo img { max-width: 161px; height: auto; } .footer-links { flex-direction: column; gap: 40px; width: 100%; } .links-column { width: 100%; } footer hr { display: none; } .footer-bottom { flex-direction: column; gap: 32px; padding: 40px 0; align-items: flex-start; } .legal-links { flex-direction: column; gap: 16px; align-items: flex-start; } /* Mobile Projects Page */ .page-content { padding-top: 60px; } .page-header-section { padding: 64px 24px; } .page-header-section h1 { font-size: 32px; line-height: 40px; } .page-description { font-size: 16px; line-height: 24px; } .subscribe-form { flex-direction: column; width: 100%; } .subscribe-form input { width: 100%; } .all-posts-section { padding: 48px 24px; } .all-posts-section .container.column-layout { gap: 32px; } .posts-grid { grid-template-columns: 1fr; gap: 48px; } .pagination { flex-direction: column; gap: 24px; } .pagination-numbers { order: -1; } /* Mobile Single Project Page */ .article-page { padding-top: 60px; } .article-container { padding: 48px 24px; } .article-header { margin-bottom: 32px; } .article-header h1 { font-size: 32px; line-height: 40px; } .article-subtitle { font-size: 18px; line-height: 28px; } .article-main-image { margin: 0 0 32px 0; width: 100%; position: static; left: auto; right: auto; } .article-main-image img { border-radius: 16px; } .article-body { gap: 32px; } .article-body p { font-size: 16px; line-height: 26px; } .article-body h2 { font-size: 24px; line-height: 32px; } .article-quote p { font-size: 20px; line-height: 30px; } .author-share-section { flex-direction: column; align-items: flex-start; gap: 24px; } .newsletter-cta { padding: 0 24px 64px 24px; } .newsletter-cta .container { flex-direction: column; padding: 32px; gap: 32px; } .newsletter-cta .cta-content, .newsletter-cta .cta-content p { align-items: center; text-align: center; } .newsletter-cta .subscribe-form-bottom { flex-direction: column; width: 100%; align-items: stretch; } .subscribe-form-bottom .input-wrapper { width: 100%; } .subscribe-form-bottom input { width: 100%; } .newsletter-cta .privacy-note { text-align: center; } }"""