optimizacija strani

.gitignore

@@ -0,0 +1 @@
+.venv/

cene-in-reference/index.html

@@ -4,6 +4,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Cene in reference - Prosberry</title>
+    <meta name="description" content="Pregled cen storitev Prosberry za tečaje angleščine, albanščine in slovenščine ter medkulturno posredovanje. Preberite reference zadovoljnih strank in spoznajte strokovnost Amre Kurešepi Zulji.">
+    <meta name="keywords" content="cene, cenik, reference, mnenja strank, tečaji angleščine, medkulturno posredovanje, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +24,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -237,8 +247,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

cene-in-sodelovanja/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Cene in sodelovanja - Prosberry</title>
+    <meta name="description" content="Za informacije o cenah storitev Prosberry in možnostih sodelovanja nas kontaktirajte. Nudimo tečaje angleščine, medkulturno posredovanje in delavnice.">
+    <meta name="keywords" content="cene, sodelovanje, Prosberry, tečaji angleščine, medkulturno posredovanje, delavnice, cenik">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/cene-in-sodelovanja/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -146,8 +157,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html> 

delavnice/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Delavnice - Prosberry</title>
+    <meta name="description" content="Pregled vseh delavnic Prosberry za šole, vrtce in zaposlene. Izboljšajte vključevanje priseljencev, sodelovanje s starši in strokovni razvoj ekipe z našimi strokovno pripravljenimi vsebinami.">
+    <meta name="keywords" content="delavnice, šole, vrtci, zaposleni, vključevanje priseljencev, sodelovanje s starši, strokovni razvoj, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/delavnice/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -139,7 +150,7 @@
                 <div class="workshop-card-grid">
                     <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/" data-aos="fade-up">
                         <div class="workshop-card-image">
-                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Delavnica Zakaj se splača znati slovensko?">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.webp" alt="Delavnica Zakaj se splača znati slovensko?" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                         <div class="workshop-card-title">
                             Zakaj se splača znati slovensko?
@@ -147,7 +158,7 @@
                     </a>
                     <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/" data-aos="fade-up" data-aos-delay="100">
                         <div class="workshop-card-image">
-                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.png" alt="Delavnica Šola in starši priseljenci">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.webp" alt="Delavnica Šola in starši priseljenci" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                         <div class="workshop-card-title">
                             Šola in starši priseljenci
@@ -165,7 +176,7 @@
                 <div class="workshop-card-grid workshop-card-grid--single">
                     <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/" data-aos="fade-up">
                         <div class="workshop-card-image">
-                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.png" alt="Delavnica Skupaj gradimo nove začetke">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp" alt="Delavnica Skupaj gradimo nove začetke" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                         <div class="workshop-card-title">
                             Skupaj gradimo nove začetke
@@ -183,7 +194,7 @@
                 <div class="workshop-card-grid workshop-card-grid--single">
                     <a class="workshop-card" href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/" data-aos="fade-up">
                         <div class="workshop-card-image">
-                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.png" alt="Delavnica Od tujca do sošolca">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.webp" alt="Delavnica Od tujca do sošolca" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                         <div class="workshop-card-title">
                             Od tujca do sošolca
@@ -209,8 +220,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

generate_responsive_images.py

