diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..999231a --- /dev/null +++ b/Gemfile @@ -0,0 +1,11 @@ +# frozen_string_literal: true + +source "https://rubygems.org" + +# gem "rails" + +gem "webrick", "~> 1.8" + +gem "kramdown-parser-gfm" + +gem "jekyll-watch" \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..5137b97 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,30 @@ +GEM + remote: https://rubygems.org/ + specs: + ffi (1.15.5) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.4.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + listen (3.8.0) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + rb-fsevent (0.11.2) + rb-inotify (0.10.1) + ffi (~> 1.0) + rexml (3.2.5) + webrick (1.8.1) + +PLATFORMS + ruby + x86_64-linux + +DEPENDENCIES + jekyll-watch + kramdown-parser-gfm + webrick (~> 1.8) + +BUNDLED WITH + 2.3.24 diff --git a/_includes/header.html b/_includes/header.html index 54f6a9c..a137eb1 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,37 +1,79 @@
-
- - -
-
+ + + + diff --git a/bitcoin.html b/bitcoin.html new file mode 100644 index 0000000..48017c2 --- /dev/null +++ b/bitcoin.html @@ -0,0 +1,134 @@ +--- +layout: base +title: titles.bitcoin +permalink: /bitcoin.html +--- + +
+
+
+
+

A human-centered wallet for Bitcoin

+

+ Stack Wallet supports Bitcoin (BTC) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Bitcoin, with the + added confidence that every key generated for Bitcoin stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

What is bitcoin

+

+ Bitcoin was the first decentralized digital currency based on + blockchain technology. It was created in 2008 by an anonymous + programmer known as Satoshi Nakamoto, who released the white paper + in a cryptography mailing list and later open sourced the software + that implements the protocol. +

+
+
+

+ How does Bitcoin work & + where can I get a bitcoin wallet? +

+

+ Bitcoin software runs on a number of distributed devices ranging + from smartphones as mobile wallets, PCs as desktop wallets, to ASICs + for mining. Transactions are relayed between nodes in a peer-to-peer + fashion. In a few seconds a given block will be propagated to all + other nodes on the network. While insuring that all nodes reach + consensus on which are the valid blocks. The process of supplying + new bitcoin to the system is done via the process of mining. The + mining software runs on specialized hardware and it tries to compute + the hash of assembled transactions and a number called the nonce. + The software targets a difficulty index automatically adjusted by + the network. The first miner to find the correct nonce wins the + mining reward and can relay the mined block to other peers on the + network. +

+
+
+
+
+

What are the features of Bitcoin?

+

+ Store of Value
+ Bitcoin, unlike other cryptocurrencies is considered as a store of + value and could arguably become the next global reserve currency. +

+

+ Gateway to the Digital Currency World
+ Bitcoin is considered as the gateway to the cryptocurrency world, + based on its status as the first successful digital currency + experiment. +

+

+ Bitcoin Script Language
+ An assembly like language used to build complex types of + transactions and advanced contracts to an extent. Complex + transactions like Multi-Sig are possible because of advanced Bitcoin + scripting. +

+
+
+

Some key terms

+

+ Soft work
+ Change to the Bitcoin protocol that makes old blocks invalid which + were valid in the past. Bitcoin Segwit transactions feature was + implemented as a soft fork to the network. +

+

+ Hard work
+ Change to the Bitcoin protocol that makes previously invalid blocks + or transactions valid. The BerkeleyDB bug activated an accidental + hard fork to the Bitcoin network in 2013. +

+
+
+
+
+
diff --git a/bitcoincash.html b/bitcoincash.html new file mode 100644 index 0000000..deadd6c --- /dev/null +++ b/bitcoincash.html @@ -0,0 +1,99 @@ +--- +layout: base +title: titles.bitcoincash +permalink: /bitcoincash.html +--- + +
+
+
+
+

A human-centered wallet for Bitcoin cash

+

+ Stack Wallet supports Bitcoin cash (BCH) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Bitcoin cash, with + the added confidence that every key generated for Bitcoin cash stays + on your device, and you retain complete control. Download Stack Wallet + below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/coin/particl.html b/coin/particl.html new file mode 100644 index 0000000..384c2d5 --- /dev/null +++ b/coin/particl.html @@ -0,0 +1,9 @@ +--- +layout: coin +title: titles.particl +permalink: /particl.html +coin: Particl +ticker: PART +--- + +Particl diff --git a/css/style.css b/css/style.css index cbca9a3..efb6d37 100644 --- a/css/style.css +++ b/css/style.css @@ -1,207 +1,321 @@ @charset "UTF-8"; -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } -ol, ul { - list-style: none; +ol, +ul { + list-style: none; } -blockquote, q { - quotes: none; +blockquote, +q { + quotes: none; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; } strong { - font-weight: bold; + font-weight: bold; } em { - font-style: italic; + font-style: italic; } html { - scroll-behavior: smooth; + scroll-behavior: smooth; } table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } sup { - font-size:0.7rem; - vertical-align:super; + font-size: 0.7rem; + vertical-align: super; } /* noto-sans-regular - latin */ @font-face { - font-family: 'Noto Sans'; - font-style: normal; - font-weight: 400; - src: url('../fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */ - src: local(''), - url('../fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('../fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('../fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */ - } - - /* noto-sans-700 - latin */ - @font-face { - font-family: 'Noto Sans'; - font-style: normal; - font-weight: 700; - src: url('../fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */ - src: local(''), - url('../fonts/noto-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ - url('../fonts/noto-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */ - url('../fonts/noto-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ - url('../fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */ - } - - /* noto-sans-800 - latin */ - @font-face { - font-family: 'Noto Sans'; - font-style: normal; - font-weight: 800; - src: url('../fonts/noto-sans-v27-latin-800.eot'); /* IE9 Compat Modes */ - src: local(''), - url('../fonts/noto-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/noto-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ - url('../fonts/noto-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */ - url('../fonts/noto-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ - url('../fonts/noto-sans-v27-latin-800.svg#NotoSans') format('svg'); /* Legacy iOS */ - } - - @font-face { - font-family: 'stack-icons'; - src: url('../fonts/stack-icons.eot?77736380'); - src: url('../fonts/stack-icons.eot?77736380#iefix') format('embedded-opentype'), - url('../fonts/stack-icons.woff2?77736380') format('woff2'), - url('../fonts/stack-icons.woff?77736380') format('woff'), - url('../fonts/stack-icons.ttf?77736380') format('truetype'), - url('../fonts/stack-icons.svg?77736380#stack-icons') format('svg'); - font-weight: normal; - font-style: normal; - } - - [class^="icon-"]:before, [class*=" icon-"]:before { - font-family: "stack-icons"; - font-style: normal; - font-weight: normal; - speak: never; - display: inline-block; - text-decoration: inherit; - text-align: center; - font-variant: normal; - text-transform: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .icon-discord:before { content: '\e800'; } /* '' */ - .icon-telegram-arrow:before { content: '\e801'; } /* '' */ - .icon-twitter:before { content: '\f099'; } /* '' */ - .icon-github:before { content: '\f09b'; } /* '' */ - .icon-mail-alt:before { content: '\f0e0'; } /* '' */ - .icon-youtube:before { content: '\f16a'; } /* '' */ - .icon-apple:before { content: '\f179'; } /* '' */ - .icon-android:before { content: '\f17b'; } /* '' */ - .icon-reddit-1:before { content: '\f1a1'; } /* '' */ - .icon-reddit:before { content: '\f281'; } /* '' */ - .icon-telegram:before { content: '\f2c6'; } /* '' */ - - - -a, button { - cursor: pointer; + font-family: "Noto Sans"; + font-style: normal; + font-weight: 400; + src: url("../fonts/noto-sans-v27-latin-regular.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../fonts/noto-sans-v27-latin-regular.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/noto-sans-v27-latin-regular.woff2") + format("woff2"), + /* Super Modern Browsers */ url("../fonts/noto-sans-v27-latin-regular.woff") + format("woff"), + /* Modern Browsers */ url("../fonts/noto-sans-v27-latin-regular.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/noto-sans-v27-latin-regular.svg#NotoSans") format("svg"); /* Legacy iOS */ } -a, a:visited { - color: #232323; +/* noto-sans-700 - latin */ +@font-face { + font-family: "Noto Sans"; + font-style: normal; + font-weight: 700; + src: url("../fonts/noto-sans-v27-latin-700.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../fonts/noto-sans-v27-latin-700.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/noto-sans-v27-latin-700.woff2") format("woff2"), + /* Super Modern Browsers */ url("../fonts/noto-sans-v27-latin-700.woff") + format("woff"), + /* Modern Browsers */ url("../fonts/noto-sans-v27-latin-700.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/noto-sans-v27-latin-700.svg#NotoSans") format("svg"); /* Legacy iOS */ +} + +/* noto-sans-800 - latin */ +@font-face { + font-family: "Noto Sans"; + font-style: normal; + font-weight: 800; + src: url("../fonts/noto-sans-v27-latin-800.eot"); /* IE9 Compat Modes */ + src: local(""), + url("../fonts/noto-sans-v27-latin-800.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/noto-sans-v27-latin-800.woff2") format("woff2"), + /* Super Modern Browsers */ url("../fonts/noto-sans-v27-latin-800.woff") + format("woff"), + /* Modern Browsers */ url("../fonts/noto-sans-v27-latin-800.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/noto-sans-v27-latin-800.svg#NotoSans") format("svg"); /* Legacy iOS */ +} + +@font-face { + font-family: "stack-icons"; + src: url("../fonts/stack-icons.eot?77736380"); + src: url("../fonts/stack-icons.eot?77736380#iefix") + format("embedded-opentype"), + url("../fonts/stack-icons.woff2?77736380") format("woff2"), + url("../fonts/stack-icons.woff?77736380") format("woff"), + url("../fonts/stack-icons.ttf?77736380") format("truetype"), + url("../fonts/stack-icons.svg?77736380#stack-icons") format("svg"); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"]:before, +[class*=" icon-"]:before { + font-family: "stack-icons"; + font-style: normal; + font-weight: normal; + speak: never; + display: inline-block; + text-decoration: inherit; + text-align: center; + font-variant: normal; + text-transform: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-discord:before { + content: "\e800"; +} /* '' */ +.icon-telegram-arrow:before { + content: "\e801"; +} /* '' */ +.icon-twitter:before { + content: "\f099"; +} /* '' */ +.icon-github:before { + content: "\f09b"; +} /* '' */ +.icon-mail-alt:before { + content: "\f0e0"; +} /* '' */ +.icon-youtube:before { + content: "\f16a"; +} /* '' */ +.icon-apple:before { + content: "\f179"; +} /* '' */ +.icon-android:before { + content: "\f17b"; +} /* '' */ +.icon-reddit-1:before { + content: "\f1a1"; +} /* '' */ +.icon-reddit:before { + content: "\f281"; +} /* '' */ +.icon-telegram:before { + content: "\f2c6"; +} /* '' */ + +a, +button { + cursor: pointer; +} + +a, +a:visited { + color: #232323; } .container { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } @media only screen and (max-width: 48rem) { - - .container { - padding-left: 1.5rem; - padding-right: 1.5rem; - } + .container { + padding-left: 1.5rem; + padding-right: 1.5rem; + } } @media only screen and (min-width: 48rem) { - -.container { + .container { width: 46rem; } } @media only screen and (min-width: 62rem) { - -.container { + .container { width: 61rem; -} + } } @media only screen and (min-width: 75rem) { - -.container { + .container { width: 71rem; } } .row { - box-sizing: border-box; - display: -ms-flexbox; - display: -webkit-box; - display: flex; - -ms-flex: 0 1 auto; - -webkit-box-flex: 0; - flex: 0 1 auto; - -ms-flex-direction: row; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-box; + display: flex; + -ms-flex: 0 1 auto; + -webkit-box-flex: 0; + flex: 0 1 auto; + -ms-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .col { @@ -216,23 +330,23 @@ a, a:visited { -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; + flex-basis: 0; + max-width: 100%; } body { - background-color: #F7F7F7; - color: #232323; - line-height: 1.7; - font-family: "Noto Sans", sans-serif; - font-weight: 400; + background-color: #f7f7f7; + color: #232323; + line-height: 1.7; + font-family: "Noto Sans", sans-serif; + font-weight: 400; } header { - width: 100%; - padding-top: 1rem; - padding-bottom: 1rem; - position: relative; + width: 100%; + padding-top: 1rem; + padding-bottom: 1rem; + position: relative; } header .row { @@ -245,1208 +359,1364 @@ header .row { } .logo.col { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; } .logo a { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .logo a img { - width: 12rem; - vertical-align: middle; + width: 12rem; + vertical-align: middle; } .main-menu.col { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; } - /*typography*/ -h1, h2, h3 { - font-family: "Noto Sans", sans-serif; - font-weight: 800; +h1, +h2, +h3 { + font-family: "Noto Sans", sans-serif; + font-weight: 800; } -#intro-info h2, #getfiro h2 { - font-size: 2.5rem; -} - -#intro-info h2+p, #getfiro h2+p, .alt-section h2 + p, .tech-section p.intro-text { - font-size: 1.5rem; +#intro-info h2, +#getfiro h2, +#art h2 { + font-size: 2.5rem; } -#intro-info h3 { - font-size: 2rem; - line-height: 1.4; +#intro-info h2 + p, +#getfiro h2 + p, +#art h2 + p, +.alt-section h2 + p, +.tech-section p.intro-text { + font-size: 1.5rem; } -.team-section h2, .site-section h2, .tech-section .container h2 { - text-align: center; - margin-bottom: 1rem; - font-size: 2.5rem; +#intro-info h3, +#art h3 { + font-size: 2rem; + line-height: 1.4; } -.faq-section h2, .alt-section h2 { - text-align: center; - margin-bottom: 1rem; - font-size: 2rem; +.team-section h2, +.site-section h2, +.tech-section .container h2 { + text-align: center; + margin-bottom: 1rem; + font-size: 2.5rem; } -#intro-info .open p, #intro-info .noncust p, #intro-info .privacy p { - font-size: 1.1rem; +.faq-section h2, +.alt-section h2 { + text-align: center; + margin-bottom: 1rem; + font-size: 2rem; } -#intro-info .open p span, #intro-info .noncust p span { - font-weight: 800; +#intro-info .open p, +#intro-info .noncust p, +#intro-info .privacy p, +#art .article p { + font-size: 1.1rem; +} + +#intro-info .open p span, +#intro-info .noncust p span, +#art .article p span { + font-weight: 800; } @media only screen and (max-width: 75rem) { - -.team-section h2, .site-section h2, .tech-section .container h2, #intro-info h2, #getfiro h2 { + .team-section h2, + .site-section h2, + .tech-section .container h2, + #intro-info h2, + #getfiro h2, + #art h2 { font-size: 2.2rem; -} - -#intro-info h2+p, #getfiro h2+p, .alt-section h2 + p, .tech-section p.intro-text { + } + + #intro-info h2 + p, + #getfiro h2 + p, + #art h2 + p, + .alt-section h2 + p, + .tech-section p.intro-text { font-size: 1.35rem; -} - + } } @media only screen and (max-width: 30rem) { - -#intro-info h3, .faq-section h2, .alt-section h2 { + #intro-info h3, + #art h3, + .faq-section h2, + .alt-section h2 { font-size: 1.7rem; -} - -#intro-info h2+p, #getfiro h2+p, .alt-section h2 + p, .tech-section p.intro-text { + } + + #intro-info h2 + p, + #getfiro h2 + p, + #art h2 + p, + .alt-section h2 + p, + .tech-section p.intro-text { font-size: 1.25rem; -} - + } } /*space*/ .section { - padding: 0; + padding: 0; } -.faq-section, .team-section, .site-section, .alt-section, .tech-section, .blog-section { - padding-top: 6rem; +.faq-section, +.team-section, +.site-section, +.alt-section, +.tech-section, +.blog-section { + padding-top: 6rem; } -.faq-section:last-of-type, .team-section:last-of-type, .alt-section:last-of-type, .site-section:last-of-type, .tech-section:last-of-type, .blog-section:last-of-type { - padding-bottom: 6rem; +.faq-section:last-of-type, +.team-section:last-of-type, +.alt-section:last-of-type, +.site-section:last-of-type, +.tech-section:last-of-type, +.blog-section:last-of-type { + padding-bottom: 6rem; } @media only screen and (max-width: 38rem) { - -.faq-section, .team-section, .site-section, .alt-section, .tech-section, .blog-section { + .faq-section, + .team-section, + .site-section, + .alt-section, + .tech-section, + .blog-section { padding-top: 4rem; -} - -.faq-section:last-of-type, .team-section:last-of-type, .alt-section:last-of-type, .site-section:last-of-type, .tech-section:last-of-type, .blog-section:last-of-type { + } + + .faq-section:last-of-type, + .team-section:last-of-type, + .alt-section:last-of-type, + .site-section:last-of-type, + .tech-section:last-of-type, + .blog-section:last-of-type { padding-bottom: 4rem; -} - + } } /*nav*/ .main-menu { - text-align: right; + text-align: right; } .main-menu li.nav-item { - display: inline-block; - position: relative; - padding: 1rem 0; - margin-left: 1rem; - margin-right: 1rem; + display: inline-block; + position: relative; + padding: 1rem 0; + margin-left: 1rem; + margin-right: 1rem; } -.main-menu li.nav-item a { - display: block; - text-decoration: none; - font-size: 1rem; - font-weight: 700; - color: #232323; - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; +.main-menu li.nav-item a { + display: block; + text-decoration: none; + font-size: 1rem; + font-weight: 700; + color: #232323; + -webkit-transition: all ease-out 0.2s; + -moz-transition: all ease-out 0.2s; + -o-transition: all ease-out 0.2s; + transition: all ease-out 0.2s; } .main-menu li.nav-item.link > a:after { - -ms-transition: -webkit-transform .3s ease-out,border-color .3s ease-out; - -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out; - transition: transform .3s ease-out,border-color .3s ease-out; - position: absolute; - display: block; - bottom: 0.7rem; - left: 0; - width: 100%; - -ms-transform: scaleX(0); - -webkit-transform: scaleX(0); - transform: scaleX(0); - border-top: 2px solid #232323; - content: ''; - padding-bottom: inherit; + -ms-transition: -webkit-transform 0.3s ease-out, border-color 0.3s ease-out; + -webkit-transition: -webkit-transform 0.3s ease-out, + border-color 0.3s ease-out; + transition: transform 0.3s ease-out, border-color 0.3s ease-out; + position: absolute; + display: block; + bottom: 0.7rem; + left: 0; + width: 100%; + -ms-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + border-top: 2px solid #232323; + content: ""; + padding-bottom: inherit; } .main-menu li.nav-item.link:hover > a:after { - -ms-transform: scaleX(1); - -webkit-transform: scaleX(1); - transform: scaleX(1); + -ms-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } .main-menu li.nav-item:not(.link) > a:after { - position: absolute; - display: block; - bottom: 0.7rem; - left: 50%; - transform: translate(-50%); - content: ''; - padding-bottom: inherit; - width: 4px; - height: 4px; - background-color: #232323; - border-radius: 20px; - opacity: 0; - visibility: hidden; - transition:visibility 0.3s linear, opacity 0.3s linear; + position: absolute; + display: block; + bottom: 0.7rem; + left: 50%; + transform: translate(-50%); + content: ""; + padding-bottom: inherit; + width: 4px; + height: 4px; + background-color: #232323; + border-radius: 20px; + opacity: 0; + visibility: hidden; + transition: visibility 0.3s linear, opacity 0.3s linear; } .main-menu li.nav-item:not(.link):hover > a:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .main-menu li.nav-item ul.dropdown { - background: #F7F7F7; - visibility: hidden; - opacity: 0; - min-width: 15rem; - position: absolute; - transition: all 0.5s ease; - margin-top: 1rem; - left: 0; - display: none; - margin-left: 0; - text-align: left; - transition:visibility 0.3s linear, opacity 0.3s linear; - -webkit-box-shadow: 0px 0px 10px 0px rgba(84,104,119,0.3); - -moz-box-shadow: 0px 0px 10px 0px rgba(84,104,119,0.3); - box-shadow: 0px 0px 10px 0px rgba(84,104,119,0.3); - border-radius: 8px; + background: #f7f7f7; + visibility: hidden; + opacity: 0; + min-width: 15rem; + position: absolute; + transition: all 0.5s ease; + margin-top: 1rem; + left: 0; + display: none; + margin-left: 0; + text-align: left; + transition: visibility 0.3s linear, opacity 0.3s linear; + -webkit-box-shadow: 0px 0px 10px 0px rgba(84, 104, 119, 0.3); + -moz-box-shadow: 0px 0px 10px 0px rgba(84, 104, 119, 0.3); + box-shadow: 0px 0px 10px 0px rgba(84, 104, 119, 0.3); + border-radius: 8px; } .main-menu li.nav-item ul.dropdown li { - width: 100%; + width: 100%; } .main-menu li.nav-item ul.dropdown li a { - display: block; - padding: 1rem; - font-size: 1rem; - -webkit-transition: background-color ease-out .3s; - -moz-transition: background-color ease-out .3s; - -o-transition: background-color ease-out .3s; - transition: background-color ease-out .3s; - vertical-align: middle; + display: block; + padding: 1rem; + font-size: 1rem; + -webkit-transition: background-color ease-out 0.3s; + -moz-transition: background-color ease-out 0.3s; + -o-transition: background-color ease-out 0.3s; + transition: background-color ease-out 0.3s; + vertical-align: middle; } .main-menu li.nav-item ul.dropdown li:nth-of-type(1) a { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } .main-menu li.nav-item ul.dropdown li:nth-of-type(3) a { - border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; } -.main-menu li.nav-item ul.dropdown li a:hover, .main-menu li.nav-item ul.dropdown li a:active, .main-menu li.nav-item ul.dropdown li a:focus { - background-color: rgba(35,35,35,.05); +.main-menu li.nav-item ul.dropdown li a:hover, +.main-menu li.nav-item ul.dropdown li a:active, +.main-menu li.nav-item ul.dropdown li a:focus { + background-color: rgba(35, 35, 35, 0.05); } -.main-menu li.nav-item:hover > ul.dropdown, .main-menu li.nav-item:focus-within > ul.dropdown .main-menu li.nav-item ul.dropdown:hover, .main-menu li.nav-item ul.dropdown:focus { - visibility: visible; - opacity: 1; - display: block; +.main-menu li.nav-item:hover > ul.dropdown, +.main-menu + li.nav-item:focus-within + > ul.dropdown + .main-menu + li.nav-item + ul.dropdown:hover, +.main-menu li.nav-item ul.dropdown:focus { + visibility: visible; + opacity: 1; + display: block; } .main-menu li.nav-item ul.dropdown li a span { - vertical-align: middle; + vertical-align: middle; } .main-menu li.nav-item ul.dropdown li a span.downicon { - width: 2rem; - height: 2rem; - display: inline-block; - margin-right: 0.2rem; + width: 2rem; + height: 2rem; + display: inline-block; + margin-right: 0.2rem; } .main-menu li.nav-item ul.dropdown li:nth-child(1) a span.downicon { - background-image: url(../img/apple-icon.svg); - background-size: contain; + background-image: url(../img/apple-icon.svg); + background-size: contain; } .main-menu li.nav-item ul.dropdown li:nth-child(2) a span.downicon { - background-image: url(../img/playstore-icon.svg); - background-size: contain; + background-image: url(../img/playstore-icon.svg); + background-size: contain; } .main-menu li.nav-item ul.dropdown li:nth-child(3) a span.downicon { - background-image: url(../img/android-icon.svg); - background-size: contain; + background-image: url(../img/android-icon.svg); + background-size: contain; } -.burger-check, .burger-checkdropdown { - display: none; +.burger-check, +.burger-checkdropdown { + display: none; } .mobile-menu { - display: none; + display: none; } @media only screen and (max-width: 75rem) { - -header .container { + header .container { width: 100%; -} - + } } @media only screen and (max-width: 62rem) { + .main-menu, + .logo { + display: none; + } - .main-menu, .logo { - display: none; - } - - .mobile-menu { - display: block; - } - - .logo-mobile { - display: inline-block; - vertical-align: middle; - } + .mobile-menu { + display: block; + } - .logo-mobile img { - width: 12rem; - vertical-align: middle; - } - - .hamburger { - padding: 1.5rem; - display: inline-block; - cursor: pointer; - transition-property: opacity, filter; - transition-duration: 0.15s; - transition-timing-function: linear; - font: inherit; - color: inherit; - text-transform: none; - background-color: transparent; - border: 0; - margin: 0; - overflow: visible; } - - .hamburger-box { - width: 2rem; - height: 1.5rem; - display: inline-block; - position: relative; } - - .hamburger-inner { - display: block; - top: 50%; - margin-top: -2px; } - - .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { - width: 2rem; - height: 3px; - background-color: #232323; - border-radius: 4px; - position: absolute; - transition-property: transform; - transition-duration: 0.15s; - transition-timing-function: ease; } - - .hamburger-inner::before, .hamburger-inner::after { - content: ""; - display: block; } - - .hamburger-inner::before { - top: -10px; } - - .hamburger-inner::after { - bottom: -10px; } - - .hamburger--spring .hamburger-inner { - top: 2px; - transition: background-color 0s 0.13s linear; } - - .hamburger--spring .hamburger-inner::before { - top: 10px; - transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } - - .hamburger--spring .hamburger-inner::after { - top: 20px; - transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } - - .burger-check:checked ~ .hamburger--spring .hamburger-inner { - transition-delay: 0.22s; - background-color: transparent; } - - .burger-check:checked ~ .hamburger--spring .hamburger-inner::before { - top: 0; - transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, 10px, 0) rotate(45deg); } - - .burger-check:checked ~ .hamburger--spring .hamburger-inner::after { - top: 0; - transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, 10px, 0) rotate(-45deg); } - - .burger-check:checked ~ .nav-items{ - display: block; - } - - /*.burger-check:checked + label { + .logo-mobile { + display: inline-block; + vertical-align: middle; + } + + .logo-mobile img { + width: 12rem; + vertical-align: middle; + } + + .hamburger { + padding: 1.5rem; + display: inline-block; + cursor: pointer; + transition-property: opacity, filter; + transition-duration: 0.15s; + transition-timing-function: linear; + font: inherit; + color: inherit; + text-transform: none; + background-color: transparent; + border: 0; + margin: 0; + overflow: visible; + } + + .hamburger-box { + width: 2rem; + height: 1.5rem; + display: inline-block; + position: relative; + } + + .hamburger-inner { + display: block; + top: 50%; + margin-top: -2px; + } + + .hamburger-inner, + .hamburger-inner::before, + .hamburger-inner::after { + width: 2rem; + height: 3px; + background-color: #232323; + border-radius: 4px; + position: absolute; + transition-property: transform; + transition-duration: 0.15s; + transition-timing-function: ease; + } + + .hamburger-inner::before, + .hamburger-inner::after { + content: ""; + display: block; + } + + .hamburger-inner::before { + top: -10px; + } + + .hamburger-inner::after { + bottom: -10px; + } + + .hamburger--spring .hamburger-inner { + top: 2px; + transition: background-color 0s 0.13s linear; + } + + .hamburger--spring .hamburger-inner::before { + top: 10px; + transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), + transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + .hamburger--spring .hamburger-inner::after { + top: 20px; + transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), + transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + .burger-check:checked ~ .hamburger--spring .hamburger-inner { + transition-delay: 0.22s; + background-color: transparent; + } + + .burger-check:checked ~ .hamburger--spring .hamburger-inner::before { + top: 0; + transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), + transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); + transform: translate3d(0, 10px, 0) rotate(45deg); + } + + .burger-check:checked ~ .hamburger--spring .hamburger-inner::after { + top: 0; + transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), + transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); + transform: translate3d(0, 10px, 0) rotate(-45deg); + } + + .burger-check:checked ~ .nav-items { + display: block; + } + + /*.burger-check:checked + label { position: fixed; } */ - - .slide-nav { - text-align: center; - position: absolute; - top: 99%; - width: 100%; - transition: all ease .6s; - background-color: #F7F7F7; - height: 0; - -webkit-transition: height 500ms ease; - -moz-transition: height 500ms ease; - -o-transition: height 500ms ease; - transition: height 500ms ease; - overflow: hidden; - opacity: -1; - z-index: 100; - box-shadow: 0 4px 5px rgba(0,0,0,0.25); - } - - .slide-nav::-webkit-scrollbar { - display: none; - } - - label[for="mobile-burger"] { - position: absolute; - top: 0; - right: 0; - z-index: 11; - } - - #mobile-burger:checked ~ .slide-nav { - height: auto; - opacity: 1; - } - - #mobile-burger:checked ~ body { - overflow: none; - } - - .dropdown-content { - display: none; - } - - #list1:checked ~ .dropdown-content, #list2:checked ~ .dropdown-content, #list3:checked ~ .dropdown-content, #list4:checked ~ .dropdown-content { - display: block; - position: inherit; - opacity: 1; - visibility: visible; - box-shadow: none; - } - - .slide-nav .mob-item > a, .slide-nav .mob-item > label { - font-weight: 700; - font-size: 1.2rem; - display: block; - padding: 1rem 0; - text-decoration: none; - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; - text-align: center; - } - - .slide-nav .mob-item label { - cursor: pointer; - position: relative; - } - - .slide-nav .mob-item label:after, .slide-nav .mob-item label:before { - content: ''; - display: inline-block; - position: absolute; - top: 1.5rem; - left: 2rem; - width: 3px; - height: 1rem; - background-color: #232323; - transition: all 0.2s; - border-radius: 4px; - } - - .slide-nav .mob-item label:after { - transform: rotate(90deg); - } - - .slide-nav .mob-item input:checked + label:before { - transform: rotate(90deg); - } - - .slide-nav .mob-item input:checked + label:after { - background-color: #0056D2; - } - - .slide-nav .mob-item .dropdown-content li a { - font-weight: 700; - font-size: 1rem; - display: block; - padding: 1rem 0; - text-decoration: none; - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; - text-align: left; - padding-left: 6rem; - border-bottom: 1px solid #fff; - } - - .slide-nav .mob-item > a:hover, .slide-nav .mob-item > a:focus, .slide-nav .mob-item > a:active, .slide-nav .mob-item > label:hover, .slide-nav .mob-item > label:focus, .slide-nav .mob-item > label:active, .slide-nav .mob-item > input:checked + label, .slide-nav .mob-item .dropdown-content li a:hover, .slide-nav .mob-item .dropdown-content li a:focus, .slide-nav .mob-item .dropdown-content li a:active { - color: #0056D2; - } - .logo-mobile img { - width: 11rem; - } + .slide-nav { + text-align: center; + position: absolute; + top: 99%; + width: 100%; + transition: all ease 0.6s; + background-color: #f7f7f7; + height: 0; + -webkit-transition: height 500ms ease; + -moz-transition: height 500ms ease; + -o-transition: height 500ms ease; + transition: height 500ms ease; + overflow: hidden; + opacity: -1; + z-index: 100; + box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25); + } + .slide-nav::-webkit-scrollbar { + display: none; + } + + label[for="mobile-burger"] { + position: absolute; + top: 0; + right: 0; + z-index: 11; + } + + #mobile-burger:checked ~ .slide-nav { + height: auto; + opacity: 1; + } + + #mobile-burger:checked ~ body { + overflow: none; + } + + .dropdown-content { + display: none; + } + + #list1:checked ~ .dropdown-content, + #list2:checked ~ .dropdown-content, + #list3:checked ~ .dropdown-content, + #list4:checked ~ .dropdown-content { + display: block; + position: inherit; + opacity: 1; + visibility: visible; + box-shadow: none; + } + + .slide-nav .mob-item > a, + .slide-nav .mob-item > label { + font-weight: 700; + font-size: 1.2rem; + display: block; + padding: 1rem 0; + text-decoration: none; + -webkit-transition: all ease-out 0.2s; + -moz-transition: all ease-out 0.2s; + -o-transition: all ease-out 0.2s; + transition: all ease-out 0.2s; + text-align: center; + } + + .slide-nav .mob-item label { + cursor: pointer; + position: relative; + } + + .slide-nav .mob-item label:after, + .slide-nav .mob-item label:before { + content: ""; + display: inline-block; + position: absolute; + top: 1.5rem; + left: 2rem; + width: 3px; + height: 1rem; + background-color: #232323; + transition: all 0.2s; + border-radius: 4px; + } + + .slide-nav .mob-item label:after { + transform: rotate(90deg); + } + + .slide-nav .mob-item input:checked + label:before { + transform: rotate(90deg); + } + + .slide-nav .mob-item input:checked + label:after { + background-color: #0056d2; + } + + .slide-nav .mob-item .dropdown-content li a { + font-weight: 700; + font-size: 1rem; + display: block; + padding: 1rem 0; + text-decoration: none; + -webkit-transition: all ease-out 0.2s; + -moz-transition: all ease-out 0.2s; + -o-transition: all ease-out 0.2s; + transition: all ease-out 0.2s; + text-align: left; + padding-left: 6rem; + border-bottom: 1px solid #fff; + } + + .slide-nav .mob-item > a:hover, + .slide-nav .mob-item > a:focus, + .slide-nav .mob-item > a:active, + .slide-nav .mob-item > label:hover, + .slide-nav .mob-item > label:focus, + .slide-nav .mob-item > label:active, + .slide-nav .mob-item > input:checked + label, + .slide-nav .mob-item .dropdown-content li a:hover, + .slide-nav .mob-item .dropdown-content li a:focus, + .slide-nav .mob-item .dropdown-content li a:active { + color: #0056d2; + } + + .logo-mobile img { + width: 11rem; + } } @media only screen and (max-width: 48rem) { - - header .container { - padding: 0; - } - + header .container { + padding: 0; + } } - /*intro*/ #intro .container > .row { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; - height: 100%; - min-height: 60vh; - padding: 6rem 0; + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + height: 100%; + min-height: 60vh; + padding: 6rem 0; } -#intro .intro-img, #intro .intro-info { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; +#intro .intro-img, +#intro .intro-info { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; } #intro .intro-img { - padding: 0; + padding: 0; } #intro .intro-img img { - width: 100%; + width: 100%; } #intro .intro-info.imgi { - display: none; + display: none; } #intro .intro-info h1 { - font-size: 3rem; - line-height: 1.3; + font-size: 3rem; + line-height: 1.3; } #intro .intro-info h1 + p { - width: 35rem; - font-size: 1.2rem; - margin-top: 1rem; - line-height: 1.5; + width: 35rem; + font-size: 1.2rem; + margin-top: 1rem; + line-height: 1.5; } #intro .download-btn { - margin-top: 1rem; - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + margin-top: 1rem; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; } - #intro .download-badge { - width: 10rem; - height: 3.375rem; - display: block; - margin-top: 1rem; + width: 10rem; + height: 3.375rem; + display: block; + margin-top: 1rem; } #intro .download-ios { - background: url(../img/app-store-badge.svg); - background-size: contain; - background-repeat: no-repeat; + background: url(../img/app-store-badge.svg); + background-size: contain; + background-repeat: no-repeat; } #intro .download-playstore { - background: url(../img/google-play-badge.svg); - background-size: contain; - background-repeat: no-repeat; + background: url(../img/google-play-badge.svg); + background-size: contain; + background-repeat: no-repeat; } #intro .download-android { - background: url(../img/android-apk-badge.svg); - background-size: contain; - background-repeat: no-repeat; + background: url(../img/android-apk-badge.svg); + background-size: contain; + background-repeat: no-repeat; } -@media only screen and (min-width: 112rem) { - -#intro .intro-img img { +@media only screen and (min-width: 112rem) { + #intro .intro-img img { width: 100%; -} - + } } @media only screen and (max-width: 112rem) { - -#intro .intro-img img { + #intro .intro-img img { width: 100%; -} - -#intro .intro-info h1 { + } + + #intro .intro-info h1 { font-size: 3rem; -} - + } } @media only screen and (max-width: 87rem) { - -#intro .intro-info h1 { + #intro .intro-info h1 { font-size: 2.7rem; -} - -#intro .intro-info h1 + p { + } + + #intro .intro-info h1 + p { font-size: 1.2rem; line-height: 1.5; -} - + } } @media only screen and (max-width: 75rem) { - -#intro .intro-info h1 { + #intro .intro-info h1 { font-size: 2.5rem; -} - -#intro .intro-info h1 + p { - width: auto; -} + } -#intro .download-badge { + #intro .intro-info h1 + p { + width: auto; + } + + #intro .download-badge { width: 9rem; -} - + } } @media only screen and (max-width: 62rem) { - -#intro .intro-info h1 + p { + #intro .intro-info h1 + p { font-size: 1.1rem; -} + } -#intro .download-badge { + #intro .download-badge { width: 6.5rem; -} - + } } @media only screen and (max-width: 48rem) { - -#intro .intro-img { + #intro .intro-img { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 3rem; -} + } -#intro .intro-img img { + #intro .intro-img img { width: 50%; margin-left: auto; margin-right: auto; -} + } -#intro .row { + #intro .row { background-repeat: no-repeat; background-size: cover; background-position: top left; -} - -#intro .intro-info { + } + + #intro .intro-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; text-align: center; padding: 0; -} - -#intro .intro-info h1 { - padding: 0 1rem; -} - -#intro .intro-info h1 + p { - padding: 0 1rem; -} + } -#intro .download-btn { + #intro .intro-info h1 { + padding: 0 1rem; + } + + #intro .intro-info h1 + p { + padding: 0 1rem; + } + + #intro .download-btn { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; -} + } -#intro .download-badge { + #intro .download-badge { width: 10rem; margin: 0 0.5rem; + } } - -} @media only screen and (max-width: 37rem) { + #intro .download-btn { + display: block; + text-align: center; + } - #intro .download-btn { - display: block; - text-align: center; - } - - #intro .download-btn a { - margin: 0.5rem 3rem 0 3rem; - display: inline-block; - } - - #intro .download-badge { - width: 10rem; - margin: 0 0.5rem; - } + #intro .download-btn a { + margin: 0.5rem 3rem 0 3rem; + display: inline-block; + } - #intro .intro-img img { - width: 70%; - } + #intro .download-badge { + width: 10rem; + margin: 0 0.5rem; + } + #intro .intro-img img { + width: 70%; + } } @media only screen and (max-width: 30rem) { - -#intro .container > .row { + #intro .container > .row { -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 100%; min-height: 60vh; padding: 3rem 0; + } } - -} /*features*/ #features .container { - position: relative; - padding-top: 10rem; + position: relative; + padding-top: 10rem; } #features .container:before { - content: 'features'; - display; block; - color: gainsboro; - font-family: 'Noto Sans', sans-serif; - font-weight: 700; - font-size: 10rem; - position: absolute; - top: 0; - left: -12rem; - z-index: -1; - line-height: 1; - opacity: 0.5; + content: "features"; + display: block; + color: gainsboro; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + font-size: 10rem; + position: absolute; + top: 0; + left: -12rem; + z-index: -1; + line-height: 1; + opacity: 0.5; } #feature .container { - position: relative; - padding-top: 13rem; + position: relative; + padding-top: 13rem; } #feature .container:before { - content: 'features'; - display; block; - color: gainsboro; - font-family: 'Noto Sans', sans-serif; - font-weight: 700; - font-size: 10rem; - position: absolute; - top: 0; - right: -12rem; - z-index: -1; - line-height: 1; - opacity: 0.5; + content: "features"; + display: block; + color: gainsboro; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + font-size: 10rem; + position: absolute; + top: 0; + right: -12rem; + z-index: -1; + line-height: 1; + opacity: 0.5; } @media only screen and (max-width: 100rem) { - - #features .container:before { - left: -2rem; - } + #features .container:before { + left: -2rem; + } - #feature .container:before { - right: 0; - } - + #feature .container:before { + right: 0; + } } @media only screen and (max-width: 62rem) { + #feature .container:before { + display: none; + } - #feature .container:before { - display: none; - } + #features .container:before { + font-size: 8rem; + } - #features .container:before { - font-size: 8rem; - } + #features .container { + padding-top: 8rem; + } - #features .container { - padding-top: 8rem; - } - - #feature .container { - padding-top: 6rem; - } + #feature .container { + padding-top: 6rem; + } } @media only screen and (max-width: 48rem) { + #features .container:before { + font-size: 8rem; + left: 1.5rem; + } - #features .container:before { - font-size: 8rem; - left: 1.5rem; - } + #features .container { + padding-top: 8rem; + } - #features .container { - padding-top: 8rem; - } - - #feature .container { - padding-top: 4rem; - } + #feature .container { + padding-top: 4rem; + } } @media only screen and (max-width: 37rem) { + #features .container:before { + font-size: 4rem; + right: 1.5rem; + } - #features .container:before { - font-size: 4rem; - right: 1.5rem; - } + #features .container { + padding-top: 4rem; + } - #features .container { - padding-top: 4rem; - } - - #feature .container { - padding-top: 2rem; - } + #feature .container { + padding-top: 2rem; + } } #feature .row.feature-cards { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; } #feature .row.feature-cards .card { - -ms-flex-preferred-size: 32%; - flex-basis: 32%; - max-width: 22.5rem; - margin-bottom: 1.75rem; - background: #ffffff; - border-radius: 32px; - padding: 2rem; + -ms-flex-preferred-size: 32%; + flex-basis: 32%; + max-width: 22.5rem; + margin-bottom: 1.75rem; + background: #ffffff; + border-radius: 32px; + padding: 2rem; } @media only screen and (max-width: 75rem) { - #feature .row.feature-cards .card { - -ms-flex-preferred-size: 32%; - flex-basis: 32%; - max-width: 19.33rem; - margin-bottom: 1.5rem; - } + #feature .row.feature-cards .card { + -ms-flex-preferred-size: 32%; + flex-basis: 32%; + max-width: 19.33rem; + margin-bottom: 1.5rem; + } } @media only screen and (max-width: 62rem) { - #feature .row.feature-cards .card { - -ms-flex-preferred-size: 48%; - flex-basis: 48%; - max-width: 48%; - margin-bottom: 1.5rem; - } + #feature .row.feature-cards .card { + -ms-flex-preferred-size: 48%; + flex-basis: 48%; + max-width: 48%; + margin-bottom: 1.5rem; + } } @media only screen and (max-width: 37rem) { - #feature .row.feature-cards .card { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - margin-bottom: 1.5rem; - } -} - -#feature .card img.feature-icon, #feature .card-long img.feature-icon { - width: 7rem; - margin-bottom: 2rem; -} - -#feature .card h3, #feature .card-long h3 { - font-size: 1.5rem; - font-family: 'Noto Sans', sans-serif; - font-weight: 700; - line-height: 1.2; -} - -#feature .card p { - font-size: 1rem; - font-family: 'Noto Sans', sans-serif; - font-weight: 400; - margin-top: 0.75rem; - line-height: 1.6; -} - -#feature .row.feature-cards .card-long { + #feature .row.feature-cards .card { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; - margin-bottom: 1.75rem; - background: #ffffff; - border-radius: 32px; - padding: 2rem; + margin-bottom: 1.5rem; + } +} + +#feature .card img.feature-icon, +#feature .card-long img.feature-icon { + width: 7rem; + margin-bottom: 2rem; +} + +#feature .card h3, +#feature .card-long h3, +.coin_name { + font-size: 1.5rem; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + line-height: 1.2; +} + +#feature .card p { + font-size: 1rem; + font-family: "Noto Sans", sans-serif; + font-weight: 400; + margin-top: 0.75rem; + line-height: 1.6; +} + +#feature .row.feature-cards .card-long { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + margin-bottom: 1.75rem; + background: #ffffff; + border-radius: 32px; + padding: 2rem; } #feature .row.feature-cards .card-long .row { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; } #feature .row.feature-cards .card-long .col { - margin-top: 0.75rem; - -ms-flex-preferred-size: 45%; - flex-basis: 45%; - max-width: 45%; - padding: 1rem 0 0 0; + margin-top: 0.75rem; + -ms-flex-preferred-size: 45%; + flex-basis: 45%; + max-width: 45%; + padding: 1rem 0 0 0; } #feature .row.feature-cards .card-long .col p { - position: relative; - padding-left: 2rem; + position: relative; + padding-left: 2rem; } #feature .row.feature-cards .card-long .col p:before { - content: '☑️'; - position: absolute; - left: 0; + content: "☑️"; + position: absolute; + left: 0; } @media only screen and (max-width: 37rem) { + #feature .row.feature-cards .card-long .col { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} - #feature .row.feature-cards .card-long .col { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } +/* Coins */ +#coins .container { + position: relative; + padding-top: 15rem; + /* padding-bottom: 10rem; */ + margin-top: 8rem; +} + +#coins .container:before { + content: "coins"; + display: block; + color: gainsboro; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + font-size: 10rem; + position: absolute; + top: 0; + left: -12rem; + z-index: -1; + line-height: 1; + opacity: 0.5; +} + +#coins .coins { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 1rem 5rem; + flex-basis: 100%; + max-width: 100%; + margin-bottom: 1.75rem; + background: #ffffff; + border-radius: 32px; + padding: 2rem; +} + +.coin_item { + text-decoration: none; + position: relative; + padding: 2rem 0 2rem 5rem; +} + +.coin_icon { + display: block; + width: 4rem; + position: absolute; + top: 0; + bottom: 0; + margin: auto; + left: 0; +} + +@media only screen and (max-width: 100rem) { + #coins .container:before { + left: -2rem; + } +} + +@media only screen and (max-width: 75rem) { + #coins .coins { + grid-template-columns: 1fr 1fr; + } +} + +@media only screen and (max-width: 48rem) { + #coins .container:before { + left: 1.5rem; + } + + #coins .coins { + grid-template-columns: 1fr; + } +} + +@media only screen and (max-width: 37rem) { + #coins .container:before { + font-size: 4rem; + left: 1.5rem; + } + + #coins .container { + margin-top: 4rem; + padding-top: 8rem; + } + + #coins .coins { + grid-template-columns: 1fr; + } } /*support*/ #support .container { - position: relative; - padding-top: 15rem; - padding-bottom: 10rem; - margin-top: 8rem; + position: relative; + padding-top: 15rem; + padding-bottom: 10rem; + margin-top: 8rem; } #support .container:before { - content: 'support'; - display; block; - color: gainsboro; - font-family: 'Noto Sans', sans-serif; - font-weight: 700; - font-size: 10rem; - position: absolute; - top: 0; - left: -12rem; - z-index: -1; - line-height: 1; - opacity: 0.5; + content: "support"; + display: block; + color: gainsboro; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + font-size: 10rem; + position: absolute; + top: 0; + right: -12rem; + z-index: -1; + line-height: 1; + opacity: 0.5; } @media only screen and (max-width: 100rem) { - - #support .container:before { - left: -2rem; - } - + #support .container:before { + right: -2rem; + } } #support .container > .row { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; } .social-support { - background-color: #ffffff; - border-radius: 16px; - max-width: 22.5rem; - padding: 2rem; + background-color: #ffffff; + border-radius: 16px; + max-width: 22.5rem; + padding: 2rem; } .social-support h3 { - font-size: 1.1rem; - margin-bottom: 1rem; + font-size: 1.1rem; + margin-bottom: 1rem; } .social-support p span { - font-weight: 800; + font-weight: 800; } .social-support p span span.ignore { - display: none; + display: none; } .social-support .social-links { - margin-top: 1rem; + margin-top: 1rem; } .social-support .social-links li { - display: block; - margin-top: 1rem; + display: block; + margin-top: 1rem; } .social-support .social-links li i { - display: block; - font-size: 1.7rem; - color: #3030D0; - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; - line-height: 1; - margin-right: 0.5rem; + display: block; + font-size: 1.7rem; + color: #3030d0; + -webkit-transition: all ease-out 0.2s; + -moz-transition: all ease-out 0.2s; + -o-transition: all ease-out 0.2s; + transition: all ease-out 0.2s; + line-height: 1; + margin-right: 0.5rem; } .social-support .social-links li:hover i { - color: #3030D0; + color: #3030d0; } -.social-support .social-links li i, .social-support .social-links li span { - display: inline; - vertical-align: middle; +.social-support .social-links li i, +.social-support .social-links li span { + display: inline; + vertical-align: middle; } .social-support .social-links li a { - text-decoration: none; - display: inline-block; - color: #3030D0; + text-decoration: none; + display: inline-block; + color: #3030d0; } .social-support .social-links li span { - font-weight: 800; + font-weight: 800; } .accordion { - padding: 0; - z-index: 1; - max-width: 47rem; + padding: 0; + z-index: 1; + max-width: 47rem; } @media only screen and (max-width: 75rem) { - - .social-support { - max-width: 19.33rem; - } + .social-support { + max-width: 19.33rem; + } - .accordion { - max-width: 40.17rem; - } - + .accordion { + max-width: 40.17rem; + } } @media only screen and (max-width: 62rem) { - - .social-support, .accordion { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } + .social-support, + .accordion { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } - .accordion { - margin-bottom: 1.5rem; - } + .accordion { + margin-bottom: 1.5rem; + } - #support .container:before { - font-size: 8rem; - } + #support .container:before { + font-size: 8rem; + } - #support .container { - padding-top: 12rem; - margin-top: 6rem; - } - + #support .container { + padding-top: 12rem; + margin-top: 6rem; + } } -@media only screen and (max-width: 48rem) { +@media only screen and (max-width: 48rem) { + #support .container:before { + right: 1.5rem; + } - #support .container:before { - left: 1.5rem; - } - - #support .container { - margin-top: 4rem; - padding-bottom: 6rem; - } - + #support .container { + margin-top: 4rem; + padding-bottom: 6rem; + } } @media only screen and (max-width: 37rem) { + #support .container:before { + font-size: 4rem; + right: 1.5rem; + } - #support .container:before { - font-size: 4rem; - right: 1.5rem; - } - - #support .container { - padding-top: 8rem; - } + #support .container { + padding-top: 8rem; + } } - - .accordion h3 { - font-size: 1.5rem; - font-family: 'Noto Sans', sans-serif; - font-weight: 700; - line-height: 1.2; + font-size: 1.5rem; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + line-height: 1.2; } - - .accordion__item { - display: block; - padding: 1.5rem 2rem; - cursor: pointer; - border-radius: 12px; - overflow: hidden; - transition: all 150ms ease; - margin-bottom: 1rem; - background: #ffffff; - } - .accordion__item:not(:last-child) { - border-bottom: 1px solid #fafafa; - } - .accordion__item:last-child { - margin-bottom: 0; - } - - .accordion__title { - font-size: 1rem; - line-height: 1; - transition: all 150ms ease; - position: relative; - padding-right: 30px; - font-weight: 700; - } +.accordion__item { + display: block; + padding: 1.5rem 2rem; + cursor: pointer; + border-radius: 12px; + overflow: hidden; + transition: all 150ms ease; + margin-bottom: 1rem; + background: #ffffff; +} +.accordion__item:not(:last-child) { + border-bottom: 1px solid #fafafa; +} - .accordion__title::after, .accordion__title::before { - content: ""; - width: 16px; - height: 2px; - background-color: #666; - position: absolute; - right: 0; - top: 8px; - transition: all 150ms ease; - } - .accordion__title::after { - transform: rotate(90deg); - } - - .accordion__content { - transform: translateY(50%); - color: #737577; - font-size: 0.9rem; - line-height: 1.5; - max-height: 0; - opacity: 0; - transition: all 150ms ease; - } - - .accordion__item [type=checkbox], .accordion__item [type=radio] { - display: none; - } - .accordion__item [type=radio]:checked + .accordion__title, .accordion__item [type=checkbox]:checked + .accordion__title { - margin-bottom: 1rem; - } - .accordion__item [type=radio]:checked + .accordion__title::after, .accordion__item [type=checkbox]:checked + .accordion__title::after { - transform: rotate(45deg); - } - .accordion__item [type=radio]:checked + .accordion__title::before, .accordion__item [type=checkbox]:checked + .accordion__title::before { - transform: rotate(-45deg); - } - .accordion__item [type=radio]:checked + .accordion__title + .accordion__content, .accordion__item [type=checkbox]:checked + .accordion__title + .accordion__content { - transform: translateY(0); - max-height: none; - opacity: 1; - } +.accordion__item:last-child { + margin-bottom: 0; +} +.accordion__title { + font-size: 1rem; + line-height: 1; + transition: all 150ms ease; + position: relative; + padding-right: 30px; + font-weight: 700; +} +.accordion__title::after, +.accordion__title::before { + content: ""; + width: 16px; + height: 2px; + background-color: #666; + position: absolute; + right: 0; + top: 8px; + transition: all 150ms ease; +} +.accordion__title::after { + transform: rotate(90deg); +} + +.accordion__content { + transform: translateY(50%); + color: #737577; + font-size: 0.9rem; + line-height: 1.5; + max-height: 0; + opacity: 0; + transition: all 150ms ease; +} + +.accordion__item [type="checkbox"], +.accordion__item [type="radio"] { + display: none; +} +.accordion__item [type="radio"]:checked + .accordion__title, +.accordion__item [type="checkbox"]:checked + .accordion__title { + margin-bottom: 1rem; +} +.accordion__item [type="radio"]:checked + .accordion__title::after, +.accordion__item [type="checkbox"]:checked + .accordion__title::after { + transform: rotate(45deg); +} +.accordion__item [type="radio"]:checked + .accordion__title::before, +.accordion__item [type="checkbox"]:checked + .accordion__title::before { + transform: rotate(-45deg); +} +.accordion__item + [type="radio"]:checked + + .accordion__title + + .accordion__content, +.accordion__item + [type="checkbox"]:checked + + .accordion__title + + .accordion__content { + transform: translateY(0); + max-height: none; + opacity: 1; +} /*intro facts*/ #intro-info h2 { - display: inline-block; - background-color: #dfebf2; - padding: 1rem 1.5rem 1rem 0; - position: relative; - margin-bottom: 2rem; + display: inline-block; + background-color: #dfebf2; + padding: 1rem 1.5rem 1rem 0; + position: relative; + margin-bottom: 2rem; } #intro-info h2:before { - content: ""; - background-color: #dfebf2; - height: 100%; - width: 9999px; - position: absolute; - right: 100%; - top: 0; - z-index: -1; + content: ""; + background-color: #dfebf2; + height: 100%; + width: 9999px; + position: absolute; + right: 100%; + top: 0; + z-index: -1; } #intro-info .row { @@ -1456,434 +1726,586 @@ header .container { } #intro-info .col-img { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; } -#intro-info .noncust, #intro-info .privacy { - padding-top: 3rem; -} +#intro-info .noncust, +#intro-info .privacy { + padding-top: 3rem; +} #intro-info .open h3 span { - color: #E7B408; + color: #e7b408; } #intro-info .noncust h3 span { - color: #FF4B00; + color: #ff4b00; } -#intro-info .privacy h3 span { - color: #3030D0; +#intro-info .privacy h3 span, +#art .article h3 span { + color: #3030d0; } #intro-info .col-info { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; } -#intro-info h3, #intro-info h3 + p { - margin-bottom: 1rem; +#intro-info h3, +#art h3, +#intro-info h3 + p { + margin-bottom: 1rem; } @media only screen and (max-width: 62rem) { - -.block-facts .col img, .block-facts .col div, .block-facts .col > h4 { + .block-facts .col img, + .block-facts .col div, + .block-facts .col > h4 { display: block; -} - -.block-facts .col img { + } + + .block-facts .col img { margin-bottom: 0.5rem; width: 3rem; -} + } -#intro-info .col-info { + #intro-info .col-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 2rem; -} + } -#intro-info .noncust .col-img { + #intro-info .noncust .col-img { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; -} - + } } @media only screen and (max-width: 48rem) { - -#intro-info .open, #intro-info .noncust, #intro-info .privacy { + #intro-info .open, + #intro-info .noncust, + #intro-info .privacy { padding-top: 3rem; -} - + } } @media only screen and (max-width: 38rem) { - -#intro-info.section { + #intro-info.section { padding: 4rem 0; -} + } - -#intro-info .col-img { + #intro-info .col-img { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; -} - + } } @media only screen and (max-width: 30rem) { - -#intro-info .row:first-of-type .col { + #intro-info .row:first-of-type .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 0.5rem; -} - -#intro-info .row:first-of-type .col:nth-of-type(3), #intro-info .row:first-of-type .col:nth-of-type(2) { + } + + #intro-info .row:first-of-type .col:nth-of-type(3), + #intro-info .row:first-of-type .col:nth-of-type(2) { margin-top: 1rem; -} - + } } @media only screen and (max-width: 26rem) { - - - } @media only screen and (max-width: 23.75rem) { - -#intro-info .row:first-of-type .col { + #intro-info .row:first-of-type .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -} - -#intro-info .row:first-of-type .col { + } + + #intro-info .row:first-of-type .col { margin-top: 2rem; -} - -#intro-info .row:first-of-type .col:first-of-type { + } + + #intro-info .row:first-of-type .col:first-of-type { margin-top: 0; -} - + } } /* privacy policy*/ .policy { - max-width: 40rem; - margin-left: auto; - margin-right: auto; + max-width: 40rem; + margin-left: auto; + margin-right: auto; } .policy h1 { - font-size: 2rem; + font-size: 2rem; } .policy p.p-summary { - padding: 0; + padding: 0; } .policy h2 { - padding-top: 3rem; - font-size: 1.2rem; + padding-top: 3rem; + font-size: 1.2rem; } .policy p { - padding-top: 1rem; + padding-top: 1rem; } .policy ul { - list-style: disc; - padding-left: 2rem; + list-style: disc; + padding-left: 2rem; } @media only screen and (max-width: 48rem) { - -.policy { + .policy { max-width: 100%; padding: 0; -} - + } } /* donate */ .page-hero { - padding: 6rem 0; + padding: 6rem 0; } .page-hero .row { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .page-hero .col { - -ms-flex-preferred-size: 70%; - flex-basis: 70%; - max-width: 70%; + -ms-flex-preferred-size: 70%; + flex-basis: 70%; + max-width: 70%; } .page-hero h1 { - font-size: 3rem; - line-height: 1.3; - text-align: center; + font-size: 3rem; + line-height: 1.3; + text-align: center; } .page-hero p.page-hero-sub { - font-size: 1.2rem; - margin-top: 1rem; - line-height: 1.5; - text-align: center; + font-size: 1.2rem; + margin-top: 1rem; + line-height: 1.5; + text-align: center; } @media only screen and (max-width: 62rem) { - -.page-hero .col { + .page-hero .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -} + } -.page-hero p.page-hero-sub { + .page-hero p.page-hero-sub { font-size: 1.1rem; -} - + } } .row.doncoins { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; - padding: 0 1rem; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + padding: 0 1rem; } .donate-coin { - -ms-flex-preferred-size: 48%; - flex-basis: 48%; - max-width: 48%; - margin-bottom: 2.5rem; - background: #ffffff; - border-radius: 32px; - padding: 2rem; + -ms-flex-preferred-size: 48%; + flex-basis: 48%; + max-width: 48%; + margin-bottom: 2.5rem; + background: #ffffff; + border-radius: 32px; + padding: 2rem; } @media only screen and (max-width: 62rem) { - -.donate-coin { + .donate-coin { margin-bottom: 1.75rem; -} - + } } @media only screen and (max-width: 48rem) { - -.donate-coin { + .donate-coin { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -} - + } } .donate-coin .row { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; } .donate-coin .row .col { - padding: 0; + padding: 0; } .donate-coin .row .col:nth-child(2) img { - float: right; + float: right; } .donate-coin img.coin-icon { - width: 3rem; - margin-bottom: 2rem; + width: 3rem; + margin-bottom: 2rem; } .donate-coin img.donqr { - width: 4rem; - border-radius: 0.5rem; + width: 4rem; + border-radius: 0.5rem; } .donate-coin h3 { - font-size: 1.5rem; - font-family: 'Noto Sans', sans-serif; - font-weight: 700; - line-height: 1.2; + font-size: 1.5rem; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + line-height: 1.2; } .donate-coin p { - word-wrap: break-word; - user-select: all; - font-size: 1rem; - font-family: 'Noto Sans', sans-serif; - font-weight: 400; - margin-top: 0.75rem; - line-height: 1.6; + word-wrap: break-word; + user-select: all; + font-size: 1rem; + font-family: "Noto Sans", sans-serif; + font-weight: 400; + margin-top: 0.75rem; + line-height: 1.6; } /* footer */ footer { - background-color: #EEEFF1; + background-color: #eeeff1; } footer .pre-footer { - padding: 3rem 0; + padding: 3rem 0; } footer .pre-footer .row { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; } footer .pre-footer .col:first-child { - -ms-flex-preferred-size: 30%; - flex-basis: 30%; - max-width: 30%; + -ms-flex-preferred-size: 30%; + flex-basis: 30%; + max-width: 30%; } footer .pre-footer .col:last-child { - -ms-flex-preferred-size: 65%; - flex-basis: 65%; - max-width: 65%; + -ms-flex-preferred-size: 65%; + flex-basis: 65%; + max-width: 65%; } footer .pre-footer img.logo-foot { - width: 10rem; + width: 10rem; } footer .social { - margin-top: 1rem; + margin-top: 1rem; } footer .social li { - display: inline-block; - margin-right: 0.5rem; - margin-top: 0.5rem; + display: inline-block; + margin-right: 0.5rem; + margin-top: 0.5rem; } footer .social li i { - display: block; - font-size: 1.5rem; - color: #A9ACAC; - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; - line-height: 1; + display: block; + font-size: 1.5rem; + color: #a9acac; + -webkit-transition: all ease-out 0.2s; + -moz-transition: all ease-out 0.2s; + -o-transition: all ease-out 0.2s; + transition: all ease-out 0.2s; + line-height: 1; } footer .social li:hover i { - color: #3030D0; + color: #3030d0; } footer .pre-footer .about-foot p { - font-size: 0.8rem; - color: #A9ACAC; - padding-top: 1rem; + font-size: 0.8rem; + color: #a9acac; + padding-top: 1rem; } footer .pre-footer .about-foot p:first-child { - padding-top: 0; + padding-top: 0; } footer .bottom-row { - background-color: #232323; - padding: 1rem 0; + background-color: #232323; + padding: 1rem 0; } footer .bottom-row .col:last-child { - text-align: right; + text-align: right; } footer .bottom-row p { - font-size: 0.9rem; - color: #737577; - display: inline-block; + font-size: 0.9rem; + color: #737577; + display: inline-block; } footer .bottom-row p a { - margin-right: 1rem; - text-decoration: none; - font-size: 0.9rem; - color: #737577; - display: block; + margin-right: 1rem; + text-decoration: none; + font-size: 0.9rem; + color: #737577; + display: block; } @media only screen and (max-width: 62rem) { + footer .pre-footer .col:first-child { + -ms-flex-preferred-size: 40%; + flex-basis: 40%; + max-width: 40%; + } - footer .pre-footer .col:first-child { - -ms-flex-preferred-size: 40%; - flex-basis: 40%; - max-width: 40%; - } - - footer .pre-footer .col:last-child { - -ms-flex-preferred-size: 60%; - flex-basis: 60%; - max-width: 60%; - } - + footer .pre-footer .col:last-child { + -ms-flex-preferred-size: 60%; + flex-basis: 60%; + max-width: 60%; + } } @media only screen and (max-width: 48rem) { - footer .pre-footer { padding-left: 0.5rem; padding-right: 0.5rem; - } + } -footer .bottom-row .col { + footer .bottom-row .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 0; padding-right: 0; text-align: center; -} + } -footer .bottom-row .col:last-child { + footer .bottom-row .col:last-child { text-align: center; -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; -} + } -footer .bottom-row p:last-of-type a{ + footer .bottom-row p:last-of-type a { margin-right: 0; -} - + } } -@media only screen and (max-width: 38rem) { - -footer .social { +@media only screen and (max-width: 38rem) { + footer .social { padding-top: 0; -} + } -footer .pre-footer .col:first-child, footer .pre-footer .col:last-child { + footer .pre-footer .col:first-child, + footer .pre-footer .col:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; + } + + footer .pre-footer .col:last-child { + margin-top: 1rem; + } } -footer .pre-footer .col:last-child { - margin-top: 1rem; +/* Page coin */ + +/* Coin intro */ + +/* .coin-intro { + position: relative; +} */ + +/* .intro-img-coin { + display: block; + padding-left: 3rem; + width: 70%; +} */ + +#intro .intro-img-coin { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; } - + +#intro .intro-img-coin { + padding: 0; +} + +#intro .intro-img-coin img { + margin: 0 auto; + width: auto; +} + +@media only screen and (min-width: 112rem) { + #intro .intro-img-coin img { + width: auto; + } +} + +@media only screen and (max-width: 112rem) { + #intro .intro-img-coin img { + width: auto; + margin: 0 auto; + } +} + +@media only screen and (max-width: 62rem) { + #intro .intro-img-coin img { + width: 100%; + padding: 0 1rem; + } +} + +@media only screen and (max-width: 48rem) { + #intro .intro-img-coin { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + margin-top: 3rem; + } + + #intro .intro-img-coin img { + width: 50%; + margin-left: auto; + margin-right: auto; + } +} + +@media only screen and (max-width: 37rem) { + #intro .intro-img-coin img { + width: 70%; + } +} + +@media only screen and (max-width: 37rem) { + #intro .intro-img-coin img { + width: 70%; + } +} + +/* Article */ + +#about .container { + position: relative; + padding-top: 15rem; + padding-bottom: 10rem; + margin-top: 6rem; +} + +#about .container::before { + content: "about bitcoin"; + display: block; + color: gainsboro; + font-family: "Noto Sans", sans-serif; + font-weight: 700; + font-size: 10rem; + position: absolute; + top: 0; + left: -12rem; + z-index: -1; + line-height: 1; + opacity: 0.5; +} + +.article { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.art { + width: 40%; +} + +.part { + margin-bottom: 3.75rem; +} + +#art .color_blue h3 span { + color: #3030d0; +} + +#art .color_red h3 span { + color: #ff4b00; +} + +#art .color_yellow h3 span { + color: #e7b408; +} + +@media only screen and (max-width: 100rem) { + #about .container::before { + left: -2rem; + } +} + +@media only screen and (max-width: 75rem) { + #about .container::before { + font-size: 8rem; + } + + .art { + width: 100%; + } + + .part { + margin-bottom: 2rem; + } +} + +@media only screen and (max-width: 62rem) { + #about .container::before { + font-size: 6rem; + } +} + +@media only screen and (max-width: 48rem) { + #about .container::before { + left: 1.5rem; + } +} + +@media only screen and (max-width: 37rem) { + #about .container::before { + font-size: 4rem; + left: 1.5rem; + } + + #about .container { + margin-top: 4rem; + padding-top: 8rem; + } } diff --git a/dogecoin.html b/dogecoin.html new file mode 100644 index 0000000..e6dc369 --- /dev/null +++ b/dogecoin.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.dogecoin +permalink: /dogecoin.html +--- + +
+
+
+
+

A human-centered wallet for Dogecoin

+

+ Stack Wallet supports Dogecoin (DOGE) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Dogecoin, with the + added confidence that every key generated for Dogecoin stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/epiccash.html b/epiccash.html new file mode 100644 index 0000000..68e57db --- /dev/null +++ b/epiccash.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.epiccash +permalink: /epiccash.html +--- + +
+
+
+
+

A human-centered wallet for Epic cash

+

+ Stack Wallet supports Epic cash (EPIC) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Epic cash, with the + added confidence that every key generated for Epic cash stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/firo.html b/firo.html new file mode 100644 index 0000000..011992b --- /dev/null +++ b/firo.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.firo +permalink: /firo.html +--- + +
+
+
+
+

A human-centered wallet for Firo

+

+ Stack Wallet supports Firo (FIRO) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Firo, with the + added confidence that every key generated for Firo stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/img/coin-btc-screen.svg b/img/coin-btc-screen.svg new file mode 100644 index 0000000..a0aa930 --- /dev/null +++ b/img/coin-btc-screen.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/coin-btc-wallet.svg b/img/coin-btc-wallet.svg new file mode 100644 index 0000000..f6c9f2e --- /dev/null +++ b/img/coin-btc-wallet.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/coin-btc.png b/img/coin-btc.png new file mode 100644 index 0000000..6ab6852 Binary files /dev/null and b/img/coin-btc.png differ diff --git a/img/coin-btc.svg b/img/coin-btc.svg new file mode 100644 index 0000000..52906dd --- /dev/null +++ b/img/coin-btc.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/coin-dogecoin.png b/img/coin-dogecoin.png new file mode 100644 index 0000000..a5ee3e5 Binary files /dev/null and b/img/coin-dogecoin.png differ diff --git a/img/coin-epiccash.png b/img/coin-epiccash.png new file mode 100644 index 0000000..fa9a556 Binary files /dev/null and b/img/coin-epiccash.png differ diff --git a/img/coin-firo.png b/img/coin-firo.png new file mode 100644 index 0000000..2fe4872 Binary files /dev/null and b/img/coin-firo.png differ diff --git a/img/coin-litecoin.png b/img/coin-litecoin.png new file mode 100644 index 0000000..5fef09d Binary files /dev/null and b/img/coin-litecoin.png differ diff --git a/img/coin-logos/particl.svg b/img/coin-logos/particl.svg new file mode 100644 index 0000000..3f8a920 --- /dev/null +++ b/img/coin-logos/particl.svg @@ -0,0 +1 @@ +particl-part-logo \ No newline at end of file diff --git a/img/coin-monero.png b/img/coin-monero.png new file mode 100644 index 0000000..99380d6 Binary files /dev/null and b/img/coin-monero.png differ diff --git a/img/coin-namecoin.png b/img/coin-namecoin.png new file mode 100644 index 0000000..f35553b Binary files /dev/null and b/img/coin-namecoin.png differ diff --git a/img/coin-wownero.png b/img/coin-wownero.png new file mode 100644 index 0000000..80d34c9 Binary files /dev/null and b/img/coin-wownero.png differ diff --git a/index.html b/index.html index c341132..9b97008 100644 --- a/index.html +++ b/index.html @@ -3,187 +3,417 @@ layout: base title: titles.home permalink: /index.html --- -
-
-
-
-

Stack Wallet

-

The first open-source, non-custodial, privacy-preserving cryptocurrency wallet for all crypto fans

-
- - - -
- -
-
- -
+ +
+
+
+
+

Stack Wallet

+

+ The first open-source, non-custodial, privacy-preserving + cryptocurrency wallet for all crypto fans +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+ Blockchain illustration +
+
+

Stack Wallet is open-source

+

+ The best and most secure applications are made together. Reap the + benefits of security, power, and stability that only a fully + open-source codebase can offer. Not partially open. Not mostly open. + Completely open. +

+
+
+ +
+
+

Stack Wallet is non-custodial

+

+ Stack Wallet keeps all private keys in your hands. That means, we + never touch your money. We just make the "piggybank", and + you control all of the money inside it. +

+
+
+ Blockchain illustration +
+
+ +
+
+ Blockchain illustration +
+
+

Stack Wallet is privacy-preserving

+

+ All privacy technologies implemented in the cryptocurrencies we + support are turned on by default. Keep your funds safe from prying + eyes. +

+
+
+
+
+ +
+
+
+
+ +

Multicurrency support

+

+ Send, receive, and store Monero, Bitcoin, Bitcoin Cash, Firo, Epic + Cash, Namecoin, Wownero, Litecoin, and Dogecoin. +

+
+
+ +

Built-in exchange

+

+ We’ve partnered with some of the best in the ecosystem to exchange + your crypto in a quick, secure, and easy manner. Even for cryptos not + on Stack Wallet! +

+
+
+ +

Custom backup

+

+ Back up your Stack Wallet data to easily restore it or transfer + between devices (protected by a custom-designed secure technology). +

+
+
+ +

Multiwallet address book

+

+ Create multiple cryptocurrency addresses for your contacts and easily + access them for a quick and painless transaction. +

+
+
+ +

Favorite wallets

+

+ With many wallets in one Stack, you surely will have some that you use + most. Give them the attention they deserve with our Favorites feature + (toggle it on or off). +

+
+
+ +

User-friendly

+

+ The days of cryptocurrency and open source being difficult to use are + a thing of the past. Use crypto like a pro with our meticulously + designed interface that makes everything simple. +

+
+
+ +

and more...

+
+
+

+ Auto connect to our nodes for a seamless experience, or choose + your own! +

+
+
+

+ Smart sync: Sync to the blockchain when is convenient for you. + Minimize wait times before using your coins. +

+
+
+

+ Custom made backup capabilities mean you can safely and securely + restore ALL of yours wallets in two easy steps. +

+
+
+

+ Save multiple cryptocurrency addresses under one contact and + assign an emoji +

+
+
+

+ Testnet support: Most coins we support come with their testnet + alternatives also. Simply enter advanced mode. +

+
+
+

+ SegWit support: Bitcoin uses SegWit technology automatically, + saving you on fees. +

+
+
+

+ Post Technology: Mimblewimble coins utilize Post technology, + turning the painful sending and receiving process into a simple, + one-and-done affair. +

+
+
+

and many more to come!

-
+
+
+ +
-
-
-
-
- Blockchain illustration -
-
-

Stack Wallet is open-source

-

The best and most secure applications are made together. Reap the benefits of security, power, and stability that only a fully open-source codebase can offer. Not partially open. Not mostly open. Completely open.

-
-
+
+
+
+ + +

Bitcoin (BTC)

+ + + +

Bitcoin cash (BCH)

+ + + +

Litecoin (LTC)

+ + + +

Dogecoin (DOGE)

+ + + +

Monero (XMR)

+ + + +

Epic Cash (EPIC)

+ + + +

Firo (FIRO)

+ + + +

Wownero (WOW)

+ + + +

Namecoin (NMC)

+ + + +

Particl (PART)

+ +
+
+
-
-
-

Stack Wallet is non-custodial

-

Stack Wallet keeps all private keys in your hands. That means, we never touch your money. We just make the "piggybank", and you control all of the money inside it.

-
-
- Blockchain illustration -
-
- -
-
- Blockchain illustration -
-
-

Stack Wallet is privacy-preserving

-

All privacy technologies implemented in the cryptocurrencies we support are turned on by default. Keep your funds safe from prying eyes.

-
-
-
-
- -
-
-
-
- -

Multicurrency support

-

Send, receive, and store Monero, Bitcoin, Bitcoin Cash, Firo, Epic Cash, Namecoin, Wownero, Litecoin, and Dogecoin.

-
-
- -

Built-in exchange

-

We’ve partnered with some of the best in the ecosystem to exchange your crypto in a quick, secure, and easy manner. Even for cryptos not on - Stack Wallet!

-
-
- -

Custom backup

-

Back up your Stack Wallet data to easily restore it or transfer between devices (protected by a custom-designed secure technology).

-
-
- -

Multiwallet address book

-

Create multiple cryptocurrency addresses for your contacts and easily access them for a quick and painless transaction.

-
-
- -

Favorite wallets

-

With many wallets in one Stack, you surely will have some that you use most. Give them the attention they deserve with our Favorites feature (toggle it on or off).

-
-
- -

User-friendly

-

The days of cryptocurrency and open source being difficult to use are a thing of the past. Use crypto like a pro with our meticulously designed interface that makes everything simple.

-
-
- -

and more...

-
-
-

Auto connect to our nodes for a seamless experience, or choose your own!

-
-
-

Smart sync: Sync to the blockchain when is convenient for you. Minimize wait times before using your coins.

-
-
-

Custom made backup capabilities mean you can safely and securely restore ALL of yours wallets in two easy steps.

-
-
-

Save multiple cryptocurrency addresses under one contact and assign an emoji

-
-
-

Testnet support: Most coins we support come with their testnet alternatives also. Simply enter advanced mode.

-
-
-

SegWit support: Bitcoin uses SegWit technology automatically, saving you on fees.

-
-
-

Post Technology: Mimblewimble coins utilize Post technology, turning the painful sending and receiving process into a simple, one-and-done affair.

-
-
-

and many more to come!

-
-
-
-
+
+
+
+
+ + + + + + + + +
+
- -
-
-
-
- - - - - - - - -
- -
-
-
-Mastodon \ No newline at end of file +
+ + +
+Mastodon diff --git a/litecoin.html b/litecoin.html new file mode 100644 index 0000000..43dbe0b --- /dev/null +++ b/litecoin.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.litecoin +permalink: /litecoin.html +--- + +
+
+
+
+

A human-centered wallet for Litecoin

+

+ Stack Wallet supports Litecoin (LTC) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Litecoin, with the + added confidence that every key generated for Litecoin stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/monero.html b/monero.html new file mode 100644 index 0000000..25447b8 --- /dev/null +++ b/monero.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.monero +permalink: /monero.html +--- + +
+
+
+
+

A human-centered wallet for Monero

+

+ Stack Wallet supports Monero (XMR) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Monero, with the + added confidence that every key generated for Monero stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/namecoin.html b/namecoin.html new file mode 100644 index 0000000..7b1b95c --- /dev/null +++ b/namecoin.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.namecoin +permalink: /namecoin.html +--- + +
+
+
+
+

A human-centered wallet for Namecoin

+

+ Stack Wallet supports Namecoin (NMC) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Namecoin, with the + added confidence that every key generated for Namecoin stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/particl.html b/particl.html new file mode 100644 index 0000000..ab418d4 --- /dev/null +++ b/particl.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.particl +permalink: /particl.html +--- + +
+
+
+
+

A human-centered wallet for Particl

+

+ Stack Wallet supports Particl (PART) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Particl, with the + added confidence that every key generated for Particl stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+
diff --git a/wownero.html b/wownero.html new file mode 100644 index 0000000..323edfe --- /dev/null +++ b/wownero.html @@ -0,0 +1,98 @@ +--- +layout: base +title: titles.wownero +permalink: /wownero.html +--- + +
+
+
+
+

A human-centered wallet for Wownero

+

+ Stack Wallet supports Wownero (WOW) as well as many other + cryptocurrencies (full list here) Use + Stack Wallet to send, receive, exchange, and store Wownero, with the + added confidence that every key generated for Wownero stays on your + device, and you retain complete control. Download Stack Wallet below! +

+
+ + + +
+
+
+ +
+
+
+
+ +
+
+
+
+
+

Text Red

+

+ Text
+ Text +

+
+
+

+ Text + Blue? +

+

+ Text
+ Text +

+
+
+
+
+

Text Yellow

+

+ Text
+ Text +

+
+
+

Text Blue

+

+ Text
+ Text +

+
+
+
+
+