add links to organization names in experience section (#23)

* create ambient ts file with shared types

* introduce url validation and conditional rendering of organizationWebsite prop

* add data to sections in page route

src/lib/ambient.d.ts

@@ -0,0 +1,7 @@
+type listItem = {
+	title: string;
+	organisation: string;
+	organisationWebsite?: string;
+	timePeriod: string;
+	description?: string;
+};

src/lib/components/section.svelte

@@ -2,7 +2,7 @@
 	export let title: string;
 	export let type: 'list' | 'description';
 	export let listItems:
-		| Array<{ title: string; organisation: string; timePeriod: string; description?: string }>
+		| Array<listItem>
 		| undefined = undefined;
 	export let description: string | undefined = undefined;
     export let isLast: boolean = false;
@@ -15,7 +15,13 @@
 			<div class="mb-6">
 				<h4 class="text-lg block border-b-zinc-500 dark:border-b-zinc-800 font-semibold">{item.title}</h4>
 				<div class="flex flex-row justify-between items-center text-sm mb-3">
-					<span>{item.organisation}</span>
+					<span>
+						{#if item.organisationWebsite && new URL(item.organisationWebsite)}
+							<a href={item.organisationWebsite} target="_blank">{item.organisation}</a>
+						{:else}
+							{item.organisation}
+						{/if}
+					</span>
 					<span>{item.timePeriod}</span>
 				</div>
 				{#if item.description}

src/routes/+page.svelte

@@ -68,20 +68,23 @@
 					{
 						title: 'Junior Frontend Developer',
 						organisation: 'TTMS',
+						organisationWebsite: 'https://ttms.com/',
 						timePeriod: 'Jun 2022 - Present',
 						description:
 							'Employ modern frontend technologies such as <strong>TypeScript, React, Redux and material-ui</strong> to create user-centric and accessible web applications, enhancing user engagement and satisfaction. Implementation of <strong>E2E, unit and visual tests using Cypress</strong>. Taking part in meetings with clients, discussing their needs and explaining possible solutions.'
 					},
 					{
 						title: 'Junior Frontend Developer',
 						organisation: 'ALTEN Polska',
+						organisationWebsite: 'https://www.altenpolska.pl/',
 						timePeriod: 'Jan 2022 - May 2022',
 						description:
 							'Development of the internal applications using <strong>JavaScript, Sass, PHP and SQL</strong>. Implementation of client-side form validation, with the use of js and regular expressions. Testing APIs with <strong>Swagger and Postman</strong>.'
 					},
 					{
 						title: 'Wep development internship',
 						organisation: 'beeanco',
+						organisationWebsite: 'https://www.beeanco.com/',
 						timePeriod: 'Jun 2021 - Dec 2021',
 						description:
 							'Collaborate with cross-functional teams to transform design concepts into responsive and visually appealing web interfaces using <strong>Svelte and bulma</strong>. Working on the verge of back-end and front-end with <strong>WordPress as headless CMS</strong>. Integrate animations and interactive elements to improve user interaction and elevate website aesthetics.'