@@ -0,0 +1,74 @@
+import os
+from PIL import Image
+
+# Project root directory (where this script is located)
+PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))
+IMAGES_DIR = os.path.join(PROJECT_ROOT, 'assets', 'images')
+
+# Define images and their desired responsive widths
+# Each tuple: (original_filename, [list_of_widths_to_generate])
+RESPONSIVE_IMAGES_CONFIG = [
+    ('amra.webp', [320, 480, 767, 960]), # Added 320w
+    ('logo.webp', [100, 200, 400])      # Added 100w
+]
+
+def generate_responsive_image(image_path, output_width, output_dir, quality=85):
+    """
+    Generates a responsive version of an image with a specified width.
+    Maintains aspect ratio.
+    """
+    try:
+        with Image.open(image_path) as img:
+            # Calculate new height to maintain aspect ratio
+            original_width, original_height = img.size
+            if original_width <= output_width:
+                # If original is smaller or equal, no need to resize down
+                # We still save it with the new naming convention if it's part of srcset
+                new_width = original_width
+                new_height = original_height
+            else:
+                new_width = output_width
+                new_height = int((original_height * new_width) / original_width)
+
+            # Resize only if dimensions change
+            if new_width != original_width or new_height != original_height:
+                img = img.resize((new_width, new_height), Image.Resampling.LANCZOS)
+
+            # Construct new filename (e.g., amra-480w.webp)
+            base_name, ext = os.path.splitext(os.path.basename(image_path))
+            # Ensure we only take the base name before any existing -<width>w
+            base_name_clean = base_name.split('-')[0]
+            new_filename = f"{base_name_clean}-{output_width}w{ext}"
+            output_path = os.path.join(output_dir, new_filename)
+
+            img.save(output_path, format=img.format, quality=quality)
+            print(f"Generated: {output_path} ({new_width}x{new_height})")
+            return True
+    except FileNotFoundError:
+        print(f"Error: Source image not found at {image_path}")
+        return False
+    except Exception as e:
+        print(f"Error processing {image_path} for width {output_width}: {e}")
+        return False
+
+def main():
+    print("Starting responsive image generation...")
+
+    if not os.path.exists(IMAGES_DIR):
+        print(f"Error: Image directory not found at {IMAGES_DIR}")
+        return
+
+    for original_filename, widths in RESPONSIVE_IMAGES_CONFIG:
+        original_image_path = os.path.join(IMAGES_DIR, original_filename)
+
+        if not os.path.exists(original_image_path):
+            print(f"Warning: Original image {original_filename} not found. Skipping.")
+            continue
+
+        for width in widths:
+            generate_responsive_image(original_image_path, width, IMAGES_DIR)
+    
+    print("Responsive image generation complete.")
+
+if __name__ == "__main__":
+    main()

header-template.html

@@ -3,8 +3,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>

index.html

@@ -3,10 +3,23 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Kontakt - Prosberry</title>
-    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <title>Prosberry - Medkulturno izobraževanje in podpora</title>
+    <meta name="description" content="Prosberry je vaš medkulturni kotiček za učenje angleščine, razumevanje medkulturnih odnosov in osebno rast. Nudimo delavnice, medkulturno posredovanje in individualno podporo.">
+    <meta name="keywords" content="učenje angleščine, medkulturno posredovanje, delavnice za otroke, delavnice za starše, delavnice za šole, Amra Kurešepi Zulji, Prosberry">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="preload" as="image" href="/assets/images/amra.webp" imagesrcset="/assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w" imagesizes="(max-width: 767px) 100vw, 50vw">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"></noscript>
+    <link rel="preload" href="https://unpkg.com/aos@next/dist/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"></noscript>
     <link rel="stylesheet" href="/css/style.css">
-    <link rel="stylesheet" href="/css/animations.css">
 </head>
 <body>
 <header class="main-header">
@@ -14,8 +27,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async" srcset="/assets/images/logo-100w.webp 100w, /assets/images/logo-200w.webp 200w, /assets/images/logo-400w.webp 400w, /assets/images/logo.webp 1500w">
                     </picture>
                 </a>
             </div>
@@ -129,7 +142,7 @@
                 <h1>Dobrodošli v našem medkulturnem kotičku…</h1>
                 <p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
                 <div class="hero-info-box">
-                    <h3>Zakaj PROSBERRY?</h3>
+                    <h2>Zakaj PROSBERRY?</h2>
                     <p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
                     <p><strong>BERRY</strong> predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.</p>
                     <p>Tudi v jeziku in med ljudmi rastemo vsak po svoje – z različnimi potrebami, ozadji in cilji.</p>
