add drone

.drone.yml

@@ -0,0 +1,46 @@
+kind: pipeline
+name: default
+
+steps:
+- name: deploy
+  image: node:latest
+  volumes:
+  - name: host-tutorato-dist
+    path: /drone/src/dist
+  environment:
+    BASE_URL:
+      from_secret: base_url
+  commands:
+  - pwd
+  - npm install
+  - npm run build
+
+volumes:
+- name: host-tutorato-dist
+  host:
+    path: /var/www/tutorato
+
+trigger:
+  branch:
+  - main
+  event:
+  - push
+
+---
+kind: pipeline
+type: exec
+name: caddy-permissions
+
+depends_on:
+- default
+
+steps:
+- name: chown
+  commands:
+  - chown -R caddy:caddy /var/www/tutorato 
+
+trigger:
+  branch:
+  - main
+  event:
+  - push

package.json

@@ -10,6 +10,6 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^4.15.1"
+    "astro": "4.15.10"
   }
 }

src/components/Header.astro

@@ -1,53 +1,55 @@
 ---
-const years = await Astro.glob('../pages/archivio/*/index.md')
+const years = await Astro.glob("../pages/archivio/*/index.md");
-const yearLabels = years.map(module => module.file.split('/').at(-2)).toSorted()
+const yearLabels = years.map((module) => module.file.split("/").at(-2)).toSorted();
-const currentYear = yearLabels.at(-1)
+const currentYear = yearLabels.at(-1);
 
-const { selectedCourseLabel, courses } = Astro.props
+const { selectedCourseLabel, courses } = Astro.props;
-const title = courses.find(module => module.file.includes('index.md')).frontmatter.title
 const selectedYear = courses
-    .find(module => module.file.includes('index.md'))
+    .find((module) => module.file.includes("index.md"))
-    .file.split('/')
+    .file.split("/")
-    .at(-2)
+    .at(-2);
-const isCurrentYear = currentYear == selectedYear
+const isCurrentYear = currentYear == selectedYear;
-const coursesWithoutIndex = courses.filter(m => !m.file.includes('index.md'))
+const coursesWithoutIndex = courses.filter((m) => !m.file.includes("index.md"));
 ---
 
 <header>
     <h1>
-        {
+        <a href="/"> Tutorato Matematica</a>
-            isCurrentYear ? (
+        <nav>
-                <a href="/">{title}</a>
+            <ul>
-            ) : (
+                {
-                <a href={`/archivio/${selectedYear}`}>{title}</a>
+                    yearLabels.slice(0, -1).map((year) => (
-            )
+                        <li class:list={{ active: year === selectedYear }}>
-        }
+                            <a href={`/archivio/${year}`}>{year}</a>
-    </h1>
+                        </li>
-    <ul>
+                    ))
-        {
+                }
-            yearLabels.slice(0, -1).map(year => (
+                <li class:list={{ active: currentYear === selectedYear }}>
-                <li class:list={{ active: year === selectedYear }}>
+                    <a href={"/"}>{currentYear}</a>
-                    <a href={`/archivio/${year}`}>{year}</a>
-                </li>
-            ))
-        }
-        <li class:list={{ active: currentYear === selectedYear }}>
-            <a href={'/'}>{currentYear}</a>
-        </li>
-    </ul>
-    <ul>
-        {
-            coursesWithoutIndex.map(course => (
-                <li
-                    class:list={{
-                        active: selectedCourseLabel === course.file.split('/').at(-1),
-                    }}
-                >
-                    <a href={isCurrentYear ? '/' + course.url.split('/').at(-1) : course.url}>
-                        {course.frontmatter.title}
-                    </a>
                 </li>
-            ))
+            </ul>
-        }
+            <ul>
-    </ul>
+                {
+                    coursesWithoutIndex.map((course) => (
+                        <li
+                            class:list={{
+                                active:
+                                    selectedCourseLabel === course.file.split("/").at(-1),
+                            }}
+                        >
+                            <a
+                                href={
+                                    isCurrentYear
+                                        ? "/" + course.url.split("/").at(-1)
+                                        : course.url
+                                }
+                            >
+                                {course.frontmatter.title}
+                            </a>
+                        </li>
+                    ))
+                }
+            </ul>
+        </nav>
+    </h1>
 </header>