Styling

src/data/copy.json

@@ -1 +1 @@
-{"meta":{"title":"Interference Tracker 2024"},"content":[{"type":"text","text":"The DFRLab's Foreign Interference Attribution Tracker (FIAT) is an interactive, open-source database that captures allegations of foreign interference relevant to the 2020 election. This tool assesses the credibility, bias, evidence, transparency, and impact of each claim. Explore by scrolling through the timeline and map below. Hover over a circle to see details about a particular case."}]}
+{"meta":{"title":"Interference Tracker 2024"},"content":[{"type":"text","text":"The DFRLab's Foreign Interference Attribution Tracker (FIAT) is an interactive, open-source database that captures allegations of foreign interference relevant to the 2024 election. This tool assesses the credibility, bias, evidence, transparency, and impact of each claim."}]}

src/routes/+page.svelte

@@ -31,7 +31,7 @@
 		<h1 class="is-size-1">{copy.meta.title}</h1>
 		{#each copy.content as block}
 			{#if block.type == 'text'}
-				<p>{block.text}</p>
+				<p class="intro">{block.text}</p>
 			{/if}
 		{/each}
 	</div>
@@ -73,6 +73,10 @@
 </section>
 
 <style>
+    .intro {
+        max-width: 800px;
+        margin: auto;
+    }
 	.select-container {
 		width: 360px;
 	}