@@ -137,7 +150,7 @@
                 </div>
             </div>
             <div class="hero-new-image" data-aos="fade-left">
-                <img src="assets/images/amra.png" alt="Amra Kurešepi Zulji">
+                <img src="assets/images/amra.webp" alt="Amra Kurešepi Zulji" width="1544" height="1920" fetchpriority="high" srcset="/assets/images/amra-320w.webp 320w, /assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w">
             </div>
         </div>
         <!-- Dekorativni elementi v ozadju -->
@@ -177,7 +190,7 @@
     <section class="about-amra-intro">
         <div class="about-amra-wrapper" data-aos="fade-up">
             <div class="about-amra-image">
-                <img src="assets/images/amra2.png" alt="Amra Kurešepi Zulji" loading="lazy">
+                <img src="assets/images/amra2.webp" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="480" height="503">
             </div>
             <div class="about-amra-content">
                 <p>Sem Amra – mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na zanimivi poti učenja in odkrivanja novih svetov.</p>
@@ -217,8 +230,7 @@
     </div>
 </footer>
 
-<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-<script src="js/main.js"></script>
-<script src="js/animations.js"></script>
+<script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+<script src="js/main.js" defer></script>
 </body>
 </html>

kdo-sem/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kdo sem - Prosberry</title>
+    <meta name="description" content="Spoznajte Amro Kurešepi Zulji, ustanoviteljico Prosberry. Odkrijte njeno osebno zgodbo, izkušnje z večjezičnostjo in strast do podpore posameznikom pri učenju jezikov in medkulturnem razumevanju.">
+    <meta name="keywords" content="Amra Kurešepi Zulji, Prosberry, o meni, medkulturna mediatorka, profesorica angleščine, osebna rast, zgodba o uspehu">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/kdo-sem/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -133,7 +144,7 @@
                     <div class="image-frame">
                         <picture>
                             <source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
-                            <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji">
+                            <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="1600" height="900">
                         </picture>
                     </div>
                 </div>
@@ -195,9 +206,8 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
     <script src="../js/main.js"></script>
-    <script src="../js/animations.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const toggles = document.querySelectorAll('.about-accordion-toggle');

kontakt/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kontakt - Prosberry</title>
+    <meta name="description" content="Stopite v stik z Prosberry za tečaje angleščine, medkulturno posredovanje ali delavnice. Izpolnite kontaktni obrazec ali nas pokličite in z veseljem vam bomo pomagali.">
+    <meta name="keywords" content="kontakt, Prosberry, Amra Kurešepi Zulji, tečaji angleščine, medkulturno posredovanje, delavnice, povpraševanje">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/kontakt/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -194,9 +205,8 @@
         </div>
     </div>
 </footer>
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             // --- Form Submission Logic ---

minify_js.py

@@ -0,0 +1,16 @@
+
+import re
+
+with open("/home/mark/prosberry/js/main.js", "r") as f:
+    js_content = f.read()
+
+# Remove single-line comments
+js_content = re.sub(r"//.*", "", js_content)
+# Remove multi-line comments
+js_content = re.sub(r"/\*.*?\*/", "", js_content, flags=re.DOTALL)
+# Remove newlines and extra whitespace
+js_content = re.sub(r"\s+", " ", js_content)
+js_content = js_content.strip()
+
+with open("/home/mark/prosberry/js/main.js", "w") as f:
+    f.write(js_content)

optimize_images.py

@@ -0,0 +1,229 @@
+import os
+import argparse
+import shutil
+from PIL import Image
+
+# --- Konfiguracija skripte za projekt "Hermina" ---
+
+# Predpostavka: ta skripta se nahaja v korenski mapi projekta.
+PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))
+
+# Pot do mape, kjer se nahajajo slike, ki jih želimo optimizirati.
+IMAGES_DIR_PATH = os.path.join("assets", "images")
+
+# Ime podmape znotraj IMAGES_DIR_PATH, kamor se bodo shranile originalne slike.
+ORIGINAL_IMAGES_SUBDIR_NAME = "original"
+
+# Mape, ki jih želimo PREGLEDATI za posodobitev referenc na slike.
+# '.' pomeni, da začnemo v korenski mapi in pregledamo vse podmape.
+DIRECTORIES_TO_SCAN = ['.']
+
+# Mape, ki jih želimo IZKLJUČITI iz pregledovanja (za hitrejše delovanje in varnost).
+# Skripta ne bo iskala referenc v teh mapah.
+DIRECTORIES_TO_EXCLUDE_FROM_SCAN = ['.git', '.gitea', '.vscode', '__pycache__']
+
+# Končnice datotek, v katerih iščemo in posodabljamo reference na slike.
+FILE_EXTENSIONS_TO_UPDATE = ['.html', '.css', '.js']
+
+# Nastavitve optimizacije
+WEBP_QUALITY = 85  # Kakovost kompresije za WebP (0-100). Višje = boljša kvaliteta, večja datoteka.
+MAX_IMAGE_DIMENSION = 1920  # Slike, večje od te dimenzije (širina ali višina), bodo pomanjšane. 0 za izklop.
+
+# Končnice slik, ki jih želimo optimizirati.
+IMAGE_EXTENSIONS_TO_OPTIMIZE = ['.jpg', '.jpeg', '.png']
+
+# Imena datotek, ki jih želimo preskočiti pri optimizaciji (npr. logotipi, ikone).
+EXCLUDE_FILES_FROM_OPTIMIZATION = [
+    'favicon.ico'
+    # Dodajte imena drugih datotek po potrebi, npr. 'logo.png'
+]
+
+
+# --- Pomožne funkcije (večinoma nespremenjene) ---
+
+def optimize_image(image_path, output_path, quality, max_dim, dry_run=False):
+    """
+    Naloži sliko, jo po potrebi pomanjša, optimizira in pretvori v WebP format.
+    """
+    try:
+        with Image.open(image_path) as img:
+            # Pretvorba slik s paleto (kot so nekatere PNG) v RGBA za ohranitev prosojnosti.
+            if img.mode in ('P', 'LA'):
+                img = img.convert("RGBA")
+
+            if max_dim > 0 and (img.width > max_dim or img.height > max_dim):
+                print(f"  Pomanjšujem sliko {os.path.basename(image_path)} iz {img.width}x{img.height} ...", end="")
+                img.thumbnail((max_dim, max_dim), Image.Resampling.LANCZOS)
+                print(f" na {img.width}x{img.height}")
+            else:
+                print(f"  Obdelujem sliko {os.path.basename(image_path)} ({img.width}x{img.height})...", end="")
+
+            if not dry_run:
+                img.save(output_path, "webp", quality=quality, method=6)
+                print(f" Shrani v {os.path.basename(output_path)} (kvaliteta: {quality}).")
+            else:
+                print(f" DRY RUN: Shranil bi v {os.path.basename(output_path)} (kvaliteta: {quality}).")
+
+            return True
+    except FileNotFoundError:
+        print(f"  Napaka: Izvorna slika '{image_path}' ni najdena.")
+        return False
+    except Exception as e:
+        print(f"  Napaka pri optimizaciji slike '{image_path}': {e}")
+        return False
+
+def update_file_references(file_path, old_filename, new_filename, dry_run=False):
+    """
+    V dani datoteki zamenja vse pojavitve starega imena slike z novim.
+    """
+    try:
+        with open(file_path, 'r', encoding='utf-8') as f:
+            content = f.read()
+    except Exception:
+        # Ignoriramo binarne ali neberljive datoteke
+        return False
+
+    if old_filename in content:
+        updated_content = content.replace(old_filename, new_filename)
+        if not dry_run:
+            try:
+                with open(file_path, 'w', encoding='utf-8') as f:
+                    f.write(updated_content)
+                print(f"  Posodobljene reference v: '{os.path.relpath(file_path, PROJECT_ROOT)}'")
+                return True
+            except Exception as e:
+                print(f"  Napaka pri zapisovanju v '{file_path}': {e}")
+                return False
+        else:
+            print(f"  DRY RUN: Posodobil bi reference v: '{os.path.relpath(file_path, PROJECT_ROOT)}'")
+            return True
+    return False
+
+def find_files_to_update(scan_dirs, exclude_dirs):
+    """
+    Rekurzivno poišče vse datoteke z ustreznimi končnicami, pri tem pa ignorira izključene mape.
+    """
+    found_files = []
+    for directory in scan_dirs:
+        scan_path = os.path.join(PROJECT_ROOT, directory)
+        for dirpath, dirnames, filenames in os.walk(scan_path):
+            # Učinkovit način za izključitev map: odstranimo jih iz seznama za nadaljnje pregledovanje
+            dirnames[:] = [d for d in dirnames if d not in exclude_dirs]
+            
+            for filename in filenames:
+                if any(filename.endswith(ext) for ext in FILE_EXTENSIONS_TO_UPDATE):
+                    found_files.append(os.path.join(dirpath, filename))
+    return sorted(list(set(found_files)))
+
+
+# --- Glavna funkcija ---
+
+def main():
+    parser = argparse.ArgumentParser(description="Optimizira slike v WebP in posodobi reference v projektu.")
+    parser.add_argument("--dry-run", action="store_true", help="Prikaže, katere spremembe bi se zgodile, a jih ne izvede.")
+    args = parser.parse_args()
+
+    images_full_path = os.path.join(PROJECT_ROOT, IMAGES_DIR_PATH)
+    original_images_full_path = os.path.join(images_full_path, ORIGINAL_IMAGES_SUBDIR_NAME)
+    
+    # Dodamo mapo z originali v seznam za izključitev, da ne skeniramo še tam.
+    DIRECTORIES_TO_EXCLUDE_FROM_SCAN.append(ORIGINAL_IMAGES_SUBDIR_NAME)
+
+    if not os.path.isdir(images_full_path):
+        print(f"Napaka: Mapa s slikami '{images_full_path}' ne obstaja. Preverite pot v konfiguraciji.")
+        return
+
+    if not args.dry_run:
+        os.makedirs(original_images_full_path, exist_ok=True)
+        print(f"Mapa za originale: '{original_images_full_path}'")
+    else:
+        print(f"DRY RUN: Mapa za originale bi bila '{original_images_full_path}'.")
+
+    optimized_images_map = []
+    
+    print("\n--- FAZA 1: OPTIMIZACIJA SLIK ---")
+    for dirpath, dirnames, filenames in os.walk(images_full_path):
+        # preskoči mapo z originali, če že obstaja
+        dirnames[:] = [
+            d for d in dirnames
+            if os.path.relpath(os.path.join(dirpath, d), images_full_path) != ORIGINAL_IMAGES_SUBDIR_NAME
+        ]
+
+        for filename in filenames:
+            file_path = os.path.join(dirpath, filename)
+
+            if not os.path.isfile(file_path):
+                continue
+
+            name, ext = os.path.splitext(filename)
+            ext = ext.lower()
+
+            if filename in EXCLUDE_FILES_FROM_OPTIMIZATION:
+                print(f"- Preskakujem izključeno datoteko: '{filename}'")
+                continue
+
+            if ext in IMAGE_EXTENSIONS_TO_OPTIMIZE:
+                new_filename = f"{name}.webp"
+                new_file_path = os.path.join(dirpath, new_filename)
+
+                rel_dir = os.path.relpath(dirpath, images_full_path)
+                rel_dir = "" if rel_dir == "." else rel_dir
+                old_rel_path = os.path.join(rel_dir, filename) if rel_dir else filename
+                new_rel_path = os.path.join(rel_dir, new_filename) if rel_dir else new_filename
+                old_rel_path = old_rel_path.replace(os.sep, "/")
+                new_rel_path = new_rel_path.replace(os.sep, "/")
+
+                # Preveri, če WebP verzija že obstaja in je novejša
+                if os.path.exists(new_file_path) and os.path.getmtime(new_file_path) > os.path.getmtime(file_path):
+                    print(f"- WebP '{new_rel_path}' že obstaja in je posodobljen. Preskakujem optimizacijo.")
+                    optimized_images_map.append({'old': filename, 'new': new_filename, 'old_path': old_rel_path, 'new_path': new_rel_path})
+                    continue
+
+                if optimize_image(file_path, new_file_path, WEBP_QUALITY, MAX_IMAGE_DIMENSION, args.dry_run):
+                    optimized_images_map.append({'old': filename, 'new': new_filename, 'old_path': old_rel_path, 'new_path': new_rel_path})
+                    if not args.dry_run:
+                        try:
+                            destination_dir = os.path.join(original_images_full_path, rel_dir) if rel_dir else original_images_full_path
+                            os.makedirs(destination_dir, exist_ok=True)
+                            shutil.move(file_path, os.path.join(destination_dir, filename))
+                            print(f"  Original '{old_rel_path}' premaknjen v '{ORIGINAL_IMAGES_SUBDIR_NAME}/'.")
+                        except Exception as e:
+                            print(f"  NAPAKA pri premikanju '{old_rel_path}': {e}")
+                    else:
+                        print(f"  DRY RUN: Original '{old_rel_path}' bi bil premaknjen v '{ORIGINAL_IMAGES_SUBDIR_NAME}/'.")
+
+    if not optimized_images_map:
+        print("\nNi bilo najdenih novih slik za optimizacijo.")
+    
+    print("\n--- FAZA 2: POSODABLJANJE REFERENC V PROJEKTU ---")
+    
+    files_to_scan = find_files_to_update(DIRECTORIES_TO_SCAN, DIRECTORIES_TO_EXCLUDE_FROM_SCAN)
+    
+    if not files_to_scan:
+        print("Ni najdenih .html, .css ali .js datotek za pregled.")
+    else:
+        print(f"Najdenih {len(files_to_scan)} datotek za pregled...")
+
+    updated_files_count = 0
+    for file_path in files_to_scan:
+        file_was_updated = False
+        for img_info in optimized_images_map:
+            replaced = False
+            if update_file_references(file_path, img_info['old_path'], img_info['new_path'], args.dry_run):
+                replaced = True
+            # za nazaj združljivost: če je v datoteki samo ime brez poti
+            if update_file_references(file_path, img_info['old'], img_info['new'], args.dry_run):
+                replaced = True
+
+            if replaced:
+                file_was_updated = True
+        
+        if file_was_updated:
+            updated_files_count += 1
+            
+    print(f"\nPregledanih je bilo {len(files_to_scan)} datotek.")
+    print(f"Posodobljenih je bilo {updated_files_count} datotek.")
+    print("\n--- SKRIPTA JE ZAKLJUČILA Z DELOM ---")
+
+if __name__ == "__main__":
+    main()

pogosta-vprasanja/index.html

@@ -4,6 +4,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Pogosta vprašanja - Prosberry</title>
+    <meta name="description" content="Poiščite odgovore na pogosta vprašanja o medkulturnem posredovanju, delavnicah in sodelovanju z Prosberry. Izvedite več o naših storitvah in kako vam lahko pomagamo.">
+    <meta name="keywords" content="pogosta vprašanja, FAQ, medkulturno posredovanje, delavnice, Prosberry, Amra Kurešepi Zulji, vprašanja in odgovori">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +24,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -253,9 +263,8 @@
         </div>
     </div>
 </footer>
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const faqItems = document.querySelectorAll('.faq-item');

politika-zasebnosti/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Politika zasebnosti - Prosberry</title>
+    <meta name="description" content="Preberite politiko zasebnosti podjetja PROSBERRY, Amra Kurešepi Zulji s.p. Izvedite več o varovanju vaših osebnih podatkov, uporabi kontaktnega obrazca, pogodbeni obdelavi in hrambi podatkov.">
+    <meta name="keywords" content="politika zasebnosti, varovanje podatkov, GDPR, Prosberry, Amra Kurešepi Zulji, osebni podatki, piškotki">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/politika-zasebnosti/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -206,8 +217,7 @@
         </div>
     </div>
 </footer>
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

