From 82d2e984429f5a9fe65b093da5537529e94b362c Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Fri, 30 Jun 2023 12:56:42 -0700 Subject: homepage update --- src/app.css | 10 +- src/components/LandingHeader.svelte | 34 +- src/components/Numpad.svelte | 4 +- src/routes/+page.svelte | 459 +++++++++++++++++++++----- src/swapee/css/responsive.css | 66 ++++ src/swapee/css/style.css | 549 +++++++++++++++++++++++++++++++ src/swapee/img/accordion-minus-icon.svg | 1 + src/swapee/img/accordion-plus-icon.svg | 1 + src/swapee/img/cross-icon.png | Bin 0 -> 441 bytes src/swapee/img/cross-icon.svg | 3 + src/swapee/img/footer-logo.png | Bin 0 -> 1495 bytes src/swapee/img/hero_bg.png | Bin 0 -> 283488 bytes src/swapee/img/logo.png | Bin 0 -> 1796 bytes src/swapee/img/map.png | Bin 0 -> 99721 bytes src/swapee/img/swapee-grid-1-3.png | Bin 0 -> 27997 bytes src/swapee/img/swapee-grid-1-3.svg | 1 + src/swapee/img/swapee-grid-2-3.png | Bin 0 -> 28287 bytes src/swapee/img/swapee-grid-3-3.png | Bin 0 -> 51183 bytes src/swapee/img/swapee-sec-2-img.png | Bin 0 -> 247265 bytes src/swapee/img/swapee-sec-calculator.png | Bin 0 -> 312432 bytes src/swapee/img/telegram.svg | 1 + src/swapee/img/twitter.svg | 1 + src/swapee/index.html | 321 ++++++++++++++++++ 23 files changed, 1361 insertions(+), 90 deletions(-) create mode 100644 src/swapee/css/responsive.css create mode 100644 src/swapee/css/style.css create mode 100644 src/swapee/img/accordion-minus-icon.svg create mode 100644 src/swapee/img/accordion-plus-icon.svg create mode 100644 src/swapee/img/cross-icon.png create mode 100644 src/swapee/img/cross-icon.svg create mode 100644 src/swapee/img/footer-logo.png create mode 100644 src/swapee/img/hero_bg.png create mode 100644 src/swapee/img/logo.png create mode 100644 src/swapee/img/map.png create mode 100644 src/swapee/img/swapee-grid-1-3.png create mode 100644 src/swapee/img/swapee-grid-1-3.svg create mode 100644 src/swapee/img/swapee-grid-2-3.png create mode 100644 src/swapee/img/swapee-grid-3-3.png create mode 100644 src/swapee/img/swapee-sec-2-img.png create mode 100644 src/swapee/img/swapee-sec-calculator.png create mode 100644 src/swapee/img/telegram.svg create mode 100644 src/swapee/img/twitter.svg create mode 100644 src/swapee/index.html (limited to 'src') diff --git a/src/app.css b/src/app.css index 3a722fb1..63e5c767 100644 --- a/src/app.css +++ b/src/app.css @@ -11,6 +11,14 @@ html { font-family: PublicSans, sans-serif; } +:root { + --purple: #7105f3; + --slate_blue: #7f8a9d; + --bg_light: #F2F2F2; + --transition_3s: all .3s ease-in-out; + --transition_5s: all .5s ease-in-out; +} + ::selection { color: black; background: #eaf2ff; @@ -22,7 +30,7 @@ html { input, textarea { - @apply block border rounded-2xl px-5 py-4 w-full; + @apply block border rounded-2xl px-5 py-4 w-full text-white font-bold; } button.primary { diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index ed7907c1..b063f844 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -25,8 +25,7 @@

@@ -122,4 +121,35 @@ .z { z-index: 100; } + + button { + font-size: 14px; + font-weight: 600; + color: black; + text-transform: uppercase; + font-family: 'Work Sans', sans-serif; + position: relative; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out; + } + +button::after{ + content: ''; + position: absolute; + bottom: 0; + left: 50%; + width: 0; + height: 2px; + background: #7005f38a; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte index 5ea1418c..3bf8c8de 100644 --- a/src/components/Numpad.svelte +++ b/src/components/Numpad.svelte @@ -201,7 +201,7 @@ {#if value === arrow} {/if} diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 3331b69b..6fcf7657 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,102 +1,391 @@ - + + + + + + - + +

+ It's important not to forget your username and + password since we don't have access to those details. +

+ +

- - + + + + +

+ The easiest way to get
+ started with bitcoin. +

+ A simple but powerful web wallet for everyone. *No software or hardware required.* +

+ Start in Seconds +

- - {$t('landing.info2.description1')} -

- {$t('landing.info2.description2')} -

- {@html $t('landing.info2.description3')} - - -

- -

+ +

Create your account

+ A username and password is all you need to get started. Don’t forget it! +

Ask for payments

+ It’s the same as you normally would traditionally, but with bitcoin. +

That's all!

+ Spend your coins immediately or save it and watch it grow, the choice is yours. +

+ + +

Say Goodbye to Waiting

+ Lightning Network
+ Brings Instant Payments +

+ Say goodbye to the headaches of waiting for bank settlements and dealing with + chargebacks with our payment solution. With instant settlement and no 3% credit card + processing fees, merchants can enjoy hassle-free retail payments. +

+ +

+ Learn More + Get Started +

+ +

Quick and painless

+ Simple to use +

+ Just enter an amount in your local currency, share the QR code and you’re done. We do + all the heavy lifting so you can focus on your business. You always have the option of + taking custody of your funds by withdrawing instantly at any time. +

{$t('howItWorks.header')}

- {#each howItWorksSteps as step} - - {/each} +

+ Learn More + Get Started +

{$t('faq.header')}

- {#each faqIDs as faqID} - - {/each} +

- -

Customized & Personalized

+ Brand it your way! +

+ You have complete control over your profile page's aesthetic. Customize it with your + preferred color scheme, avatar, and banner to reflect your brand, personality and + interests. +

+ +

+ + +

This might help

+ Frequently asked
questions +

+ +

+ It's free to register an account and receive payments. We charge a 0.1% conversion + fee if you withdraw regular bitcoin to lightning or vice versa. +

+ +

+ It's free to register an account and receive payments. We charge a 0.1% conversion + fee if you withdraw regular bitcoin to lightning or vice versa. +

+ +

+ It's free to register an account and receive payments. We charge a 0.1% conversion + fee if you withdraw regular bitcoin to lightning or vice versa. +

+ + +

+ Real-World Bitcoin Locations +

+ Join the Growing businesses that accept + Bitcoin + with Swapee! +

+ Business Listings + Get Listed +

+ + + diff --git a/src/swapee/css/responsive.css b/src/swapee/css/responsive.css new file mode 100644 index 00000000..53c1ece7 --- /dev/null +++ b/src/swapee/css/responsive.css @@ -0,0 +1,66 @@ +@media(min-width: 1399px){ + /* sec_3 */ + .sec_3{ + padding-top: 3rem; + padding-bottom: 3rem; + } +} + +@media(max-width: 991px){ + /* bitcoin_location */ + .bitcoin_location{ + padding-top: 70px; + padding-bottom: 70px; + } + + /* section 3 */ + .sec_3_img { + transform: translateX(40px); + } + + /* footer */ + .footer_bottom{ + justify-content: center; + } +} + +@media(max-width: 767px) { + .scale_img_right img, .scale_img_left img { + transform: scale(1); + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); +} + + /* section 3 */ + .sec_3{ + padding-top: 3rem; + padding-bottom: 1.5rem; + } + .sec_3_img { + transform: translateX(2%); + -webkit-transform: translateX(2%); + -moz-transform: translateX(2%); + -ms-transform: translateX(2%); + -o-transform: translateX(2%); + } +} + +@media(max-width: 576px){ + /* bitcoin_location */ + .bitcoin_location{ + padding-top: 50px; + padding-bottom: 50px; + } + + /* footer */ + .site_footer{ + padding-top: 50px; + } + + /* section */ + .sec_btn a{ + font-size: 14px; + } +} \ No newline at end of file diff --git a/src/swapee/css/style.css b/src/swapee/css/style.css new file mode 100644 index 00000000..69996058 --- /dev/null +++ b/src/swapee/css/style.css @@ -0,0 +1,549 @@ +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body{ + font-family: 'Inter', sans-serif; +} + +:root{ + --purple: #7105f3; + --slate_blue: #7f8a9d; + --bg_light: #F2F2F2; + --transition_3s: all .3s ease-in-out; + --transition_5s: all .5s ease-in-out; +} + +/* utility classes */ +.letter_space_2{ + letter-spacing: 2px; +} + +.fs_18{ + font-size: 18px !important; +} + +.f_bebas_neue{ + font-family: 'Bebas Neue', sans-serif; +} + +.bg_purple{ + background: var(--purple); +} + +.bg_light { + background: var(--bg_light); +} + +.txt_yellow{ + color: #FFEA01; +} + +.txt_purple { + color: var(--purple); +} + +.txt_slate_blue { + color: var(--slate_blue); +} + +.border_radius_0{ + border-radius: 0 !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + -o-border-radius: 0 !important; +} + +.letter_space_1 { + letter-spacing: 1px; +} + +.letter_space_2{ + letter-spacing: 2px; +} + +/* top_alert */ +.top_alert{ + border-bottom: 2px solid var(--bs-black); +} + +.top_alert button{ + position: absolute; + top: 50%; + right: 15px; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} + +/* nav */ +.site_logo img{ + max-width: 140px; +} + +#offcanvas ul li a{ + font-size: 14px; + font-weight: 600; + color: var(--bs-black); + text-transform: uppercase; + font-family: 'Work Sans', sans-serif; + position: relative; +} + +#offcanvas ul li a::after{ + content: ''; + position: absolute; + bottom: 0; + left: 50%; + width: 0; + height: 2px; + background: #7005f38a; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +#offcanvas ul li a.active::after, +#offcanvas ul li a:hover::after{ + width: 50px; +} + +.btn_white, +.btn_black, +.btn_purple{ + position: relative; + font-family: 'Work Sans', sans-serif; + text-transform: uppercase; + font-weight: 600; + display: inline-block; + text-decoration: none; + border: 2px solid var(--bs-black); + border-radius: 100px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +.btn_white::after, +.btn_black::after, +.btn_purple::after{ + content: ''; + position: absolute; + top: 4px; + left: 2px; + width: 100%; + height: 100%; + background: var(--bs-black); + border: 1px solid var(--bs-black); + border-radius: 100px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + transition: all .2s linear; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -ms-transition: all .2s linear; + -o-transition: all .2s linear; +} + +.btn_black::after{ + top: 2px; + background: var(--bs-white); +} + +.btn_purple:hover, +.btn_white:hover, +.btn_black:hover{ + transform: translateY(1px) translateX(1px); + -webkit-transform: translateY(1px) translateX(1px); + -moz-transform: translateY(1px) translateX(1px); + -ms-transform: translateY(1px) translateX(1px); + -o-transform: translateY(1px) translateX(1px); +} + +.btn_black:hover::after, +.btn_white:hover::after, +.btn_purple:hover::after{ + transform: translateY(-2px) translateX(-2px); + -webkit-transform: translateY(-2px) translateX(-2px); + -moz-transform: translateY(-2px) translateX(-2px); + -ms-transform: translateY(-2px) translateX(-2px); + -o-transform: translateY(-2px) translateX(-2px); +} + +.btn_black span, +.btn_white span, +.btn_purple span{ + color: var(--bs-black); + width: 100%; + height: 100%; + display: block; + padding: 8px 25px; + background: var(--bs-white); + position: relative; + z-index: 2; + border-radius: 100px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; +} + +.btn_black span{ + background: var(--bs-black); + color: var(--bs-white); +} + +.btn_purple span{ + background: var(--purple); + color: var(--bs-white); +} + +.nav_btn a:not(:last-child){ + margin-right: 15px; +} + + +/* bitcoin_location */ +.bitcoin_location{ + display: flex; + align-items: center; + padding-top: 90px; + padding-bottom: 90px; + background: url("../img/map.png") no-repeat; + background-size: cover; +} + +.bitcoin_location a.btn_line{ + text-decoration: none; + padding: 9px 25px; + font-weight: 600; + color: var(--bs-black); + text-transform: uppercase; + font-family: 'Work Sans', sans-serif; + position: relative; +} + +.bitcoin_location a.btn_line::after{ + content: ''; + position: absolute; + bottom: 0; + left: 50%; + width: 50px; + height: 2px; + background: #7005f38a; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +/* grid */ +.swapee_3_grids img { + height: 230px; + height: 65%; + max-height: 230px; +} + +.swapee_grid_link { + text-decoration: underline; + color: var(--slate_blue); + transition: var(--transition_3s); + font-weight: 600; + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +.swapee_grid_link:hover { + color: var(--slate_blue); + text-decoration: none; +} + +.scale_img_right img, +.scale_img_left img{ + transform: scale(1.2); + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); +} + +.img_position{ + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); +} + +.sec_3{ + padding-top: 12vw; + padding-bottom: 12vw; +} + +/* accordion */ +.swapee_accordion { + border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; + border: 1px solid #D1D5DB; +} + +.swapee_accordion:not(:last-child) { + margin-bottom: 20px; +} + +.swapee_accordion h2 { + margin-bottom: 0; +} + +.swapee_accordion:first-of-type .accordion-button { + border-radius: 10px; + border-top-right-radius: 10px; + border-top-left-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; +} + +.swapee_accordion:first-of-type { + border-radius: 10px; + border-top-right-radius: 10px; + border-top-left-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; +} + +.swapee_accordion:last-of-type { + border-radius: 10px; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; +} + +.swapee_accordion:first-of-type .accordion-button { + border-top-right-radius: 10px; + border-top-left-radius: 10px; +} + +.swapee_accordion .accordion-button { + font-weight: bold; + border-radius: 10px; +} + +.swapee_accordion:last-of-type .accordion-button.collapsed { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.swapee_accordion .accordion-button:not(.collapsed)::after { + background-image: url("../img/accordion-minus-icon.svg"); +} + +.swapee_accordion .accordion-button::after { + background-image: url("../img/accordion-plus-icon.svg"); +} + +.swapee_accordion .accordion-button:not(.collapsed) { + background: var(--bs-white); + color: var(--bs-black); + border: 1px solid var(--bs-black); + border-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + padding-bottom: 0; +} + +.swapee_accordion .accordion-button { + transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + + +.swapee_accordion .accordion-collapse { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.swapee_accordion .accordion-collapse { + border: 1px solid transparent; + border-top: none; + transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -ms-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + +.swapee_accordion .accordion-collapse.collapse.show { + border-color: var(--bs-black); +} + +.swapee_accordion .accordion-button:not(.collapsed) .line { + border-bottom: 2px solid var(--bs-black); + display: inline-block; + padding-bottom: 20px; +} + +.swapee_accordion .accordion-button:not(.collapsed) .line::after { + content: ""; + position: absolute; + bottom: 0; + left: 20px; + width: 90%; + background: #726F72; + height: 1px; +} + + +/* footer */ +.site_footer{ + background: var(--bs-black); + padding-top: 70px; +} + +.footer_top{ + border-bottom: 1px solid #ffffff27; +} + +.footer_logo img{ + max-width: 140px; +} + +.btn_language{ + border: 1px solid #ffffff70; + padding: 6px 16px; + text-decoration: none; + color: var(--bs-white); + border-radius: 100px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +.btn_language:hover{ + background: #ffffffda; + border-color: #ffffffda; + color: var(--bs-black); +} + +.footer_top_right a{ + text-decoration: none; + color: var(--purple); + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +.footer_top_right a:hover{ + text-decoration: underline; +} + +.footer_top_right .social_links a{ + display: flex; + align-items: center; + justify-content: center; + width: 45px; + height: 45px; + background: #1f1f1f; + border-radius: 100px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +.footer_top_right .social_links a:hover{ + background: var(--purple); +} + +.footer_top_right .social_links a img{ + width: 40%; +} + +.footer_bottom{ + display: flex; + justify-content: flex-end; +} + +.footer_bottom ul{ + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.footer_bottom ul li{ + margin-left: 15px; +} + +.footer_bottom ul li a{ + padding: 6px 10px; + color: var(--bs-white); + opacity: 0.20; + text-decoration: none; + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} + +.footer_bottom ul li a:hover{ + opacity: .50; +} \ No newline at end of file diff --git a/src/swapee/img/accordion-minus-icon.svg b/src/swapee/img/accordion-minus-icon.svg new file mode 100644 index 00000000..9d05802b --- /dev/null +++ b/src/swapee/img/accordion-minus-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/swapee/img/accordion-plus-icon.svg b/src/swapee/img/accordion-plus-icon.svg new file mode 100644 index 00000000..1324632b --- /dev/null +++ b/src/swapee/img/accordion-plus-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/swapee/img/cross-icon.png b/src/swapee/img/cross-icon.png new file mode 100644 index 00000000..05dead2e Binary files /dev/null and b/src/swapee/img/cross-icon.png differ diff --git a/src/swapee/img/cross-icon.svg b/src/swapee/img/cross-icon.svg new file mode 100644 index 00000000..e06811e4 --- /dev/null +++ b/src/swapee/img/cross-icon.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/swapee/img/footer-logo.png b/src/swapee/img/footer-logo.png new file mode 100644 index 00000000..83623750 Binary files /dev/null and b/src/swapee/img/footer-logo.png differ diff --git a/src/swapee/img/hero_bg.png b/src/swapee/img/hero_bg.png new file mode 100644 index 00000000..8b77b0c5 Binary files /dev/null and b/src/swapee/img/hero_bg.png differ diff --git a/src/swapee/img/logo.png b/src/swapee/img/logo.png new file mode 100644 index 00000000..ceba7a08 Binary files /dev/null and b/src/swapee/img/logo.png differ diff --git a/src/swapee/img/map.png b/src/swapee/img/map.png new file mode 100644 index 00000000..7d4ef582 Binary files /dev/null and b/src/swapee/img/map.png differ diff --git a/src/swapee/img/swapee-grid-1-3.png b/src/swapee/img/swapee-grid-1-3.png new file mode 100644 index 00000000..b5d9cbe2 Binary files /dev/null and b/src/swapee/img/swapee-grid-1-3.png differ diff --git a/src/swapee/img/swapee-grid-1-3.svg b/src/swapee/img/swapee-grid-1-3.svg new file mode 100644 index 00000000..a4d8ca8b --- /dev/null +++ b/src/swapee/img/swapee-grid-1-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/swapee/img/swapee-grid-2-3.png b/src/swapee/img/swapee-grid-2-3.png new file mode 100644 index 00000000..bef5b073 Binary files /dev/null and b/src/swapee/img/swapee-grid-2-3.png differ diff --git a/src/swapee/img/swapee-grid-3-3.png b/src/swapee/img/swapee-grid-3-3.png new file mode 100644 index 00000000..42628145 Binary files /dev/null and b/src/swapee/img/swapee-grid-3-3.png differ diff --git a/src/swapee/img/swapee-sec-2-img.png b/src/swapee/img/swapee-sec-2-img.png new file mode 100644 index 00000000..4678dff5 Binary files /dev/null and b/src/swapee/img/swapee-sec-2-img.png differ diff --git a/src/swapee/img/swapee-sec-calculator.png b/src/swapee/img/swapee-sec-calculator.png new file mode 100644 index 00000000..9fba69a2 Binary files /dev/null and b/src/swapee/img/swapee-sec-calculator.png differ diff --git a/src/swapee/img/telegram.svg b/src/swapee/img/telegram.svg new file mode 100644 index 00000000..854f48e1 --- /dev/null +++ b/src/swapee/img/telegram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/swapee/img/twitter.svg b/src/swapee/img/twitter.svg new file mode 100644 index 00000000..82748dcc --- /dev/null +++ b/src/swapee/img/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/swapee/index.html b/src/swapee/index.html new file mode 100644 index 00000000..4f4437be --- /dev/null +++ b/src/swapee/index.html @@ -0,0 +1,321 @@ + + + + + + + Swapee + + + + + + + + + +

It's important not to forget your username and password since we don't have access to those details.

+ +

+ + + + + +