aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/About.svelte
blob: 3731bf9b039181ab5a72924dbd619387cf715fea (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<script>
	import { Image, Icon } from '$comp';

	const aboutAdam = [
		'Running Bitcoin since 2011',
		'20+ years web development experience in government and industry',
		'Early Bitcoin Vancouver meetup organizer',
		'Founder of The Bitcoin Co-op and early supporter of Decentral Vancouver',
		'Yogi, permaculturist, anarchist, decentralist',
		'Husband, father, brother, son'
	];
</script>

<h3 class="text-5xl font-medium mb-10 text-center">About</h3>
<div
	class="md:px-10 lg:px-0 block lg:flex justify-center text-secondary text-xl lg:space-x-20 mx-auto max-w-7xl relative"
>
	<p class="w-full lg:w-5/12">
		<strong>CoinOS is</strong> an <strong>open source</strong> bitcoin web wallet, point of sale,
		ecommerce marketplace and exchange platform. Development started in Vancouver in September 2012
		as a way to provide local merchants with a convenient way to accept bitcoin payments.
		<br /><br />
		The feature set has grown over the years to accomodate a wide variety of use cases with the goal
		of making it as easy as possible for anyone to get started using Bitcoin quickly, cheaply, and securely.
		<br /><br />
	</p>
	<p class="w-full lg:w-5/12">
		Anyone can download the source code and host their own instance of the platform backed by their
		own bitcoin, liquid or lightning nodes, or reach out and we'll gladly set this up for you.
		<br /><br />
		Intra-account transfers between custodial wallets of different users on our server are completely
		free, instant, and unlimited.
	</p>
	<Image image="swoosh" style="w-32 absolute -bottom-20 lg:bottom-0 right-0 md:right-10" />
</div>

<div class="px-5 block lg:flex justify-center lg:space-x-32 items-center mt-40 lg:mt-20">
	<div class="space-y-5 mb-5 lg:mb-0">
		<h3 class="text-5xl font-medium mb-10 text-center lg:text-right">The Founder</h3>

		<Image image="adam" style="rounded-full mx-auto lg:mx-0 lg:ml-auto w-40" />

		<div class="space-y-2">
			<span class="text-2xl text-center font-semibold block lg:text-right">Adam Soltys</span>
			<span class="text-xl text-center text-secondary block lg:text-right"
				>Chief Technical Officer</span
			>
		</div>

		<div class="flex justify-center lg:justify-end items-center space-x-5">
			<a
				href="https://twitter.com/adamsoltys"
				target="_blank"
				rel="noreferrer"
				class="rounded-full p-2 bg-[#1D9BF0]"><Icon icon="twitter" style="w-6" /></a
			>
			<a
				href="https://github.com/asoltys"
				target="_blank"
				rel="noreferrer"
				class="rounded-full p-2 bg-gray-800"><Icon icon="github" style="w-6" /></a
			>
		</div>
	</div>

	<ul
		class="w-full mx-auto md:w-[700px] lg:w-[500px] xl:w-auto text-secondary px-1 md:px-10 text-xl list-disc space-y-5"
	>
		{#each aboutAdam as about}
			<li>{about}</li>
		{/each}
	</ul>
</div>