about-window.svelte RawHistoryFolder

1<script lang="ts">
2	import XpWindow from './xp-window.svelte';
3	import { desktop } from '$lib/states/desktop.svelte';
4</script>
5
6<XpWindow id="about" width={360} height={260} resizableWindow={false}>
7	<div class="content">
8		<img src="/aim/running-man-48.png" alt="" width="48" height="48" />
9		<h2>PDR AIM</h2>
10		<p>v0.3.0</p>
11		<p>
12			Un bac à sable associatif et sans but lucratif, pour retrouver l’époque des salons de
13			discussion AOL/AIM.
14		</p>
15		<p>Un petit coin de nostalgie pour les anciens habitués.</p>
16		<a href="https://pdraim.org" target="_blank" rel="noopener noreferrer">pdraim.org</a>
17		<div class="actions"><button onclick={() => desktop.close('about')}>OK</button></div>
18	</div>
19</XpWindow>
20
21<style>
22	.content {
23		display: flex;
24		flex-direction: column;
25		align-items: center;
26		text-align: center;
27		gap: 4px;
28		height: 100%;
29		overflow: auto;
30		font:
31			11px Tahoma,
32			'Pixelated MS Sans Serif',
33			sans-serif;
34	}
35	h2,
36	p {
37		margin: 0;
38	}
39	h2 {
40		font-size: 18px;
41	}
42	.actions {
43		margin-top: auto;
44		align-self: flex-end;
45	}
46</style>