initial commit of domande esami branch

src/pages/domande-esami/index.astro

@@ -0,0 +1,31 @@
+---
+import { PhosphorIcon } from '@/client/Icon'
+import Footer from '@/components/Footer.astro'
+import Header from '@/components/Header.astro'
+import BaseLayout from '@/layouts/BaseLayout.astro'
+---
+
+<BaseLayout title="Domande Esami | PHC" pageTags={'domande-esami'}>
+    <Header />
+    <main>
+        <h1>Domande Esami</h1>
+
+        <div class="search">
+            <input type="text" placeholder="Cerca una domanda per un easme..." />
+            <PhosphorIcon client:load name="magnifying-glass" />
+        </div>
+
+        <h2>Corsi</h2>
+
+        <div class="courses card large" style={{ '--card-base': 'hsl(180, 100%, 81%)' }}>
+            <details class="course-group">
+                <summary>
+                    <PhosphorIcon client:load name="caret-down" />
+                    <PhosphorIcon client:load name="caret-up" />
+                    <div class="title">Analisi 1</div>
+                </summary>
+            </details>
+        </div>
+    </main>
+    <Footer />
+</BaseLayout>

src/styles/pages.scss

@@ -437,6 +437,51 @@
         }
     }
 
+    .domande-esami {
+        background: hsl(180, 100%, 95%);
+
+        main {
+            justify-self: center;
+
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
+            padding: 5rem 0;
+
+            gap: 5rem;
+
+            max-width: 80ch;
+
+            .search-result {
+                background: hsl(180, 100%, 87%);
+            }
+
+            button {
+                background: hsl(180, 100%, 72%);
+            }
+        }
+
+        .courses {
+            padding: 0;
+
+            hr {
+                width: 100%;
+                border: none;
+                height: 2px;
+                background: #000d;
+                margin: 0;
+            }
+
+            .text {
+                > * {
+                    margin: 1rem 0;
+                    padding: 0 1rem;
+                }
+            }
+        }
+    }
+
     // .login {
     //     background: #ddfaff;