ponudba/index.html

@@ -4,6 +4,16 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Ponudba - Prosberry</title>
+    <meta name="description" content="Odkrijte celotno ponudbo Prosberry: tečaji angleščine, albanščine in slovenščine za vse nivoje ter medkulturno posredovanje za institucije, šole in priseljence. Učenje in podpora prilagojena vašim potrebam.">
+    <meta name="keywords" content="ponudba, tečaji angleščine, učenje albanščine, tečaji slovenščine, medkulturno posredovanje, inštrukcije, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="preconnect" href="https://unpkg.com" />
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
+    <link rel="dns-prefetch" href="https://unpkg.com" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" />
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css" />
     <link rel="stylesheet" href="/css/animations.css" />
@@ -14,8 +24,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -254,8 +264,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
   </body>
 </html>

robots.txt

@@ -0,0 +1,5 @@
+User-agent: *
+Allow: /
+Disallow: /kontakt/process_form.php
+
+Sitemap: https://www.prosberry.si/sitemap.xml

sitemap.xml

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://www.prosberry.si/kdo-sem/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/politika-zasebnosti/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/skupaj-za-vkljucevanje/medkulturno-posredovanje/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/kontakt/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/delavnice/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/cene-in-sodelovanja/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/pogosta-vprasanja/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/ponudba/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+  <url>
+    <loc>https://www.prosberry.si/cene-in-reference/</loc>
+    <lastmod>2025-11-04</lastmod>
+  </url>
+</urlset>

skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Delavnica: Od tujca do sošolca - Prosberry</title>
+    <meta name="description" content="Delavnica 'Od tujca do sošolca' ponuja učiteljem učinkovite strategije za motivacijo in vključevanje učencev priseljencev. Spoznajte, kako krepiti kulturno občutljivost in premagovati jezikovne ovire v razredu.">
+    <meta name="keywords" content="delavnica za učitelje, učenci priseljenci, motivacija učencev, kulturna občutljivost, jezikovne ovire, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -191,7 +202,7 @@
                     </div>
                     <div class="workshop-image" data-aos="fade-left">
                         <div class="workshop-image-frame">
-                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.png" alt="Ilustracija učiteljice, ki pomaga učencem različnih kultur">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucitelji.webp" alt="Ilustracija učiteljice, ki pomaga učencem različnih kultur" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                     </div>
                 </div>
@@ -214,8 +225,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Delavnica: Šola in starši priseljenci - Prosberry</title>
+    <meta name="description" content="Delavnica 'Šola in starši priseljenci' pomaga staršem razumeti slovenski šolski sistem, njihove pravice in odgovornosti ter učinkovito sodelovati s šolo za podporo otrok. Spoznajte cilje, trajanje in ceno delavnice.">
+    <meta name="keywords" content="delavnica šola, starši priseljenci, sodelovanje s šolo, slovenski šolski sistem, podpora otrokom, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -190,7 +201,7 @@
                     </div>
                     <div class="workshop-image" data-aos="fade-left">
                         <div class="workshop-image-frame">
