initial commit
This commit is contained in:
andmironov
parent
7b505e17d3
commit
8a3f3acbdf
Binary file not shown.
|
|
@ -0,0 +1,13 @@
|
|||
@font-face {
|
||||
font-family: PostGrotesk-Medium;
|
||||
src: url(../../fonts/PostGrotesk-Medium.eot);
|
||||
src: url(../../fonts/PostGrotesk-Medium.eot?#iefix) format("embedded-opentype"), url(../../fonts/PostGrotesk-Medium.woff) format("woff"), url(../../fonts/PostGrotesk-Medium.svg#PostGrotesk-Medium) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: PostGrotesk-Book;
|
||||
src: url(../../fonts/PostGrotesk-Book.eot);
|
||||
src: url(../../fonts/PostGrotesk-Book.eot?#iefix) format("embedded-opentype"), url(../../fonts/PostGrotesk-Book.woff) format("woff"), url(../../fonts/PostGrotesk-Book.svg#PostGrotesk-Book) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal; }
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
/* ----------------------------------------------------------------------------------------------------
|
||||
|
||||
Super Form Reset
|
||||
|
||||
A couple of things to watch out for:
|
||||
|
||||
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
|
||||
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
|
||||
- You NEED to set the font-size and family on all form elements
|
||||
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
|
||||
- You can style the upload button in webkit using ::-webkit-file-upload-button
|
||||
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
|
||||
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
|
||||
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
|
||||
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
input,
|
||||
label,
|
||||
select,
|
||||
button,
|
||||
textarea {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
white-space: normal;
|
||||
background: none;
|
||||
line-height: 1;
|
||||
/* Browsers have different default form fonts */
|
||||
font-size: 13px;
|
||||
font-family: Arial; }
|
||||
|
||||
/* Remove the stupid outer glow in Webkit */
|
||||
input:focus {
|
||||
outline: 0; }
|
||||
|
||||
/* Box Sizing Reset
|
||||
-----------------------------------------------*/
|
||||
/* All of our custom controls should be what we expect them to be */
|
||||
input,
|
||||
textarea {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
/* These elements are usually rendered a certain way by the browser */
|
||||
button,
|
||||
input[type=reset],
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=checkbox],
|
||||
input[type=radio],
|
||||
select {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
/* Text Inputs
|
||||
-----------------------------------------------*/
|
||||
/* Button Controls
|
||||
-----------------------------------------------*/
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
width: 13px;
|
||||
height: 13px; }
|
||||
|
||||
/* File Uploads
|
||||
-----------------------------------------------*/
|
||||
/* Search Input
|
||||
-----------------------------------------------*/
|
||||
/* Make webkit render the search input like a normal text field */
|
||||
input[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
-webkit-box-sizing: content-box; }
|
||||
|
||||
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
|
||||
::-webkit-search-decoration {
|
||||
display: none; }
|
||||
|
||||
/* Buttons
|
||||
-----------------------------------------------*/
|
||||
button,
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
input[type="submit"] {
|
||||
/* Fix IE7 display bug */
|
||||
overflow: visible;
|
||||
width: auto; }
|
||||
|
||||
/* IE8 and FF freak out if this rule is within another selector */
|
||||
::-webkit-file-upload-button {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: none; }
|
||||
|
||||
/* Textarea
|
||||
-----------------------------------------------*/
|
||||
textarea {
|
||||
/* Move the label to the top */
|
||||
vertical-align: top;
|
||||
/* Turn off scroll bars in IE unless needed */
|
||||
overflow: auto; }
|
||||
|
||||
/* Selects
|
||||
-----------------------------------------------*/
|
||||
select[multiple] {
|
||||
/* Move the label to the top */
|
||||
vertical-align: top; }
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,34 @@
|
|||
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; }
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after {
|
||||
content: "";
|
||||
content: none; }
|
||||
|
||||
q:before, q:after {
|
||||
content: "";
|
||||
content: none; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
div {
|
||||
box-sizing: border-box; }
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 327 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 322 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 575 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 B |
Binary file not shown.
|
After Width: | Height: | Size: 599 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 364 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg width="66" height="66" xmlns="http://www.w3.org/2000/svg"><g fill="#FEFFFF" fill-rule="evenodd"><circle opacity=".1" cx="33" cy="33" r="33"/><path d="M25.44 31.14C26.161 24.8 31.718 20 38.335 20c4.05 0 6.826 1.886 6.826 5.79 0 3.905-3.331 5.791-8.192 5.791-3.588 0-5.286-.658-8.874-.658-.89-.005-1.779.068-2.655.217zm2.752 2.485c-4.86 0-8.192 1.886-8.192 5.79 0 3.905 2.776 5.791 6.827 5.791 6.617 0 12.173-4.8 12.894-11.14-.876.15-1.764.222-2.654.217-3.588 0-5.287-.658-8.875-.658z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 500 B |
Binary file not shown.
|
After Width: | Height: | Size: 603 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 12.228c0 4.077 2.722 7.535 6.497 8.756.475.085.648-.2.648-.445 0-.219-.008-.8-.012-1.57-2.643.558-3.2-1.236-3.2-1.236-.433-1.067-1.056-1.35-1.056-1.35-.862-.572.066-.561.066-.561.953.065 1.455.951 1.455.951.847 1.41 2.224 1.003 2.765.766.086-.596.332-1.002.603-1.233-2.11-.233-4.327-1.025-4.327-4.56 0-1.008.37-1.832.978-2.477-.098-.233-.424-1.172.093-2.442 0 0 .797-.248 2.612.946A9.351 9.351 0 0 1 12 7.463c.807.003 1.62.105 2.379.31 1.813-1.194 2.61-.946 2.61-.946.518 1.27.192 2.209.094 2.442.61.645.977 1.47.977 2.476 0 3.545-2.222 4.326-4.338 4.554.341.285.645.848.645 1.709 0 1.233-.012 2.228-.012 2.531 0 .247.172.534.653.444 3.773-1.223 6.492-4.68 6.492-8.755C21.5 7.131 17.246 3 12 3s-9.5 4.131-9.5 9.228z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 833 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.27 8.877c0-.15-.003-.3-.01-.449A7.08 7.08 0 0 0 21 6.629a6.983 6.983 0 0 1-2.003.547 3.488 3.488 0 0 0 1.534-1.922 7.006 7.006 0 0 1-2.215.844A3.49 3.49 0 0 0 15.77 5a3.482 3.482 0 0 0-3.398 4.266 9.915 9.915 0 0 1-7.189-3.63 3.468 3.468 0 0 0 1.08 4.638 3.472 3.472 0 0 1-1.58-.434v.044A3.48 3.48 0 0 0 7.48 13.29a3.51 3.51 0 0 1-1.575.06 3.49 3.49 0 0 0 3.258 2.412 7.016 7.016 0 0 1-4.332 1.487c-.281 0-.559-.015-.832-.048a9.903 9.903 0 0 0 5.346 1.56c6.416 0 9.924-5.293 9.924-9.884z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 604 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M4 12.334a8.334 8.334 0 0 0 5.699 7.907c.417.076.569-.181.569-.402 0-.198-.007-.722-.011-1.417-2.318.503-2.807-1.117-2.807-1.117-.38-.963-.926-1.22-.926-1.22-.757-.516.057-.506.057-.506.837.059 1.277.859 1.277.859.743 1.273 1.95.905 2.425.692.076-.538.291-.905.53-1.114-1.851-.21-3.797-.925-3.797-4.118 0-.91.325-1.654.858-2.236-.086-.211-.372-1.059.082-2.206 0 0 .7-.224 2.291.855a7.982 7.982 0 0 1 2.087-.281 7.99 7.99 0 0 1 2.086.28c1.59-1.078 2.29-.854 2.29-.854.454 1.147.168 1.995.082 2.206.535.582.857 1.326.857 2.236 0 3.201-1.949 3.906-3.805 4.112.299.257.566.766.566 1.543 0 1.114-.01 2.013-.01 2.286 0 .223.15.482.572.401A8.334 8.334 0 1 0 4 12.334z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 773 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M19.65 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-15.3 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM12 21c4.694 0 8.5-2.686 8.5-6S16.694 9 12 9s-8.5 2.686-8.5 6 3.806 6 8.5 6zm-.002-2.042v-.001a7.103 7.103 0 0 1-3.234-.782 3.965 3.965 0 0 1-.281-.16c-.374-.253-.434-.743-.125-1.063.281-.291.775-.335 1.118-.102 1.058.736 2.998 1.104 5.108-.04.363-.203.848-.118 1.1.197.286.346.165.826-.234 1.048-1.136.62-2.299.903-3.452.903zM8.6 14.9a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4zm6.8 0a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z" fill="#FFF" fill-rule="nonzero"/><path stroke="#FFF" stroke-width="1.5" d="M11.844 11.805l.493-5.544 4.123-1.07"/><circle stroke="#FFF" stroke-width=".8" fill="#FFF" fill-rule="nonzero" cx="16.7" cy="5.1" r="1.5"/></g></svg>
|
||||
|
After Width: | Height: | Size: 831 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.232 8.056a3.268 3.268 0 0 0 1.354-1.816c-.599.38-1.261.65-1.955.796A2.988 2.988 0 0 0 15.385 6c-1.7 0-3.078 1.469-3.078 3.282 0 .251.027.502.081.747-2.558-.136-4.826-1.442-6.344-3.428a3.427 3.427 0 0 0-.416 1.65c0 1.138.542 2.143 1.368 2.731a2.922 2.922 0 0 1-1.394-.41v.041c0 1.59 1.062 2.917 2.47 3.218a2.92 2.92 0 0 1-1.39.057c.391 1.304 1.528 2.252 2.875 2.279A5.935 5.935 0 0 1 5 17.526 8.322 8.322 0 0 0 9.717 19c5.66 0 8.756-5 8.756-9.338 0-.142-.003-.284-.009-.424A6.502 6.502 0 0 0 20 7.539a5.866 5.866 0 0 1-1.768.517z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 645 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.142 14.356l-.001-5.057 4.864 2.537-4.863 2.52zM20.82 8.422s-.176-1.24-.715-1.786c-.685-.717-1.452-.72-1.804-.763-2.519-.182-6.297-.182-6.297-.182h-.008s-3.778 0-6.297.182c-.352.042-1.119.046-1.804.763-.54.546-.715 1.786-.715 1.786S3 9.88 3 11.336V12.7c0 1.457.18 2.913.18 2.913s.176 1.24.715 1.787c.685.717 1.584.694 1.985.77 1.44.138 6.12.18 6.12.18s3.782-.005 6.301-.187c.352-.042 1.12-.046 1.804-.763.54-.546.715-1.787.715-1.787S21 14.157 21 12.7v-1.365c0-1.457-.18-2.914-.18-2.914z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 602 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="26" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.45 12.387c-3.405.187-5.54-.57-8.944-.382-.817.045-1.683.158-2.506.349C5.502 6.35 9.959 1.097 16.019.764c3.719-.205 7.436 1.984 7.638 5.538.198 3.494-2.596 5.83-7.208 6.085M7.503 25.44c-3.487.195-6.971-1.885-7.16-5.262-.186-3.318 2.433-5.538 6.757-5.78 3.191-.177 5.192.541 8.384.363a13.82 13.82 0 0 0 2.35-.331c-.471 5.704-4.65 10.694-10.331 11.01" fill="#4360DF" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 472 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.1 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg width="52" height="52" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-117.5 26c0 79.253 64.247 143.5 143.5 143.5S169.5 105.253 169.5 26c0-79.252-64.247-143.5-143.5-143.5S-117.5-53.252-117.5 26z" stroke="#435CE7" stroke-width="5" opacity=".14"/><path d="M-87.5 26c0 62.684 50.816 113.5 113.5 113.5S139.5 88.684 139.5 26 88.684-87.5 26-87.5-87.5-36.684-87.5 26z" stroke="#435CE7" stroke-width="5" opacity=".14"/><path d="M-57.5 26c0 46.116 37.384 83.5 83.5 83.5s83.5-37.384 83.5-83.5S72.116-57.5 26-57.5-57.5-20.116-57.5 26z" stroke="#435CE7" stroke-width="5" opacity=".14"/><path d="M-25 26c0 28.167 22.833 51 51 51s51-22.833 51-51c0-28.166-22.834-51-51-51S-25-2.166-25 26zm-5 0c0-30.928 25.072-56 56-56S82-4.928 82 26 56.928 82 26 82s-56-25.072-56-56z" fill="#D9DDF0" fill-rule="nonzero"/><path d="M0 26C0 11.64 11.64 0 26 0s26 11.64 26 26-11.64 26-26 26S0 40.36 0 26zm30.427-.028c4.2-.24 6.745-2.443 6.564-5.737-.184-3.351-3.569-5.416-6.956-5.223-5.52.315-9.578 5.268-10.035 10.929a13.16 13.16 0 0 1 2.282-.33c3.101-.176 5.044.537 8.145.36zm-8.872 12.017C26.75 37.703 30.57 33.2 31 28.054a12.86 12.86 0 0 1-2.148.299c-2.918.16-4.748-.488-7.666-.327-3.953.217-6.348 2.22-6.177 5.215.173 3.046 3.358 4.923 6.546 4.748z" fill="#4360DF"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg width="101" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M19.28 10.7h-8.412c-.217 0-.393.163-.393.363v3.799c0 .2.176.363.393.363h3.281v4.719s-.737.232-2.774.232c-2.403 0-5.76-.811-5.76-7.629 0-6.82 3.496-7.716 6.778-7.716 2.84 0 4.064.461 4.843.684.245.07.471-.156.471-.356l.939-3.67a.33.33 0 0 0-.15-.283C18.179.997 16.25 0 11.376 0 5.76 0 0 2.206 0 12.813 0 23.42 6.595 25 12.152 25c4.601 0 7.393-1.816 7.393-1.816.115-.059.127-.207.127-.275V11.063c0-.2-.176-.363-.393-.363m43.327-9.442c0-.202-.174-.365-.391-.365h-4.736c-.216 0-.392.163-.392.365l.001 8.453h-7.383V1.258c0-.202-.174-.365-.39-.365h-4.736c-.216 0-.392.163-.392.365v22.888c0 .202.176.366.392.366h4.736c.216 0 .39-.164.39-.366v-9.79h7.383l-.013 9.79c0 .202.176.366.392.366h4.748c.217 0 .39-.164.39-.366V1.258M28.652 3.74c0-1.574-1.367-2.847-3.054-2.847-1.685 0-3.053 1.273-3.053 2.848 0 1.573 1.368 2.85 3.053 2.85 1.687 0 3.054-1.277 3.054-2.85m-.584 15.225V8.4c0-.2-.175-.364-.392-.364h-4.721a.433.433 0 0 0-.41.407v15.136c0 .445.3.578.688.578h4.254c.467 0 .581-.212.581-.585v-4.606m52.537-10.93h-4.7c-.215 0-.39.164-.39.365v11.223s-1.195.807-2.89.807c-1.694 0-2.144-.71-2.144-2.242V8.4c0-.201-.175-.365-.39-.365h-4.77c-.216 0-.392.164-.392.365v10.53c0 4.551 2.746 5.665 6.525 5.665 3.1 0 5.6-1.582 5.6-1.582s.119.834.173.933a.418.418 0 0 0 .346.198l3.034-.013c.215 0 .392-.164.392-.365l-.002-15.365c0-.201-.175-.365-.392-.365M92.03 20.804c-1.631-.046-2.737-.729-2.737-.729v-7.248s1.09-.618 2.43-.728c1.692-.14 3.322.332 3.322 4.06 0 3.933-.735 4.709-3.016 4.645zm1.853-12.896c-2.67 0-4.485 1.1-4.485 1.1v-7.75c0-.202-.175-.365-.39-.365h-4.75c-.217 0-.392.163-.392.365v22.888c0 .202.175.366.392.366h3.295c.149 0 .261-.07.344-.194.082-.123.2-1.055.2-1.055s1.942 1.7 5.619 1.7c4.316 0 6.792-2.023 6.792-9.077 0-7.056-3.954-7.978-6.625-7.978zm-52.265.244h-3.552l-.006-4.334c0-.165-.091-.247-.297-.247h-4.84c-.19 0-.29.077-.29.244v4.48s-2.426.54-2.59.584a.369.369 0 0 0-.284.349v2.814c0 .203.175.366.392.366h2.482v6.772c0 5.03 3.82 5.524 6.398 5.524 1.178 0 2.587-.35 2.82-.429a.338.338 0 0 0 .222-.328l.004-3.097c0-.202-.185-.365-.393-.365-.207 0-.737.078-1.282.078-1.745 0-2.336-.75-2.336-1.72v-6.435h3.552c.217 0 .392-.163.392-.366V8.517c0-.202-.175-.365-.392-.365" fill="#4360DF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg width="88" height="35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M79.494.463c3.584.319 4.48.831 5.424 1.648 2.443 2.117 2.988 7.846 3.069 13.547a130.52 130.52 0 0 1 0 3.685c-.08 5.7-.626 11.43-3.07 13.546-.942.817-1.839 1.33-5.423 1.648-4.485.398-10.56.454-15.151.46-1.895.004-3.791.004-5.686 0-4.592-.006-10.666-.062-15.151-.46-3.585-.319-4.48-.831-5.424-1.648-2.464-2.135-2.998-7.945-3.071-13.694-.014-1.08-.014-2.163-.002-3.243.066-5.796.588-11.688 3.073-13.84.943-.818 1.84-1.33 5.424-1.649C47.99.065 54.066.01 58.657.003c1.895-.004 3.79-.004 5.686 0 0 0 10.666.062 15.151.46zM28.93 28.952H32V11.779h-3.07v13.09c-2.208 2.59-2.764.654-2.764-.318V11.779h-3.07V25.16c0 2.185.543 3.577 1.922 3.798.92.147 2.248.001 3.913-2.046v2.04zm-24.808 0h3.46v-9.216L11.698 6h-3.46l-2.39 8.631L3.462 6H0l4.122 13.756v9.196zm12.026-17.367c2.526 0 4.592 2.08 4.592 4.621v8.125c0 2.541-2.066 4.62-4.592 4.62-2.525 0-4.591-2.079-4.591-4.62v-8.125c0-2.541 2.066-4.62 4.591-4.62zm-1.466 13.162c0 .812.66 1.476 1.466 1.476.807 0 1.467-.664 1.467-1.476V15.82c0-.811-.66-1.476-1.467-1.476-.806 0-1.466.665-1.466 1.476v8.928z" fill="#4360DF"/><path d="M62 28.977h3.056v-1.828c.58.725 1.537 2.043 3.381 1.828 3.085-.36 2.523-4.5 2.523-4.5V15.66c0-2.906-1.015-4.069-2.81-4.069-1.468 0-2.695 1.311-3.094 1.79V6H62v22.977zm3.056-3.555V15.167c.389-.46.911-.857 1.538-.815 1.436.097 1.292 1.938 1.292 1.938s-.024 6.806-.024 8.114c0 1.308-.502 1.768-1.34 1.793-.715.02-1.308-.595-1.466-.775zM60 28.95V13h-3.102v11.71c-2.233 2.69-2.795.68-2.795-.33V13H51v12.013c0 2.268.548 3.714 1.943 3.944.93.152 2.272 0 3.955-2.125v2.118H60z" fill="#FFFFFE"/><path fill="#FFFFFE" d="M44.723 29h3.554V9.283H52V6H41v3.283h3.723V29M77.5 11c2.475 0 4.5 2.155 4.5 4.79v4.815h-5.937v4.037c0 .842.647 1.53 1.437 1.53s1.437-.688 1.437-1.53v-1.98H82v1.548c0 2.635-2.025 4.79-4.5 4.79S73 26.845 73 24.21v-8.42c0-2.635 2.025-4.79 4.5-4.79zm1.437 6.896V15.39c0-.842-.647-1.53-1.437-1.53s-1.437.688-1.437 1.53v2.507h2.874z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 354 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
|
|
@ -0,0 +1,343 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Status Design</title>
|
||||
<link rel="stylesheet" href="./css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="overlay overlay--agreement">
|
||||
<div class="popup popup--agreement">
|
||||
<a class="popup__button popup__button--close"></a>
|
||||
<h4 class="popup__title">Contribution Agreement & Terms and Conditions</h4>
|
||||
<div class="popup__text">You must read and agree to the following information before you can proceed.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-cover">
|
||||
<div class="header">
|
||||
|
||||
<div class="header-left">
|
||||
<a class="logo" href="/"></a>
|
||||
<ul class="main-nav">
|
||||
<li><a href="#">Open Positions</a></li>
|
||||
<li><a href="#">How We Work</a></li>
|
||||
<li><a href="#">Who We Are</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="secondary-nav">
|
||||
<li><a href="#">About Status</a></li>
|
||||
<li class="social-link social-link--twitter"><a href="#"></a></li>
|
||||
<li class="social-link social-link--github"><a href="#"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pattern"></div>
|
||||
<div class="intro">
|
||||
<h1>Status is looking for designers</h1>
|
||||
<p>Store, send & receive Eth and ERC-20 tokens with Status Store, send & receive Eth and ERC-20 tokens with Status HardwalletHardwallet</p>
|
||||
<div class="intro-buttons">
|
||||
<a class="button" href="">More about us</a>
|
||||
<a class="button button--secondary" href="">Open positions</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="home-wrap">
|
||||
<div class="sections">
|
||||
<div class="inner-header">
|
||||
<h2>Our Workflow</h2>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
<div class="section section--odd section--one">
|
||||
<div class="section__text">
|
||||
<h2>Contactless transactions, built for mobile</h2>
|
||||
<div class="text">
|
||||
<p>With NFC & Bluetooth, you can now use the Status Hardwallet combined with your mobile device to approve & send payments.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section__image">
|
||||
<div class="swarms">
|
||||
<div class="swarm">
|
||||
<div class="circle circle--big"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
</div>
|
||||
<div class="swarm">
|
||||
<div class="circle circle--big"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
</div>
|
||||
<div class="swarm">
|
||||
<div class="circle circle--big"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
<div class="circle"><div class="circle-inner"></div></div>
|
||||
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
<div class="circle circle--transparent"><div class="circle-inner"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section section--even section--two">
|
||||
<div class="section__text">
|
||||
<h2>Safer by design</h2>
|
||||
<div class="text">
|
||||
<p>Forget leaving your assets in the vulnerable hands of exchanges or hot wallets online. Isolate your private keys into the safety of your Status Hardwallet offline.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section__image">
|
||||
<svg class="bubbles" width="450" height="450" viewBox="-225 -225 450 450"></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section section--odd section--three">
|
||||
<div class="section__text">
|
||||
<h2>Transactions with Eth and most tokens</h2>
|
||||
<div class="text">
|
||||
<p>Status Hardwallet is built to be compatible with all major cryptocurrencies including Eth and ERC-20 token tokens.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section__image">
|
||||
<div class="areas">
|
||||
<div class="area-logo"></div>
|
||||
<div class="area"><div class="area-inner"><div class="area-dot"></div></div></div>
|
||||
<div class="area"><div class="area-inner"><div class="area-dot"></div></div></div>
|
||||
<div class="area"><div class="area-inner"><div class="area-dot"></div></div></div>
|
||||
<div class="area"><div class="area-inner"><div class="area-dot"></div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- div class="positions">
|
||||
<h4>Open Positions <span>8</span></h4>
|
||||
<div class="positions-wrap">
|
||||
<div class="positions-item">
|
||||
<div class="positions-item-background"></div>
|
||||
<div class="positions-item-inner">
|
||||
<div class="positions-item-top">
|
||||
<h2>UI/UX Designer</h2>
|
||||
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
<div class="reward">
|
||||
<p class="reward-description">Bonus for a recommendation<br/>$1000 value</p>
|
||||
<div class="reward-amount">
|
||||
<span class="reward-amount-text">
|
||||
<span class="number">10K</span>
|
||||
<span class="currency">SNT</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="positions-item">
|
||||
<div class="positions-item-background"></div>
|
||||
<div class="positions-item-inner">
|
||||
<div class="positions-item-top">
|
||||
<h2>UI/UX Designer</h2>
|
||||
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
<div class="reward">
|
||||
<p class="reward-description">Bonus for a recommendation<br/>$1000 value</p>
|
||||
<div class="reward-amount">
|
||||
<span class="reward-amount-text">
|
||||
<span class="number">10K</span>
|
||||
<span class="currency">SNT</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="positions-item">
|
||||
<div class="positions-item-background"></div>
|
||||
<div class="positions-item-inner">
|
||||
<div class="positions-item-top">
|
||||
<h2>UI/UX Designer</h2>
|
||||
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
<div class="reward">
|
||||
<p class="reward-description">Bonus for a recommendation<br/>$1000 value</p>
|
||||
<div class="reward-amount">
|
||||
<span class="reward-amount-text">
|
||||
<span class="number">10K</span>
|
||||
<span class="currency">SNT</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="positions-item">
|
||||
<div class="positions-item-background"></div>
|
||||
<div class="positions-item-inner">
|
||||
<div class="positions-item-top">
|
||||
<h2>UI/UX Designer</h2>
|
||||
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
<div class="reward">
|
||||
<p class="reward-description">Bonus for a recommendation<br/>$1000 value</p>
|
||||
<div class="reward-amount">
|
||||
<span class="reward-amount-text">
|
||||
<span class="number">10K</span>
|
||||
<span class="currency">SNT</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
|
||||
|
||||
<div class="section-header">
|
||||
<h2>Who We Are</h2>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
|
||||
<div class="people">
|
||||
<div class="person">
|
||||
<div class="person-inner">
|
||||
<h3>Denis Sharypin</h3>
|
||||
<p>UI/UX Designer</p>
|
||||
<div class="person-image person--denis"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="person-inner">
|
||||
<h3>Denis Sharypin</h3>
|
||||
<p>UI/UX Designer</p>
|
||||
<div class="person-image person--pat"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="person-inner">
|
||||
<h3>Denis Sharypin</h3>
|
||||
<p>UI/UX Designer</p>
|
||||
<div class="person-image person--hester"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="person-inner">
|
||||
<h3>Denis Sharypin</h3>
|
||||
<p>UI/UX Designer</p>
|
||||
<div class="person-image person--euge"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="person-inner">
|
||||
<h3>Denis Sharypin</h3>
|
||||
<p>UI/UX Designer</p>
|
||||
<div class="person-image person--andrei"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person person--extra">
|
||||
<div class="person-inner">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section-header">
|
||||
<h2>Read our Blog</h2>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
|
||||
<div class="blog-posts">
|
||||
<div class="blog-post">
|
||||
<div class="blog-post-inner">
|
||||
<h3>Status to host first team offsite in Thailand</h3>
|
||||
<p>Join us — in Bangkok or online — as we come together to plan the future of Status</p>
|
||||
<a href="#">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-post">
|
||||
<div class="blog-post-inner">
|
||||
<h3>Status Alpha 0.9.17 Release Notes</h3>
|
||||
<p>0.9.17</p>
|
||||
<a href="#">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-post">
|
||||
<div class="blog-post-inner">
|
||||
<h3>Securing the Path to Beta</h3>
|
||||
<p>Leading security expert Déjà Vu Security engaged to ready Status Beta</p>
|
||||
<a href="#">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-header">
|
||||
<h2>Follow Us</h2>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
|
||||
</div>
|
||||
|
||||
<div class="social-blocks">
|
||||
<div class="social-block">
|
||||
<div class="social-block-inner">
|
||||
<div class="social-block-logo social-block-logo--one"></div>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block">
|
||||
<div class="social-block-inner">
|
||||
<div class="social-block-logo social-block-logo--two"></div>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social-block">
|
||||
<div class="social-block-inner">
|
||||
<div class="social-block-logo social-block-logo--three"></div>
|
||||
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-table">
|
||||
<div class="footer-table__column">
|
||||
<h4 class="footer-header">Social links</h4>
|
||||
<ul class="footer-list">
|
||||
<!-- li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li -->
|
||||
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
|
||||
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
|
||||
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
|
||||
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-table__column">
|
||||
<h4 class="footer-header">More</h4>
|
||||
<ul class="footer-list">
|
||||
<li class="footer-link"><a href="https://wiki.status.im" target="_blank">Status Wiki</a></li>
|
||||
<li class="footer-link"><a href="https://blog.status.im/?gi=73d6676925e9" target="_blank">Status Blog</a></li>
|
||||
<li class="footer-link"><a href="https://status.im/jobs.html" target="_blank">Jobs</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-logo-wrap">
|
||||
<div class="footer-logo-wrap__inner">
|
||||
<div class="footer-logo"></div>
|
||||
<div class="footer-address">Status Research & Development GmbH<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="./js/bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue