initial commit
Signed-off-by: William Casarin <jb55@jb55.com>
This commit is contained in:
William Casarin
commit
ba0211b188
16 changed files with 1291 additions and 0 deletions
177
css/custom.css
Normal file
177
css/custom.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
@import url('https://rsms.me/inter/inter.css');
|
||||
html { font-family: 'Inter', sans-serif; }
|
||||
@supports (font-variation-settings: normal) {
|
||||
html { font-family: 'Inter var', sans-serif; }
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote:before {
|
||||
color: #ccc;
|
||||
content: open-quote;
|
||||
display: block;
|
||||
position: relative;
|
||||
left: -0.6em;
|
||||
top: 0.3em;
|
||||
font-size: 4em;
|
||||
line-height: 0.1em;
|
||||
vertical-align: -0.4em;
|
||||
}
|
||||
|
||||
blockquote:after {
|
||||
color: #ccc;
|
||||
content: close-quote;
|
||||
font-size: 4em;
|
||||
position:relative;
|
||||
top: 0.2em;
|
||||
left: -0.1em;
|
||||
line-height: 0.1em;
|
||||
vertical-align: -0.4em;
|
||||
}
|
||||
|
||||
.author {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
label input {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
ul.socials {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.profile {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.socials-container {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
justify-content: space-evenly;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
ul.socials > li {
|
||||
float: left;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.socials-container img {
|
||||
color: #ff0000;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-bottom: 8rem;
|
||||
}
|
||||
|
||||
.hero {
|
||||
margin-top: 5rem;
|
||||
text-align: center;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
margin-left: 50px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
border-radius: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
box-shadow: 0px 0px 10px #aaa;
|
||||
border: 2px solid white;
|
||||
}
|
||||
|
||||
.centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.value-img {
|
||||
margin: 2.5rem auto 2.5rem auto;
|
||||
width: 100px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.credits {
|
||||
margin-top: 10rem;
|
||||
text-align: center;
|
||||
color: #252D3A;
|
||||
}
|
||||
|
||||
.code-example {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.value-prop {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.value-props {
|
||||
margin-bottom: 7rem;
|
||||
}
|
||||
|
||||
.damus {
|
||||
font-size: 4rem;
|
||||
letter-spacing: -0.08em;
|
||||
font-weight: 100;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 8rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.055em;
|
||||
}
|
||||
|
||||
|
||||
.logo {
|
||||
margin-bottom: 0;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
padding-right: 18px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.wizards {
|
||||
font-size: 1.5rem;
|
||||
top: -2em;
|
||||
left: 0.2em;
|
||||
position: relative;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
body {
|
||||
letter-spacing: -0.044em;
|
||||
margin: 3rem 0 10em 0;
|
||||
color: white;
|
||||
background: linear-gradient(45deg, rgba(28,85,255,1) 0%, rgba(127,53,171,1) 59%, rgba(255,11,214,1) 100%);
|
||||
}
|
||||
|
||||
input {
|
||||
color: #252D3A;
|
||||
}
|
||||
|
||||
429
css/normalize.css
vendored
Normal file
429
css/normalize.css
vendored
Normal file
|
|
@ -0,0 +1,429 @@
|
|||
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
||||
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
||||
* and Firefox.
|
||||
* Correct `block` display not defined for `main` in IE 11.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `inline-block` display not defined in IE 8/9.
|
||||
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9/10.
|
||||
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
@media only screen and (max-width: 988px)
|
||||
{
|
||||
h1 {
|
||||
font-size: calc(100vw / 12.2);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9/10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow not hidden in IE 9/10/11.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contain overflow in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address odd `em`-unit font size rendering in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
||||
* styling of `select`, unless a `border` property is set.
|
||||
*/
|
||||
|
||||
/**
|
||||
* 1. Correct color not being inherited.
|
||||
* Known issue: affects color of disabled elements.
|
||||
* 2. Correct font properties not being inherited.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
||||
* Correct `select` style inheritance in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* It's recommended that you don't attempt to style these elements.
|
||||
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
||||
*
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||||
* 2. Remove excess padding in IE 8/9/10.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||||
* `font-size` values of the `input`, it causes the cursor style of the
|
||||
* decrement button to change from `default` to `text`.
|
||||
*/
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||||
* Safari (but not Chrome) clips the cancel button when the search input has
|
||||
* padding (and `textfield` appearance).
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default vertical scrollbar in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Don't inherit the `font-weight` (applied by a rule above).
|
||||
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
420
css/skeleton.css
vendored
Normal file
420
css/skeleton.css
vendored
Normal file
|
|
@ -0,0 +1,420 @@
|
|||
/*
|
||||
* Skeleton V2.0.4
|
||||
* Copyright 2014, Dave Gamache
|
||||
* www.getskeleton.com
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* 12/29/2014
|
||||
*/
|
||||
|
||||
|
||||
/* Table of contents
|
||||
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
- Grid
|
||||
- Base Styles
|
||||
- Typography
|
||||
- Links
|
||||
- Buttons
|
||||
- Forms
|
||||
- Lists
|
||||
- Code
|
||||
- Tables
|
||||
- Spacing
|
||||
- Utilities
|
||||
- Clearing
|
||||
- Media Queries
|
||||
*/
|
||||
|
||||
|
||||
/* Grid
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box; }
|
||||
.column,
|
||||
.columns {
|
||||
width: 100%;
|
||||
float: left;
|
||||
box-sizing: border-box; }
|
||||
|
||||
/* For devices larger than 400px */
|
||||
@media (min-width: 400px) {
|
||||
.container {
|
||||
width: 85%;
|
||||
padding: 0; }
|
||||
}
|
||||
|
||||
/* For devices larger than 550px */
|
||||
@media (min-width: 550px) {
|
||||
.container {
|
||||
width: 80%; }
|
||||
.column,
|
||||
.columns {
|
||||
margin-left: 4%; }
|
||||
.column:first-child,
|
||||
.columns:first-child {
|
||||
margin-left: 0; }
|
||||
|
||||
.one.column,
|
||||
.one.columns { width: 4.66666666667%; }
|
||||
.two.columns { width: 13.3333333333%; }
|
||||
.three.columns { width: 22%; }
|
||||
.four.columns { width: 30.6666666667%; }
|
||||
.five.columns { width: 39.3333333333%; }
|
||||
.six.columns { width: 48%; }
|
||||
.seven.columns { width: 56.6666666667%; }
|
||||
.eight.columns { width: 65.3333333333%; }
|
||||
.nine.columns { width: 74.0%; }
|
||||
.ten.columns { width: 82.6666666667%; }
|
||||
.eleven.columns { width: 91.3333333333%; }
|
||||
.twelve.columns { width: 100%; margin-left: 0; }
|
||||
|
||||
.one-third.column { width: 30.6666666667%; }
|
||||
.two-thirds.column { width: 65.3333333333%; }
|
||||
|
||||
.one-half.column { width: 48%; }
|
||||
|
||||
/* Offsets */
|
||||
.offset-by-one.column,
|
||||
.offset-by-one.columns { margin-left: 8.66666666667%; }
|
||||
.offset-by-two.column,
|
||||
.offset-by-two.columns { margin-left: 17.3333333333%; }
|
||||
.offset-by-three.column,
|
||||
.offset-by-three.columns { margin-left: 26%; }
|
||||
.offset-by-four.column,
|
||||
.offset-by-four.columns { margin-left: 34.6666666667%; }
|
||||
.offset-by-five.column,
|
||||
.offset-by-five.columns { margin-left: 43.3333333333%; }
|
||||
.offset-by-six.column,
|
||||
.offset-by-six.columns { margin-left: 52%; }
|
||||
.offset-by-seven.column,
|
||||
.offset-by-seven.columns { margin-left: 60.6666666667%; }
|
||||
.offset-by-eight.column,
|
||||
.offset-by-eight.columns { margin-left: 69.3333333333%; }
|
||||
.offset-by-nine.column,
|
||||
.offset-by-nine.columns { margin-left: 78.0%; }
|
||||
.offset-by-ten.column,
|
||||
.offset-by-ten.columns { margin-left: 86.6666666667%; }
|
||||
.offset-by-eleven.column,
|
||||
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
|
||||
|
||||
.offset-by-one-third.column,
|
||||
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
|
||||
.offset-by-two-thirds.column,
|
||||
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
|
||||
|
||||
.offset-by-one-half.column,
|
||||
.offset-by-one-half.columns { margin-left: 52%; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Base Styles
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
/* NOTE
|
||||
html is set to 62.5% so that all the REM measurements throughout Skeleton
|
||||
are based on 10px sizing. So basically 1.5rem = 15px :) */
|
||||
html {
|
||||
font-size: 62.5%; }
|
||||
body {
|
||||
font-size: 1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
color: #222; }
|
||||
|
||||
|
||||
/* Typography
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 2rem;
|
||||
font-weight: 300; }
|
||||
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
|
||||
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
|
||||
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
|
||||
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
|
||||
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.08rem; }
|
||||
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
|
||||
|
||||
/* Larger than phablet */
|
||||
@media (min-width: 550px) {
|
||||
h1 { font-size: 5.0rem; }
|
||||
h2 { font-size: 4.2rem; }
|
||||
h3 { font-size: 3.6rem; }
|
||||
h4 { font-size: 3.0rem; }
|
||||
h5 { font-size: 2.4rem; }
|
||||
h6 { font-size: 1.5rem; }
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0; }
|
||||
|
||||
|
||||
/* Links
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
a {
|
||||
color: #0595ad;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #9BBDF2;
|
||||
}
|
||||
|
||||
|
||||
/* Buttons
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.button,
|
||||
button,
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"] {
|
||||
display: inline-block;
|
||||
height: 38px;
|
||||
padding: 0 30px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
line-height: 38px;
|
||||
letter-spacing: .1rem;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #bbb;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box; }
|
||||
.button:hover,
|
||||
button:hover,
|
||||
input[type="submit"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="button"]:hover,
|
||||
.button:focus,
|
||||
button:focus,
|
||||
input[type="submit"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="button"]:focus {
|
||||
color: #999;
|
||||
border-color: #999;
|
||||
outline: 0; }
|
||||
.button.button-primary,
|
||||
button.button-primary,
|
||||
input[type="submit"].button-primary,
|
||||
input[type="reset"].button-primary,
|
||||
input[type="button"].button-primary {
|
||||
color: #FFF;
|
||||
background-color: #33C3F0;
|
||||
border-color: #33C3F0; }
|
||||
.button.button-primary:hover,
|
||||
button.button-primary:hover,
|
||||
input[type="submit"].button-primary:hover,
|
||||
input[type="reset"].button-primary:hover,
|
||||
input[type="button"].button-primary:hover,
|
||||
.button.button-primary:focus,
|
||||
button.button-primary:focus,
|
||||
input[type="submit"].button-primary:focus,
|
||||
input[type="reset"].button-primary:focus,
|
||||
input[type="button"].button-primary:focus {
|
||||
color: #FFF;
|
||||
background-color: #1EAEDB;
|
||||
border-color: #1EAEDB; }
|
||||
|
||||
|
||||
/* Forms
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
input[type="email"],
|
||||
input[type="number"],
|
||||
input[type="search"],
|
||||
input[type="text"],
|
||||
input[type="tel"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
height: 38px;
|
||||
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
|
||||
background-color: #fff;
|
||||
border: 1px solid #D1D1D1;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box; }
|
||||
/* Removes awkward default styles on some inputs for iOS */
|
||||
input[type="email"],
|
||||
input[type="number"],
|
||||
input[type="search"],
|
||||
input[type="text"],
|
||||
input[type="tel"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
textarea {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none; }
|
||||
textarea {
|
||||
min-height: 65px;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px; }
|
||||
input[type="email"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="password"]:focus,
|
||||
textarea:focus,
|
||||
select:focus {
|
||||
border: 1px solid #33C3F0;
|
||||
outline: 0; }
|
||||
label,
|
||||
legend {
|
||||
/* display: block; */
|
||||
margin-bottom: .5rem;
|
||||
/* font-weight: 600; */ }
|
||||
fieldset {
|
||||
padding: 0;
|
||||
border-width: 0; }
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
display: inline; }
|
||||
label > .label-body {
|
||||
display: inline-block;
|
||||
margin-left: .5rem;
|
||||
font-weight: normal; }
|
||||
|
||||
|
||||
/* Lists
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
ul {
|
||||
list-style: circle inside; }
|
||||
ol {
|
||||
list-style: decimal inside; }
|
||||
ol, ul {
|
||||
padding-left: 0;
|
||||
margin-top: 0; }
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin: 1.5rem 0 1.5rem 3rem;
|
||||
font-size: 90%; }
|
||||
li {
|
||||
margin-bottom: 0.2rem; }
|
||||
|
||||
|
||||
/* Code
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
code {
|
||||
padding: .2rem .5rem;
|
||||
margin: 0 .2rem;
|
||||
font-size: 90%;
|
||||
white-space: nowrap;
|
||||
background: #F1F1F1;
|
||||
border: 1px solid #E1E1E1;
|
||||
border-radius: 4px; }
|
||||
pre > code {
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
white-space: pre; }
|
||||
|
||||
|
||||
/* Tables
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
th,
|
||||
td {
|
||||
padding: 12px 15px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #E1E1E1; }
|
||||
th:first-child,
|
||||
td:first-child {
|
||||
padding-left: 0; }
|
||||
th:last-child,
|
||||
td:last-child {
|
||||
padding-right: 0; }
|
||||
|
||||
|
||||
/* Spacing
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
button,
|
||||
.button {
|
||||
margin-bottom: 1rem; }
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
fieldset {
|
||||
margin-bottom: 1.5rem; }
|
||||
pre,
|
||||
blockquote,
|
||||
dl,
|
||||
figure,
|
||||
table,
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
form {
|
||||
margin-bottom: 2.5rem; }
|
||||
|
||||
|
||||
/* Utilities
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
.u-full-width {
|
||||
width: 100%;
|
||||
box-sizing: border-box; }
|
||||
.u-max-full-width {
|
||||
max-width: 100%;
|
||||
box-sizing: border-box; }
|
||||
.u-pull-right {
|
||||
float: right; }
|
||||
.u-pull-left {
|
||||
float: left; }
|
||||
|
||||
|
||||
/* Misc
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
hr {
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3.5rem;
|
||||
border-width: 0;
|
||||
border-top: 1px solid #E1E1E1; }
|
||||
|
||||
|
||||
/* Clearing
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
|
||||
/* Self Clearing Goodness */
|
||||
.container:after,
|
||||
.row:after,
|
||||
.u-cf {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
|
||||
/* Media Queries
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||
/*
|
||||
Note: The best way to structure the use of media queries is to create the queries
|
||||
near the relevant code. For example, if you wanted to change the styles for buttons
|
||||
on small devices, paste the mobile query code up in the buttons section and style it
|
||||
there.
|
||||
*/
|
||||
|
||||
|
||||
/* Larger than mobile */
|
||||
@media (min-width: 400px) {}
|
||||
|
||||
/* Larger than phablet (also point when grid becomes active) */
|
||||
@media (min-width: 550px) {}
|
||||
|
||||
/* Larger than tablet */
|
||||
@media (min-width: 750px) {}
|
||||
|
||||
/* Larger than desktop */
|
||||
@media (min-width: 1000px) {}
|
||||
|
||||
/* Larger than Desktop HD */
|
||||
@media (min-width: 1200px) {}
|
||||
1
img/activation.svg
Normal file
1
img/activation.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.5 KiB |
1
img/bitcoin-p2p.svg
Normal file
1
img/bitcoin-p2p.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.3 KiB |
1
img/bitcoin-phone.svg
Normal file
1
img/bitcoin-phone.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Filled_outline" data-name="Filled outline"><g fill="#195c85"><path d="m46.707 18.707-1.414-1.414 3-3a1 1 0 0 1 .707-.293h8v2h-7.586z"/><path d="m17.293 20.707-4.707-4.707h-5.586v-2h6a1 1 0 0 1 .707.293l5 5z"/><path d="m13 45h-6v-2h5.586l4.707-4.707 1.414 1.414-5 5a1 1 0 0 1 -.707.293z"/><path d="m17.628 29.929-4.82-1.929h-6.808v-2h7a1.012 1.012 0 0 1 .372.071l5 2z"/><path d="m17.628 37.929-4.82-1.929h-6.808v-2h7a1.012 1.012 0 0 1 .372.071l5 2z"/><path d="m46.515 27.857-1.03-1.714 5-3a1 1 0 0 1 .515-.143h7v2h-6.723z"/><path d="m58 36h-7a1 1 0 0 1 -.515-.143l-5-3 1.03-1.714 4.762 2.857h6.723z"/><path d="m58 44h-7a1 1 0 0 1 -.515-.143l-5-3 1.03-1.714 4.762 2.857h6.723z"/></g><rect fill="#767f87" height="58" rx="4" transform="matrix(-1 0 0 -1 64 64)" width="28" x="18" y="3"/><circle cx="32" cy="55" fill="#394d5c" r="2"/><path d="m30 6h8v2h-8z" fill="#394d5c"/><path d="m26 6h2v2h-2z" fill="#394d5c"/><path d="m18 11h28v38h-28z" fill="#f4f4e6"/><path d="m23 31h2v12h-2z" fill="#7fcac9"/><path d="m39 31h2v13h-2z" fill="#7fcac9"/><path d="m31 35h2v10h-2z" fill="#7fcac9"/><path d="m35 34h2v8h-2z" fill="#7fcac9"/><path d="m27 34h2v7h-2z" fill="#7fcac9"/><path d="m27 43h2v2h-2z" fill="#7fcac9"/><path d="m35 44h2v2h-2z" fill="#7fcac9"/><circle cx="5" cy="15" fill="#32b1cc" r="2"/><circle cx="5" cy="27" fill="#32b1cc" r="2"/><circle cx="5" cy="35" fill="#32b1cc" r="2"/><circle cx="5" cy="44" fill="#32b1cc" r="2"/><circle cx="59" cy="15" fill="#32b1cc" r="2"/><circle cx="59" cy="24" fill="#32b1cc" r="2"/><circle cx="59" cy="35" fill="#32b1cc" r="2"/><circle cx="59" cy="43" fill="#32b1cc" r="2"/><path d="m9 4h2v2h-2z" fill="#d9176c"/><path d="m9 8h2v2h-2z" fill="#d9176c"/><path d="m7 6h2v2h-2z" fill="#d9176c"/><path d="m11 6h2v2h-2z" fill="#d9176c"/><path d="m53 49h2v2h-2z" fill="#d9176c"/><path d="m53 53h2v2h-2z" fill="#d9176c"/><path d="m51 51h2v2h-2z" fill="#d9176c"/><path d="m55 51h2v2h-2z" fill="#d9176c"/><circle cx="32" cy="25" fill="#ffd782" r="10"/><path d="m33 18h2v3h-2z" fill="#e97424"/><path d="m29 18h2v3h-2z" fill="#e97424"/><path d="m29 29h2v3h-2z" fill="#e97424"/><path d="m33 29h2v3h-2z" fill="#e97424"/><path d="m35 26h-5a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h5a3 3 0 0 1 0 6zm-4-2h4a1 1 0 0 0 0-2h-4z" fill="#e97424"/><path d="m35 30h-5a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h5a3 3 0 0 1 0 6zm-4-2h4a1 1 0 0 0 0-2h-4z" fill="#e97424"/><path d="m27 20h3v2h-3z" fill="#e97424"/><path d="m27 28h4v2h-4z" fill="#e97424"/><path d="m32 52a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z"/><path d="m30 6h8v2h-8z"/><path d="m26 6h2v2h-2z"/><path d="m32 14a10.985 10.985 0 0 0 -9 17.305v11.695h2v-9.521a11.013 11.013 0 0 0 2 1.307v6.214h2v-5.426a10.9 10.9 0 0 0 2 .375v9.051h2v-9.051a10.9 10.9 0 0 0 2-.375v6.426h2v-7.214a11.013 11.013 0 0 0 2-1.307v10.521h2v-12.695a10.985 10.985 0 0 0 -9-17.305zm0 20a9 9 0 1 1 9-9 9.011 9.011 0 0 1 -9 9z"/><path d="m35 20v-2h-2v2h-2v-2h-2v2h-2v2h2v6h-2v2h2v2h2v-2h2v2h2v-2a2.987 2.987 0 0 0 2.22-5 2.987 2.987 0 0 0 -2.22-5zm1 3a1 1 0 0 1 -1 1h-4v-2h4a1 1 0 0 1 1 1zm-1 5h-4v-2h4a1 1 0 0 1 0 2z"/><path d="m27 43h2v2h-2z"/><path d="m35 44h2v2h-2z"/><path d="m49.414 16h6.77a3 3 0 1 0 0-2h-7.184a1 1 0 0 0 -.707.293l-1.293 1.293v-8.586a5.006 5.006 0 0 0 -5-5h-20a5.006 5.006 0 0 0 -5 5v10.586l-3.293-3.293a1 1 0 0 0 -.707-.293h-5.184a3 3 0 1 0 0 2h4.77l4.414 4.414v7.109l-3.628-1.452a1.012 1.012 0 0 0 -.372-.071h-5.184a3 3 0 1 0 0 2h4.992l4.192 1.677v5.846l-3.628-1.452a1.012 1.012 0 0 0 -.372-.071h-5.184a3 3 0 1 0 0 2h4.992l4.192 1.677v.909l-4.414 4.414h-4.77a3 3 0 1 0 0 2h5.184a1 1 0 0 0 .707-.293l3.293-3.293v15.586a5.006 5.006 0 0 0 5 5h20a5.006 5.006 0 0 0 5-5v-15.234l3.485 2.091a1 1 0 0 0 .515.143h5.184a3 3 0 1 0 0-2h-4.907l-4.277-2.566v-5.668l3.485 2.091a1 1 0 0 0 .515.143h5.184a3 3 0 1 0 0-2h-4.907l-4.277-2.566v-3.868l4.277-2.566h4.907a3 3 0 1 0 0-2h-5.184a1 1 0 0 0 -.515.143l-3.485 2.091v-6.82zm9.586-2a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm-54 2a1 1 0 1 1 1-1 1 1 0 0 1 -1 1zm0 12a1 1 0 1 1 1-1 1 1 0 0 1 -1 1zm0 8a1 1 0 1 1 1-1 1 1 0 0 1 -1 1zm0 9a1 1 0 1 1 1-1 1 1 0 0 1 -1 1zm54-3a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm0-8a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm0-11a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm-40-11h26v36h-26zm3-8h20a3 3 0 0 1 3 3v3h-26v-3a3 3 0 0 1 3-3zm20 56h-20a3 3 0 0 1 -3-3v-7h26v7a3 3 0 0 1 -3 3z"/><path d="m9 4h2v2h-2z"/><path d="m9 8h2v2h-2z"/><path d="m7 6h2v2h-2z"/><path d="m11 6h2v2h-2z"/><path d="m53 49h2v2h-2z"/><path d="m53 53h2v2h-2z"/><path d="m51 51h2v2h-2z"/><path d="m55 51h2v2h-2z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
1
img/bot.svg
Normal file
1
img/bot.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg height="512" viewBox="0 0 60 60" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="002---Bot-Message" fill-rule="nonzero" transform="translate(-1)"><path id="Shape" d="m48 39c0 15-10.3 20-23 20s-23-5-23-20c0-14 10.3-24 23-24 3.0903976-.0100698 6.1511982.6020903 9 1.8v1.2c0 1.6568542 1.3431458 3 3 3h1c.5522847 0 1 .4477153 1 1v3.23c.0000627.3593049.1928829.6909565.505101.8687761.3122182.1778196.6958342.1744694 1.004899-.0087761l2.93-1.76c3.0318572 4.2853551 4.6282198 9.4210217 4.56 14.67z" fill="#f5f5f5"/><path id="Shape" d="m43.44 24.33-2.146 1.289c2.4703306 4.0225352 3.754925 8.6607321 3.706 13.381 0 14.4-9.5 19.584-21.5 19.973.5.016 1 .027 1.5.027 12.7 0 23-5 23-20 .0682198-5.2489783-1.5281428-10.3846449-4.56-14.67z" fill="#cfd8dc"/><rect id="Rectangle-path" fill="#607d8b" height="22" rx="11" width="38" x="6" y="28"/><path id="Shape" d="m33 28h-3c6.0751322 0 11 4.9248678 11 11s-4.9248678 11-11 11h3c6.0751322-.0000001 10.9999998-4.9248678 10.9999998-11s-4.9248676-10.9999999-10.9999998-11z" fill="#37474f"/><circle id="Oval" cx="14" cy="38" fill="#00bcd4" r="3"/><circle id="Oval" cx="36" cy="38" fill="#00bcd4" r="3"/><circle id="Oval" cx="8" cy="13" fill="#02a9f4" r="2"/><path id="Shape" d="m60 4v14c0 1.6568542-1.3431458 3-3 3h-7.72c-.1824524.0014388-.3614878.0496407-.52.14l-5.32 3.19-2.93 1.76c-.3090648.1832455-.6926808.1865957-1.004899.0087761-.3122181-.1778196-.5050383-.5094712-.505101-.8687761v-3.23c0-.5522847-.4477153-1-1-1h-1c-1.6568542 0-3-1.3431458-3-3v-14c0-1.65685425 1.3431458-3 3-3h20c1.6568542 0 3 1.34314575 3 3z" fill="#ffdf00"/><path id="Shape" d="m57 1h-3c1.6568542 0 3 1.34314575 3 3v14c0 1.6568542-1.3431458 3-3 3h3c1.6568542 0 3-1.3431458 3-3v-14c0-1.65685425-1.3431458-3-3-3z" fill="#fec108"/><g fill="#000"><path id="Shape" d="m17 27c-6.627417 0-12 5.372583-12 12s5.372583 12 12 12h16c6.627417 0 12-5.372583 12-12s-5.372583-12-12-12zm26 12c-.0060624 5.5203344-4.4796656 9.9939376-10 10h-16c-5.5228475 0-10-4.4771525-10-10s4.4771525-10 10-10h16c5.5203344.0060624 9.9939376 4.4796656 10 10z"/><path id="Shape" d="m14 34c-2.209139 0-4 1.790861-4 4s1.790861 4 4 4 4-1.790861 4-4-1.790861-4-4-4zm0 6c-1.1045695 0-2-.8954305-2-2s.8954305-2 2-2 2 .8954305 2 2-.8954305 2-2 2z"/><path id="Shape" d="m36 42c2.209139 0 4-1.790861 4-4s-1.790861-4-4-4-4 1.790861-4 4 1.790861 4 4 4zm0-6c1.1045695 0 2 .8954305 2 2s-.8954305 2-2 2-2-.8954305-2-2 .8954305-2 2-2z"/><path id="Shape" d="m22 25h6c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-6c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"/><path id="Shape" d="m24 22h2c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-2c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"/><path id="Shape" d="m57 0h-20c-2.209139 0-4 1.790861-4 4v11.347c-2.5712007-.8985807-5.276313-1.3540539-8-1.347-5.9058605-.0610987-11.6181844 2.1038721-16 6.064v-4.248c1.3775467-.4870363 2.2038721-1.8956662 1.9567957-3.3357331-.2470764-1.4400668-1.4956868-2.49269402-2.9567957-2.49269402s-2.70971927 1.05262722-2.95679568 2.49269402c-.24707641 1.4400669.57924899 2.8486968 1.95679568 3.3357331v6.3c-3.96356752 4.7243441-6.09348037 10.7179189-6 16.884 0 13.738 8.3 21 24 21s24-7.262 24-21c.0508124-5.0845422-1.3914304-10.0722404-4.148-14.345l4.425-2.655h7.723c2.209139 0 4-1.790861 4-4v-14c0-2.209139-1.790861-4-4-4zm-49 12c.55228475 0 1 .4477153 1 1s-.44771525 1-1 1-1-.4477153-1-1 .44771525-1 1-1zm39 27c0 12.607-7.4 19-22 19s-22-6.393-22-19c0-13.112 9.458-23 22-23 2.7368223-.0026943 5.4500512.5060361 8 1.5v.5c0 2.209139 1.790861 4 4 4h1v3.234c.0049282 1.1025217.8974783 1.9950718 2 2 .3627718-.0009.7184675-.1004533 1.029-.288l2.108-1.265c2.5710617 3.9624335 3.9149107 8.595808 3.863 13.319zm12-21c0 1.1045695-.8954305 2-2 2h-7.723c-.3624418.0003443-.7180261.0988297-1.029.285l-8.248 4.949v-3.234c0-1.1045695-.8954305-2-2-2h-1c-1.1045695 0-2-.8954305-2-2v-14c0-1.1045695.8954305-2 2-2h20c1.1045695 0 2 .8954305 2 2z"/><path id="Shape" d="m27.3 43.282c-.6559217.5070896-1.4720819.7618735-2.3.718-.8276815.0432642-1.643525-.2110662-2.3-.717-.3985064-.3506401-1.0015362-.3288293-1.37367.049684-.3721338.3785132-.3836925.9818266-.02633 1.374316 1.023374.8869696 2.346923 1.3494963 3.7 1.293 1.35546.0583036 2.6818413-.4043376 3.707-1.293.3854708-.3870661.3854708-1.0129339 0-1.4-.3841726-.3895471-1.0092311-.4006534-1.407-.025z"/><path id="Shape" d="m55 6h-16c-.5522847 0-1 .44771525-1 1s.4477153 1 1 1h16c.5522847 0 1-.44771525 1-1s-.4477153-1-1-1z"/><path id="Shape" d="m39 12h5c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1h-5c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1z"/><path id="Shape" d="m52 14h-13c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h13c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
1
img/communication.svg
Normal file
1
img/communication.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.3 KiB |
186
img/damus-nobg.svg
Normal file
186
img/damus-nobg.svg
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="146.15311mm"
|
||||
height="184.664mm"
|
||||
viewBox="0 0 146.15311 184.66401"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2-alpha (0bd5040e, 2022-02-05)"
|
||||
sodipodi:docname="damus-nobg.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:blackoutopacity="0.0"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.5946522"
|
||||
inkscape:cx="73.992831"
|
||||
inkscape:cy="206.8436"
|
||||
inkscape:window-width="1435"
|
||||
inkscape:window-height="844"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="25"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="layer2" />
|
||||
<defs
|
||||
id="defs2">
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient39361">
|
||||
<stop
|
||||
style="stop-color:#0de8ff;stop-opacity:0.78082192;"
|
||||
offset="0"
|
||||
id="stop39357" />
|
||||
<stop
|
||||
style="stop-color:#d600fc;stop-opacity:0.95433789;"
|
||||
offset="1"
|
||||
id="stop39359" />
|
||||
</linearGradient>
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect255"
|
||||
is_visible="true"
|
||||
lpeversion="1"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient2119">
|
||||
<stop
|
||||
style="stop-color:#1c55ff;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop2115" />
|
||||
<stop
|
||||
style="stop-color:#7f35ab;stop-opacity:1;"
|
||||
offset="0.5"
|
||||
id="stop2123" />
|
||||
<stop
|
||||
style="stop-color:#ff0bd6;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop2117" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient2119"
|
||||
id="linearGradient2121"
|
||||
x1="10.067794"
|
||||
y1="248.81357"
|
||||
x2="246.56145"
|
||||
y2="7.1864405"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient39361"
|
||||
id="linearGradient39367"
|
||||
x1="62.104473"
|
||||
y1="128.78963"
|
||||
x2="208.25758"
|
||||
y2="128.78963"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
</defs>
|
||||
<g
|
||||
inkscape:label="Background"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
sodipodi:insensitive="true"
|
||||
style="display:none"
|
||||
transform="translate(-62.104473,-36.457485)">
|
||||
<rect
|
||||
style="fill:url(#linearGradient2121);fill-opacity:1;stroke-width:0.264583"
|
||||
id="rect61"
|
||||
width="256"
|
||||
height="256"
|
||||
x="-5.3875166e-08"
|
||||
y="-1.0775033e-07"
|
||||
ry="0"
|
||||
inkscape:label="Gradient"
|
||||
sodipodi:insensitive="true" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer2"
|
||||
inkscape:label="Logo"
|
||||
sodipodi:insensitive="true"
|
||||
transform="translate(-62.104473,-36.457485)">
|
||||
<path
|
||||
style="fill:url(#linearGradient39367);fill-opacity:1;stroke:#ffffff;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 101.1429,213.87373 C 67.104473,239.1681 67.104473,42.67112 67.104473,42.67112 135.18122,57.58146 203.25844,72.491904 203.25758,105.24181 c -8.6e-4,32.74991 -68.07625,83.33755 -102.11468,108.63192 z"
|
||||
id="path253"
|
||||
sodipodi:insensitive="true" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer3"
|
||||
inkscape:label="Poly"
|
||||
sodipodi:insensitive="true"
|
||||
transform="translate(-62.104473,-36.457485)">
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.325424;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 67.32839,76.766948 112.00424,99.41949 100.04873,52.226693 Z"
|
||||
id="path4648" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.274576;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 111.45696,98.998695 107.00758,142.60261 70.077729,105.67276 Z"
|
||||
id="path9299" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.379661;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 111.01202,99.221164 29.14343,-37.15232 25.80641,39.377006 z"
|
||||
id="path9301" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.447458;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 111.45696,99.443631 57.17452,55.172309 -2.89209,-53.17009 z"
|
||||
id="path9368" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.20678;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 106.78511,142.38015 62.06884,12.68073 -57.17452,-55.617249 z"
|
||||
id="path9370" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.244068;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 106.78511,142.38015 -28.47603,32.9254 62.51378,7.56395 z"
|
||||
id="path9372" />
|
||||
<path
|
||||
style="fill:#ffffff;fill-opacity:0.216949;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 165.96186,101.44585 195.7727,125.02756 182.64703,78.754017 Z"
|
||||
id="path9374" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer4"
|
||||
inkscape:label="Vertices"
|
||||
transform="translate(-62.104473,-36.457485)">
|
||||
<circle
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path27764"
|
||||
cx="106.86934"
|
||||
cy="142.38014"
|
||||
r="2.0022209" />
|
||||
<circle
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="circle28773"
|
||||
cx="111.54119"
|
||||
cy="99.221161"
|
||||
r="2.0022209" />
|
||||
<circle
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="circle29091"
|
||||
cx="165.90784"
|
||||
cy="101.36163"
|
||||
r="2.0022209" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.5 KiB |
1
img/digital-nomad.svg
Normal file
1
img/digital-nomad.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
1
img/freelance.svg
Normal file
1
img/freelance.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
1
img/message.svg
Normal file
1
img/message.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.4 KiB |
1
img/protection.svg
Normal file
1
img/protection.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_5" enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><g><path d="m6 16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h42c2.21 0 4-1.79 4-4v-32z" fill="#ccd1d9"/></g><g><path d="m62 8v7.88c0 4.36-1.17 8.56-3.29 12.21-1.67 2.89-3.95 5.44-6.71 7.44-.72.54-1.48 1.03-2.26 1.48-.55.31-1.13.55-1.74.72-.65.18-1.32.27-2 .27-1.31 0-2.6-.34-3.74-.99-3.82-2.19-6.9-5.32-9.02-9.01-1.42-2.46-2.4-5.17-2.88-8-.23-1.31-.35-2.65-.36-4 0-.04 0-.08 0-.12v-7.88c0-1.1.9-2 2-2h.79c4.7 0 9.3-1.39 13.21-4 3.91 2.61 8.51 4 13.21 4h.79c1.1 0 2 .9 2 2z" fill="#aab2bd"/></g><g><path d="m46.14 6.73c-.05-.02-.09-.05-.14-.07-3.7 2-7.78 3.13-12 3.31v5.91c0 7.28 3.93 14.04 10.25 17.66.53.3 1.14.46 1.75.46s1.22-.16 1.75-.46c6.32-3.62 10.25-10.38 10.25-17.66v-5.91c-4.17-.18-8.2-1.28-11.86-3.24z" fill="#fcd770"/></g><g><path d="m54 13v10l-6.67-5z" fill="#dfb28b"/></g><g><path d="m54 13-6.67 5-1.33 1-1.33-1-6.67-5h8z" fill="#cf9e76"/></g><g><path d="m54 23h-8-8l6.67-5 1.33 1 1.33-1z" fill="#d3a06c"/></g><g><path d="m48 37.73v5.27c0 .55-.45 1-1 1h-40c-.55 0-1-.45-1-1v-15h27.24c2.12 3.69 5.2 6.82 9.02 9.01 1.14.65 2.43.99 3.74.99.68 0 1.35-.09 2-.27z" fill="#f0d0b4"/></g><g><path d="m44.67 18-6.67 5v-10z" fill="#dfb28b"/></g><g><path d="m42 62h-30c0-1.1.45-2.1 1.17-2.83.73-.72 1.73-1.17 2.83-1.17h2 18 2c2.21 0 4 1.79 4 4z" fill="#969faa"/></g><g><path d="m34 52 2 6h-18l2-6z" fill="#aab2bd"/></g><g><path d="m33.24 28h-27.24v-7c0-.55.45-1 1-1h23.36c.48 2.83 1.46 5.54 2.88 8z" fill="#b4dd7f"/></g><g><path d="m10 32h8v8h-8z" fill="#ff826e"/></g></g><g><path d="m41 47h8v2h-8z"/><path d="m37 47h2v2h-2z"/><path d="m46.476 5.784-.476-.257-.476.257c-3.591 1.941-7.483 3.015-11.567 3.19l-.957.042v6.86c0 7.639 4.12 14.738 10.753 18.527.684.391 1.46.597 2.247.597.786 0 1.563-.206 2.248-.597 6.632-3.79 10.752-10.888 10.752-18.527v-6.86l-.957-.041c-4.085-.176-7.977-1.249-11.567-3.191zm-5.476 16.216 3.667-2.75 1.333 1 1.333-1 3.667 2.75zm-2-7 4 3-4 3zm14 6-4-3 4-3zm-7-3.25-5-3.75h10zm-11-1.874v-4.96c3.492-.264 6.844-1.152 10-2.635v3.719h-8v12h8v8.77c-.084-.036-.175-.057-.255-.103-6.011-3.435-9.745-9.868-9.745-16.791zm22 0c0 6.923-3.734 13.356-9.743 16.79-.081.046-.172.067-.257.104v-8.77h8v-12h-8v-3.719c3.156 1.483 6.508 2.371 10 2.635z"/><path d="m60 5h-.789c-4.52 0-8.896-1.325-12.656-3.832l-.555-.37-.555.37c-3.759 2.507-8.136 3.832-12.656 3.832h-.789c-1.654 0-3 1.346-3 3v7h-23c-2.757 0-5 2.243-5 5v28c0 2.757 2.243 5 5 5h12.612l-1.333 4h-1.279c-2.757 0-5 2.243-5 5v1h32v-1c0-2.757-2.243-5-5-5h-1.279l-1.333-4h12.612c2.757 0 5-2.243 5-5v-11.959c6.237-4.751 10-12.211 10-20.165v-7.876c0-1.654-1.346-3-3-3zm-53 24h25.687c2.196 3.623 5.288 6.708 9.081 8.876 1.286.735 2.749 1.124 4.232 1.124.335 0 .669-.026 1-.065v4.065h-40zm0-2v-6h22.53c.434 2.089 1.128 4.103 2.057 6zm33.829 34h-27.658c.413-1.164 1.525-2 2.829-2h22c1.304 0 2.416.836 2.829 2zm-6.217-4h-15.224l1.333-4h12.558zm16.388-9c0 1.654-1.346 3-3 3h-42c-1.654 0-3-1.346-3-3v-28c0-1.654 1.346-3 3-3h23.038c.03.671.081 1.339.164 2h-22.202c-1.103 0-2 .897-2 2v22c0 1.103.897 2 2 2h40c1.103 0 2-.897 2-2v-4.559c.423-.159.838-.34 1.232-.565.262-.15.512-.315.768-.473zm10-32.124c0 8.354-4.506 16.119-11.76 20.264-1.97 1.125-4.511 1.125-6.48 0-7.254-4.145-11.76-11.91-11.76-20.264v-7.876c0-.552.449-1 1-1h.789c4.695 0 9.249-1.314 13.211-3.809 3.962 2.495 8.516 3.809 13.211 3.809h.789c.551 0 1 .448 1 1z"/><path d="m13 23h2v2h-2z"/><path d="m17 23h2v2h-2z"/><path d="m9 23h2v2h-2z"/><path d="m9 41h10v-10h-10zm2-8h6v6h-6z"/><path d="m21 31h2v2h-2z"/><path d="m25 31h7v2h-7z"/><path d="m21 35h11v2h-11z"/><path d="m21 39h11v2h-11z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
1
img/social-media.svg
Normal file
1
img/social-media.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.6 KiB |
1
img/undercover.svg
Normal file
1
img/undercover.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.5 KiB |
68
index.html
Normal file
68
index.html
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>damus</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<meta property="og:title" content="Damus">
|
||||
<meta property="og:description" content="A new social network that you control">
|
||||
<meta property="og:image" content="https://damus.io/img/damus.png">
|
||||
<meta property="og:url" content="https://damus.io">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/skeleton.css?v=2">
|
||||
<link rel="stylesheet" href="css/custom.css?v=4">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<section class="header">
|
||||
<span class="logo">
|
||||
<img src="img/damus-nobg.svg"/>
|
||||
</span>
|
||||
<span class="damus">damus</span>
|
||||
</section>
|
||||
<div class="container">
|
||||
<section class="hero">
|
||||
<h2 class="title">The social network you control
|
||||
<h5 class="subtitle">Your very own Twitter for your friends or business.</h5>
|
||||
|
||||
<div class="value-props row">
|
||||
<div class="four columns value-prop">
|
||||
<img class="value-img" src="img/digital-nomad.svg">
|
||||
<b>You are in control</b>. Built on open internet protocols, there is no platform that can ban or censor you. You are in control of your data & speech.
|
||||
</div>
|
||||
<div class="four columns value-prop">
|
||||
<img class="value-img" src="img/message.svg">
|
||||
<b>Encrypted</b>. End-to-End encrypted private messaging. Keep big tech out of your DMs.
|
||||
</div>
|
||||
<div class="four columns value-prop">
|
||||
<img class="value-img" src="img/undercover.svg">
|
||||
<b>No registration required</b>. Creating an account doesn't require a phone number, email or name. Get started right away with zero friction.
|
||||
</div>
|
||||
</div>
|
||||
<div class="value-props row">
|
||||
<div class="four columns value-prop">
|
||||
<img class="value-img" src="img/social-media.svg">
|
||||
<b>No servers required.</b> Messages are distributed via decentralized relays. No need to run any infrastructure and there are no single points of failure. Simple!
|
||||
</div>
|
||||
<div class="four columns value-prop">
|
||||
<img class="value-img" src="img/bot.svg">
|
||||
<b>Programmable.</b> Easily integrate bots that automate your life or business. Get notified when your servers go down, retweet to your team and collaborate in realtime.
|
||||
</div>
|
||||
<div class="four columns value-prop">
|
||||
<img class="value-img" src="img/bitcoin-phone.svg">
|
||||
<b>Earn money</b>. Tip your friend's posts and stack sats with Bitcoin & ⚡️, the native currency of the internet.</div>
|
||||
</div>
|
||||
<!-- <div class="row"> -->
|
||||
<!-- <h4 class="subtitle">Developers First</h4> -->
|
||||
<!-- <img class="code-example" src="img/code-placeholder.svg"> -->
|
||||
<!-- </div> -->
|
||||
</section>
|
||||
|
||||
|
||||
<!-- daniel-testimonial -->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue