Archie updates

google.config.js

@@ -1,7 +1,7 @@
 export default [
 	{
-		//"id": "1tSZ6hKWKR0u3pIxvm3L_6SO3ab2yqjM8ww7GMBU3EwE",
+		"id": "1tSZ6hKWKR0u3pIxvm3L_6SO3ab2yqjM8ww7GMBU3EwE",
-		"id": "1sDuhhouZ1IYsi355slAtY2SeF6781vO8AvhVL-EE_3A",
+		//"id": "1sDuhhouZ1IYsi355slAtY2SeF6781vO8AvhVL-EE_3A",
 		"filepath": "src/data/copy.json"
 	}
 ]

src/lib/components/Collapsible.svelte

@@ -1,13 +1,15 @@
 <script>
 	export let title
-	export let text
+	export let paragraphs
 	export let id
 </script>
 
 <input id={id} class="toggle" type="checkbox" />
 <label for={id} class="lbl-toggle top">{title}</label>
 <div class="collapsible-content">
-	<p>{@html text}</p>
+	{#each paragraphs as par}
+		<p class="mb-4">{@html par}</p>
+	{/each}
 </div>
 
 <style>

src/lib/components/Header.svelte

@@ -2,7 +2,7 @@
 	import copy from '../../data/copy.json';
 </script>
 
-<section class="content title section" style:background-image={"url('images/fiat_2024_banner_background.jpg')"}>
+<section class="content title section" style:background-image={"url('images/fiat_2024_banner_background_new.jpg')"}>
 	<div class="container has-text-centered">
 		<div class="logos">
 			<a href="https://www.atlanticcouncil.org"
@@ -16,6 +16,7 @@
 		</div>
 		<h1 class="title is-size-1">{copy.meta.title}</h1>
 		<h2 class="subtitle is-size-4 has-text-weight-bold">{copy.meta.subtitle}</h2>
+		<h3 class="subtitle is-size-5 is-italic">{copy.meta.subsubtitle}</h3>
 	</div>
 </section>
 

src/routes/+page.svelte

@@ -228,18 +228,20 @@
 
 <section class="section">
 	<div class="container has-text-centered">
-		<!--h1 class="title is-size-1">{copy.meta.title}</h1>
+		<div class="intro">
-        <h2 class="subtitle is-size-4 has-text-weight-bold">{copy.meta.subtitle}</h2-->
 		{#each copy.intro as block}
 			{#if block.type == 'text'}
-				<p class="intro">{block.text}</p>
+				{#each block.paragraphs as par}
+					<p class="mb-4">{@html par}</p>
+				{/each}
 			{/if}
 		{/each}
 	</div>
+	</div>
 	<div class="container">
 		{#each copy.intro as block}
 			{#if block.type == 'concealed-text'}
-				<Collapsible title={block.title} text={block.text} id={block.id} />
+				<Collapsible title={block.title} paragraphs={block.paragraphs} id={block.id} />
 			{/if}
 		{/each}
 	</div>
@@ -298,10 +300,12 @@
 	<div class="container">
 		{#each copy.moreInfo as block}
 			{#if block.type == 'text'}
-				<p>{block.text}</p>
+				{#each block.paragraphs as par}
+					<p class="mb-4">{@html par}</p>
+				{/each}
 			{/if}
 			{#if block.type == 'concealed-text'}
-				<Collapsible title={block.title} text={block.text} id={block.id} />
+				<Collapsible title={block.title} paragraphs={block.paragraphs} id={block.id} />
 			{/if}
 		{/each}
 	</div>
@@ -345,11 +349,4 @@
 		padding: 1rem;
 		z-index: 750;
 	}
-	.cases-control {
-		display: inline-block;
-		margin-right: 3rem;
-	}
-	.sort-label {
-		font-size: 0.9rem;
-	}
 </style>