aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/components/About.svelte18
-rw-r--r--src/components/Footer.svelte39
-rw-r--r--src/components/index.js1
-rw-r--r--src/routes/community.svelte0
-rw-r--r--src/routes/index.svelte5
-rw-r--r--src/routes/jobs.svelte0
-rw-r--r--static/icons/shield.svg15
7 files changed, 71 insertions, 7 deletions
diff --git a/src/components/About.svelte b/src/components/About.svelte
index 0fdf5200..a5f4c274 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -1,5 +1,14 @@
<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>
@@ -68,11 +77,8 @@
<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"
>
- <li>Running Bitcoin since 2011</li>
- <li>20+ years web development experience in government and industry</li>
- <li>Early Bitcoin Vancouver meetup organizer</li>
- <li>Founder of The Bitcoin Co-op and early supporter of Decentral Vancouver</li>
- <li>Yogi, permaculturist, anarchist, decentralist</li>
- <li>Husband, father, brother, son</li>
+ {#each aboutAdam as about}
+ <li>{about}</li>
+ {/each}
</ul>
</div>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
new file mode 100644
index 00000000..0c682179
--- /dev/null
+++ b/src/components/Footer.svelte
@@ -0,0 +1,39 @@
+<script>
+ import { Icon } from '$comp';
+
+ const followLinks = [
+ { url: 'https://twitter.com/coinoswallet', title: 'Twitter' },
+ { url: 'https://github.com/coinos', title: 'GitHub' },
+ { url: 'https://t.me/coinos', title: 'Telegram' }
+ ];
+
+ const companyLinks = [
+ { url: 'mailto:[email protected]', title: 'Support' },
+ { url: '/community', title: 'Community' },
+ { url: '/jobs', title: 'Jobs' }
+ ];
+</script>
+
+<footer class="space-y-10 md:space-y-0 text-xl block md:flex justify-around items-center mb-20">
+ <Icon icon="logo" style="w-48 mx-auto md:mx-0" />
+
+ <div class="text-center md:text-left">
+ <p class="font-semibold">Follow Us</p>
+ <ul class="mt-5 text-secondary space-y-3 font-medium">
+ {#each followLinks as link}
+ <li><a href={link.url} target="_blank" rel="noreferrer">{link.title}</a></li>
+ {/each}
+ </ul>
+ </div>
+
+ <div class="text-center md:text-left">
+ <p class="font-semibold">Company</p>
+ <ul class="mt-5 text-secondary space-y-3">
+ {#each companyLinks as link}
+ <li><a href={link.url}>{link.title}</a></li>
+ {/each}
+ </ul>
+ </div>
+
+ <Icon icon="shield" style="mx-auto md:mx-0" />
+</footer>
diff --git a/src/components/index.js b/src/components/index.js
index afa4790c..dade4c2c 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -10,3 +10,4 @@ export { default as AppHeader } from './AppHeader.svelte';
export { default as LoadingSplash } from './LoadingSplash.svelte';
export { default as PageNotFound } from './404.svelte';
export { default as About } from './About.svelte';
+export { default as Footer } from './Footer.svelte';
diff --git a/src/routes/community.svelte b/src/routes/community.svelte
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/src/routes/community.svelte
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 2164c58b..c823f668 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -6,7 +6,8 @@
HowItWorksCard,
FaqCard,
Image,
- About
+ About,
+ Footer
} from '$comp';
let howItWorks;
@@ -112,3 +113,5 @@
<About />
</div>
</main>
+
+<Footer />
diff --git a/src/routes/jobs.svelte b/src/routes/jobs.svelte
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/src/routes/jobs.svelte
diff --git a/static/icons/shield.svg b/static/icons/shield.svg
new file mode 100644
index 00000000..feda9661
--- /dev/null
+++ b/static/icons/shield.svg
@@ -0,0 +1,15 @@
+<svg width="96" height="122" viewBox="0 0 96 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.9721 93.8449C34.3435 92.6292 33.6075 92.6292 33.187 93.7392C32.6087 95.272 38.2338 99.1835 41.1252 99.1835C44.0167 99.1835 41.4932 95.9063 36.9721 93.8449Z" fill="black"/>
+<path d="M20.5703 79.9963C19.3086 80.472 19.8869 81.6348 22.6732 84.172C27.2469 88.3477 29.8755 88.7177 27.8777 84.912C26.248 81.8991 22.3577 79.2563 20.5703 79.9963Z" fill="black"/>
+<path d="M15.523 67.6268C14.6818 70.7454 15.8384 73.8116 17.8361 73.8116C19.6761 73.8116 20.2544 69.054 18.7298 67.0983C17.8361 65.9354 15.8384 66.3054 15.523 67.6268Z" fill="black"/>
+<path d="M16.4172 25.3949C17.9943 21.272 15.6286 14.3478 13.4206 16.5678C12.7898 17.2021 13.0526 24.3377 13.7886 25.342C14.6298 26.452 15.9966 26.5049 16.4172 25.3949Z" fill="black"/>
+<path d="M17.5732 58.2712C18.7298 57.8484 18.5726 52.5627 17.3634 51.4527C15.3657 49.6027 14.6292 50.2898 14.6292 53.9898C14.6292 57.5312 15.6281 58.9584 17.5732 58.2712Z" fill="black"/>
+<path d="M16.8898 41.1987C17.5207 37.8158 16.2589 33.6406 14.6292 33.6406C13.7355 33.6406 13.6304 34.0101 13.6304 36.9701C13.5778 41.6215 16.1538 44.9515 16.8898 41.1987Z" fill="black"/>
+<path d="M77.5572 35.5959C76.8738 36.2831 77.1892 40.9874 78.0304 41.7802C82.4989 46.1674 80.7641 32.3188 77.5572 35.5959Z" fill="black"/>
+<path d="M81.395 67.2044C81.395 65.3016 78.9241 64.1387 77.8201 65.513C76.979 66.5173 77.347 69.6887 76.243 71.8559C75.4544 73.4416 75.7173 74.023 77.5047 74.5516C78.8716 74.9216 81.395 73.5473 81.395 67.2044Z" fill="black"/>
+<path d="M79.555 26.7684C81.3424 26.7684 81.6052 26.1341 81.1847 22.2227C80.659 17.0958 77.8201 15.2455 76.7161 19.2627C75.4544 23.7027 76.611 26.7684 79.555 26.7684Z" fill="black"/>
+<path d="M94.2229 8.84999C93.8023 2.08427 87.3355 0.12898 80.659 0.0232653C62.9949 -0.293878 67.6218 2.71898 5.90264 3.72327C2.59064 3.77612 1.43386 3.51173 0.960713 7.05316C0.802999 8.32173 2.22232 55.417 2.69546 69.107C3.01089 78.6213 3.79941 77.0356 8.11027 82.427C12.6841 88.1356 22.0944 100.028 38.6018 117.048C49.2738 128.043 58.2635 118.212 93.0658 77.459C93.9595 76.4018 94.4852 75.1333 94.5378 73.759C95.3264 59.4876 95.5898 30.3627 94.2229 8.84999ZM90.3321 73.019C90.2795 73.0718 52.376 116.943 49.0115 116.943C47.8023 116.943 33.6601 104.68 25.4064 95.219C18.9401 87.819 13.8407 82.7447 9.8978 78.7804C8.89895 77.7761 8.32092 76.4542 8.26835 75.027C7.90035 63.9799 6.27027 15.0343 6.27027 14.9286C5.42913 8.47999 5.11365 8.5858 27.0361 8.69152C58.8418 8.90295 66.5698 5.67877 89.5961 5.8902C89.5435 49.709 91.9618 72.0676 90.3321 73.019Z" fill="black"/>
+<path d="M70.1447 80.2073C68.7252 81.3702 66.1492 85.0174 66.1492 85.9159C66.1492 87.8188 70.9858 85.3345 72.7207 82.5859C74.8235 79.1502 73.2464 77.6702 70.1447 80.2073Z" fill="black"/>
+<path d="M54.6361 96.0114C51.7446 99.5 51.64 99.7114 52.5863 100.663C54.1109 102.196 61.2601 96.4877 60.7869 94.1091C60.3664 91.6777 57.5275 92.5228 54.6361 96.0114Z" fill="black"/>
+<path d="M78.8715 59.1699C80.6064 59.8042 81.6058 55.1004 80.2915 52.6161C79.5029 51.189 77.347 51.2941 76.979 52.827C76.1904 55.9984 76.9264 58.4299 78.8715 59.1699Z" fill="black"/>
+</svg>