From acc39a701f31d69aac596f5aece1edc868934579 Mon Sep 17 00:00:00 2001 From: popovskik Date: Fri, 31 Jul 2026 11:20:12 +0200 Subject: [PATCH] Add Still need help section: contact, Viber community button, Yes/No feedback Every guide page and the landing now end with a help section: an Email us contact, a prominent Viber community join button, and a Was this page helpful Yes/No widget. guide-feedback.js records the vote in localStorage and on No invites emailing MSOS or asking in Viber; it exposes a sendVote hook for later central collection. Co-Authored-By: Claude Opus 4.8 (1M context) --- css/pages/_guide.css | 171 ++++++++++++++++++ .../academic-life/index.html | 23 +++ .../administrative-basics/index.html | 23 +++ .../admission-and-enrolment/index.html | 23 +++ .../application-deadlines/index.html | 23 +++ .../arrival-checklist/index.html | 23 +++ .../bachelor-application/index.html | 23 +++ .../choose-a-programme/index.html | 23 +++ .../complete-student-journey/index.html | 23 +++ .../document-preparation/index.html | 23 +++ .../evs-application-guide/index.html | 23 +++ .../healthcare-in-slovenia/index.html | 23 +++ en/student-welcome-guide/index.html | 26 +++ .../master-application/index.html | 23 +++ .../means-accommodation-address/index.html | 23 +++ .../index.html | 23 +++ .../prepare-to-move/index.html | 23 +++ .../recognition-of-education/index.html | 23 +++ .../renew-change-graduate/index.html | 23 +++ .../rm-si-3-health-insurance/index.html | 23 +++ .../student-accommodation/index.html | 23 +++ .../student-budget/index.html | 23 +++ .../student-meals/index.html | 23 +++ .../index.html | 23 +++ .../student-residence-permit/index.html | 23 +++ .../student-transport/index.html | 23 +++ .../student-work/index.html | 23 +++ .../study-cities/index.html | 23 +++ .../tuition-and-scholarships/index.html | 23 +++ .../visa-and-residence-explained/index.html | 23 +++ .../wellbeing-and-community/index.html | 23 +++ .../where-to-apply-for-residence/index.html | 23 +++ guide-feedback.js | 61 +++++++ .../academic-life/index.html | 23 +++ .../administrative-basics/index.html | 23 +++ .../admission-and-enrolment/index.html | 23 +++ .../application-deadlines/index.html | 23 +++ .../arrival-checklist/index.html | 23 +++ .../bachelor-application/index.html | 23 +++ .../choose-a-programme/index.html | 23 +++ .../complete-student-journey/index.html | 23 +++ .../document-preparation/index.html | 23 +++ .../evs-application-guide/index.html | 23 +++ .../healthcare-in-slovenia/index.html | 23 +++ mk/student-welcome-guide/index.html | 26 +++ .../master-application/index.html | 23 +++ .../means-accommodation-address/index.html | 23 +++ .../index.html | 23 +++ .../prepare-to-move/index.html | 23 +++ .../recognition-of-education/index.html | 23 +++ .../renew-change-graduate/index.html | 23 +++ .../rm-si-3-health-insurance/index.html | 23 +++ .../student-accommodation/index.html | 23 +++ .../student-budget/index.html | 23 +++ .../student-meals/index.html | 23 +++ .../index.html | 23 +++ .../student-residence-permit/index.html | 23 +++ .../student-transport/index.html | 23 +++ .../student-work/index.html | 23 +++ .../study-cities/index.html | 23 +++ .../tuition-and-scholarships/index.html | 23 +++ .../visa-and-residence-explained/index.html | 23 +++ .../wellbeing-and-community/index.html | 23 +++ .../where-to-apply-for-residence/index.html | 23 +++ .../academic-life/index.html | 23 +++ .../administrative-basics/index.html | 23 +++ .../admission-and-enrolment/index.html | 23 +++ .../application-deadlines/index.html | 23 +++ .../arrival-checklist/index.html | 23 +++ .../bachelor-application/index.html | 23 +++ .../choose-a-programme/index.html | 23 +++ .../complete-student-journey/index.html | 23 +++ .../document-preparation/index.html | 23 +++ .../evs-application-guide/index.html | 23 +++ .../healthcare-in-slovenia/index.html | 23 +++ si/student-welcome-guide/index.html | 26 +++ .../master-application/index.html | 23 +++ .../means-accommodation-address/index.html | 23 +++ .../index.html | 23 +++ .../prepare-to-move/index.html | 23 +++ .../recognition-of-education/index.html | 23 +++ .../renew-change-graduate/index.html | 23 +++ .../rm-si-3-health-insurance/index.html | 23 +++ .../student-accommodation/index.html | 23 +++ .../student-budget/index.html | 23 +++ .../student-meals/index.html | 23 +++ .../index.html | 23 +++ .../student-residence-permit/index.html | 23 +++ .../student-transport/index.html | 23 +++ .../student-work/index.html | 23 +++ .../study-cities/index.html | 23 +++ .../tuition-and-scholarships/index.html | 23 +++ .../visa-and-residence-explained/index.html | 23 +++ .../wellbeing-and-community/index.html | 23 +++ .../where-to-apply-for-residence/index.html | 23 +++ 95 files changed, 2380 insertions(+) create mode 100644 guide-feedback.js diff --git a/css/pages/_guide.css b/css/pages/_guide.css index cfca0752..44308693 100644 --- a/css/pages/_guide.css +++ b/css/pages/_guide.css @@ -318,6 +318,177 @@ margin-right: 8px; } +/* ---------- Still need help? ---------- */ +.guide-help { + max-width: 860px; + margin: 44px auto 0; + padding-top: 28px; + border-top: 1px solid #E4E7EC; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 20px; +} +.guide-help-contact { + display: flex; + flex-direction: column; + align-items: flex-start; +} +.guide-help-title { + display: flex; + align-items: center; + gap: 10px; + margin: 0 0 10px; + font-size: 20px; + font-weight: 700; + color: #101828; +} +.guide-help-title i { + color: #ff6b2c; +} +.guide-help-contact p { + margin: 0 0 16px; + color: #475467; + line-height: 25px; +} +.guide-help-email { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 10px 18px; + border-radius: 8px; + background: #fff; + border: 1.5px solid #D0D5DD; + color: #344054; + font-weight: 600; + text-decoration: none; + transition: border-color .15s, color .15s, transform .15s; +} +.guide-help-email:hover { + border-color: #ff6b2c; + color: #ff6b2c; + transform: translateY(-1px); +} +/* Viber community card + button */ +.guide-viber { + background: linear-gradient(135deg, #f3f1ff 0%, #ece8ff 100%); + border: 1px solid #ddd6fe; + border-radius: 14px; + padding: 20px 22px; + display: flex; + flex-direction: column; + align-items: flex-start; +} +.guide-viber-title { + display: flex; + align-items: center; + gap: 10px; + margin: 0 0 8px; + font-size: 17px; + font-weight: 700; + color: #4b3fb0; + line-height: 22px; +} +.guide-viber-title i, +.guide-viber-btn i { + color: #7360F2; +} +.guide-viber-text { + margin: 0 0 16px; + color: #475467; + line-height: 24px; +} +.guide-viber-btn { + display: inline-flex; + align-items: center; + gap: 10px; + margin-top: auto; + padding: 13px 24px; + border-radius: 999px; + background: linear-gradient(135deg, #7360F2 0%, #8f7ff7 100%); + color: #fff; + font-weight: 700; + font-size: 16px; + text-decoration: none; + box-shadow: 0 8px 20px rgba(115, 96, 242, .35); + transition: transform .15s, box-shadow .15s; +} +.guide-viber-btn i { + color: #fff; + font-size: 20px; +} +.guide-viber-btn:hover { + transform: translateY(-2px); + box-shadow: 0 12px 26px rgba(115, 96, 242, .45); +} +/* Was this page helpful? */ +.guide-feedback { + grid-column: 1 / -1; + margin-top: 6px; + padding-top: 22px; + border-top: 1px solid #E4E7EC; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 14px; +} +.guide-feedback-q { + margin: 0; + font-weight: 600; + color: #344054; +} +.guide-feedback-buttons { + display: flex; + gap: 10px; +} +.guide-feedback-btn { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 9px 20px; + border-radius: 8px; + background: #fff; + border: 1.5px solid #D0D5DD; + color: #344054; + font-weight: 600; + font-size: 15px; + cursor: pointer; + transition: border-color .15s, color .15s, background .15s; +} +.guide-feedback-btn i { + font-size: 13px; + color: #98A2B3; +} +.guide-feedback-btn[data-vote="yes"]:hover { + border-color: #12B76A; + color: #12B76A; + background: #F6FEF9; +} +.guide-feedback-btn[data-vote="yes"]:hover i { + color: #12B76A; +} +.guide-feedback-btn[data-vote="no"]:hover { + border-color: #F04438; + color: #F04438; + background: #FFFBFA; +} +.guide-feedback-btn[data-vote="no"]:hover i { + color: #F04438; +} +.guide-feedback-msg { + margin: 0; + color: #475467; + font-weight: 500; +} +.guide-feedback-msg a { + color: #7360F2; + font-weight: 600; +} +@media (max-width: 640px) { + .guide-help { + grid-template-columns: 1fr; + } +} + /* ---------- Route builder ---------- */ .guide-route { max-width: 920px; diff --git a/en/student-welcome-guide/academic-life/index.html b/en/student-welcome-guide/academic-life/index.html index cbe315f1..ec868062 100644 --- a/en/student-welcome-guide/academic-life/index.html +++ b/en/student-welcome-guide/academic-life/index.html @@ -244,6 +244,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -304,5 +326,6 @@ + diff --git a/en/student-welcome-guide/administrative-basics/index.html b/en/student-welcome-guide/administrative-basics/index.html index 277d0c33..830bdb5f 100644 --- a/en/student-welcome-guide/administrative-basics/index.html +++ b/en/student-welcome-guide/administrative-basics/index.html @@ -241,6 +241,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -301,5 +323,6 @@ + diff --git a/en/student-welcome-guide/admission-and-enrolment/index.html b/en/student-welcome-guide/admission-and-enrolment/index.html index eeb726e7..25e4f364 100644 --- a/en/student-welcome-guide/admission-and-enrolment/index.html +++ b/en/student-welcome-guide/admission-and-enrolment/index.html @@ -242,6 +242,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -302,5 +324,6 @@ + diff --git a/en/student-welcome-guide/application-deadlines/index.html b/en/student-welcome-guide/application-deadlines/index.html index e6d1c10c..e99f0430 100644 --- a/en/student-welcome-guide/application-deadlines/index.html +++ b/en/student-welcome-guide/application-deadlines/index.html @@ -239,6 +239,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -299,5 +321,6 @@ + diff --git a/en/student-welcome-guide/arrival-checklist/index.html b/en/student-welcome-guide/arrival-checklist/index.html index 179fc735..3e512ec7 100644 --- a/en/student-welcome-guide/arrival-checklist/index.html +++ b/en/student-welcome-guide/arrival-checklist/index.html @@ -257,6 +257,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -317,5 +339,6 @@ + diff --git a/en/student-welcome-guide/bachelor-application/index.html b/en/student-welcome-guide/bachelor-application/index.html index 0b7a09f0..78ed91c1 100644 --- a/en/student-welcome-guide/bachelor-application/index.html +++ b/en/student-welcome-guide/bachelor-application/index.html @@ -269,6 +269,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -329,5 +351,6 @@ + diff --git a/en/student-welcome-guide/choose-a-programme/index.html b/en/student-welcome-guide/choose-a-programme/index.html index 229fd224..f774f0c4 100644 --- a/en/student-welcome-guide/choose-a-programme/index.html +++ b/en/student-welcome-guide/choose-a-programme/index.html @@ -260,6 +260,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -320,5 +342,6 @@ + diff --git a/en/student-welcome-guide/complete-student-journey/index.html b/en/student-welcome-guide/complete-student-journey/index.html index 4de61bd3..7ad0cbc8 100644 --- a/en/student-welcome-guide/complete-student-journey/index.html +++ b/en/student-welcome-guide/complete-student-journey/index.html @@ -285,6 +285,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -345,5 +367,6 @@ + diff --git a/en/student-welcome-guide/document-preparation/index.html b/en/student-welcome-guide/document-preparation/index.html index 62416297..ed8afa26 100644 --- a/en/student-welcome-guide/document-preparation/index.html +++ b/en/student-welcome-guide/document-preparation/index.html @@ -234,6 +234,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -294,5 +316,6 @@ + diff --git a/en/student-welcome-guide/evs-application-guide/index.html b/en/student-welcome-guide/evs-application-guide/index.html index 8bb39120..4784b4c2 100644 --- a/en/student-welcome-guide/evs-application-guide/index.html +++ b/en/student-welcome-guide/evs-application-guide/index.html @@ -245,6 +245,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -305,5 +327,6 @@ + diff --git a/en/student-welcome-guide/healthcare-in-slovenia/index.html b/en/student-welcome-guide/healthcare-in-slovenia/index.html index 112ec0b2..73fb6d46 100644 --- a/en/student-welcome-guide/healthcare-in-slovenia/index.html +++ b/en/student-welcome-guide/healthcare-in-slovenia/index.html @@ -295,6 +295,28 @@

Last checked: 30 July 2026

+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
@@ -355,5 +377,6 @@ + diff --git a/en/student-welcome-guide/index.html b/en/student-welcome-guide/index.html index d333c331..d2e3be9d 100644 --- a/en/student-welcome-guide/index.html +++ b/en/student-welcome-guide/index.html @@ -286,6 +286,31 @@ + +
+ +
+
+

Still need help?

+

If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.

+ Email us +
+
+

Viber community of Macedonian students in Slovenia

+

Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.

+ Join the Viber community +
+
+

Was this page helpful?

+
+ + +
+ + +
+
+