-                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.png" alt="Ilustracija sestanka staršev in učiteljev">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-sola.webp" alt="Ilustracija sestanka staršev in učiteljev" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                     </div>
                 </div>
@@ -213,8 +224,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Delavnica: Skupaj gradimo nove začetke - Prosberry</title>
+    <meta name="description" content="Delavnica 'Skupaj gradimo nove začetke' pomaga vrtcem in staršem priseljencem vzpostaviti zaupanje, razumeti delovanje vrtca ter olajšati vključevanje otrok v novo okolje. Spoznajte cilje, trajanje in ceno delavnice.">
+    <meta name="keywords" content="delavnica vrtec, starši priseljenci, vključevanje otrok, novi začetki, medkulturno razumevanje, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -190,7 +201,7 @@
                     </div>
                     <div class="workshop-image" data-aos="fade-left">
                         <div class="workshop-image-frame">
-                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.png" alt="Ilustracija srečanja staršev v vrtcu">
+                            <img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp" alt="Ilustracija srečanja staršev v vrtcu" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                     </div>
                 </div>
@@ -213,8 +224,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html

@@ -4,6 +4,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Delavnica: Zakaj se splača znati slovensko? - Prosberry</title>
+    <meta name="description" content="Interaktivna delavnica 'Zakaj se splača znati slovensko?' za učence priseljence. Spoznajte pomen slovenskega jezika za šolski uspeh, vsakdanje življenje in gradnjo samozavesti. Delavnica je prilagojena skupini in poteka v šoli.">
+    <meta name="keywords" content="delavnica za učence, učenje slovenščine, učenci priseljenci, vključevanje, samozavest, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +24,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -189,7 +199,7 @@
                     </div>
                     <div class="workshop-image" data-aos="fade-left">
                         <div class="workshop-image-frame">
-                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Ilustracija učenja slovenskega jezika">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.webp" alt="Ilustracija učenja slovenskega jezika" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                     </div>
                 </div>
@@ -212,8 +222,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>

skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html

@@ -4,6 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Medkulturno posredovanje - Prosberry</title>
+    <meta name="description" content="Medkulturno posredovanje Prosberry pomaga pri razumevanju in reševanju nesporazumov med posamezniki in skupinami z različnimi kulturnimi ozadji. Spoznajte individualne in skupinske oblike posredovanja ter potek sodelovanja.">
+    <meta name="keywords" content="medkulturno posredovanje, kulturne razlike, reševanje konfliktov, individualno posredovanje, skupinsko posredovanje, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="canonical" href="https://www.prosberry.si/skupaj-za-vkljucevanje/medkulturno-posredovanje/">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +25,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -148,8 +159,8 @@
             <div class="mediation-detail-container">
                 <div class="mediation-detail-image" data-aos="fade-up">
                     <picture>
-                        <source srcset="/assets/images/individualno.jpeg" type="image/jpeg">
-                        <img src="/assets/images/individualno.jpeg" alt="Individualno medkulturno posredovanje">
+                        <source srcset="/assets/images/individualno.webp" type="image/webp">
+                        <img src="/assets/images/individualno.webp" alt="Individualno medkulturno posredovanje" loading="lazy" decoding="async" width="1248" height="832">
                     </picture>
                 </div>
                 <div class="mediation-detail-text" data-aos="fade-up" data-aos-delay="120">
@@ -169,8 +180,8 @@
                 </div>
                 <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="120">
                     <picture>
-                        <source srcset="/assets/images/skupinsko.jpeg" type="image/jpeg">
-                        <img src="/assets/images/skupinsko.jpeg" alt="Skupinsko medkulturno posredovanje">
+                        <source srcset="/assets/images/skupinsko.webp" type="image/webp">
+                        <img src="/assets/images/skupinsko.webp" alt="Skupinsko medkulturno posredovanje" loading="lazy" decoding="async" width="1170" height="777">
                     </picture>
                 </div>
             </div>
@@ -257,8 +268,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>