+ {#each messages as { speaker, text }, index}
+
+ {/each}
+
diff --git a/src/Debate.svelte b/src/Debate.svelte
new file mode 100644
index 0000000..43e1e8f
--- /dev/null
+++ b/src/Debate.svelte
@@ -0,0 +1,72 @@
+
+
+
+
+{debateData.title}
+ + + +Link para o vídeo original + +Debates Legislativas 2024
+ +Aqui pode encontrar os vídeos dos debates para as eleições legislativas de 2024, +bem como as respectivas transcrições (obtidas automáticamente, e por isso sujeitas a erros. + +Clique num vídeo para ver o debate completo. + +
+ {#each debates as { title, thumbnail, slug }}
+
diff --git a/src/app.css b/src/app.css
new file mode 100644
index 0000000..2b95aa5
--- /dev/null
+++ b/src/app.css
@@ -0,0 +1,42 @@
+:root {
+ font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+
+ //color-scheme: light dark;
+ //color: rgba(255, 255, 255, 0.87);
+ //background-color: #242424;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+a:hover {
+ color: #535bf2;
+}
+
+h1 {
+ align-self: center;
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+h2 {
+ align-self: center;
+ font-size: 2.4em;
+ line-height: 1.1;
+}
+
+#app {
+ width: 90%;
+ margin: 0 auto;
+ display: flex;
+}
+
diff --git a/src/debates.json b/src/debates.json
new file mode 100644
index 0000000..8746ae5
--- /dev/null
+++ b/src/debates.json
@@ -0,0 +1,22 @@
+[
+ {
+ "title": "PS vs IL",
+ "thumbnail": "https://images.impresa.pt/sicnot/2024-02-05-Pedro-Nuno-Santos-Rui-Rocha-e66319ff/16x9/mw-1200&outputFormat=jpeg",
+ "slug": "ps-vs-il"
+ },
+ {
+ "title": "Chega vs PAN",
+ "thumbnail": "https://cdn-images.rtp.pt/multimedia/screenshots/p12900/p12900_1_2024020515461.jpg?q=100&format=pjpg&auto=webp&v=3&w=400",
+ "slug": "chega-vs-pan"
+ },
+ {
+ "title": "PCP vs PAN",
+ "thumbnail": "https://cdn-images.rtp.pt/multimedia/screenshots/p12900/p12900_1_2024020615498.jpg?q=100&format=pjpg&auto=webp&v=3&w=400",
+ "slug": "pcp-vs-pan"
+ },
+ {
+ "title": "BE vs PSD",
+ "thumbnail": "https://images.impresa.pt/sicnot/2024-02-06-Mortagua-Montenegro-9d90a5bf/16x9/mw-1200&outputFormat=jpeg",
+ "slug": "be-vs-psd"
+ }
+]
\ No newline at end of file
diff --git a/src/lib/Counter.svelte b/src/lib/Counter.svelte
new file mode 100644
index 0000000..e45f903
--- /dev/null
+++ b/src/lib/Counter.svelte
@@ -0,0 +1,10 @@
+
+
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..57f6eca
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,7 @@
+// Initialize the Svelte app and inject it in the DOM
+import App from './App.svelte'
+const app = new App({
+ target: document.body
+})
+
+export default app
diff --git a/src/routes.js b/src/routes.js
new file mode 100644
index 0000000..ad7bd21
--- /dev/null
+++ b/src/routes.js
@@ -0,0 +1,8 @@
+import HomePage from './HomePage.svelte'
+import Debate from './Debate.svelte'
+
+// Export the route definition object
+export const routes = {
+ '/debate/:slug': Debate,
+ '/': HomePage,
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..4078e74
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// (window.location.href = `/#/debate/${slug}`)}>
+ 
+
+ {/each}
+{title}
+