commit ecd29c184ce536381c52588d81c2fd349a792f7e Author: Illia Chub Date: Mon Mar 8 15:54:28 2021 +0200 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9f11b75 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea/ diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..b317587 --- /dev/null +++ b/css/main.css @@ -0,0 +1,710 @@ +/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */ + +/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */ +/* + * What follows is the result of much research on cross-browser styling. + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, + * Kroc Camen, and the H5BP dev community and team. + */ + +/* ========================================================================== + Base styles: opinionated defaults + ========================================================================== */ + +html { + color: #222; + font-size: 1em; + line-height: 1.4; +} + +/* + * Remove text-shadow in selection highlight: + * https://twitter.com/miketaylr/status/12228805301 + * + * Vendor-prefixed and regular ::selection selectors cannot be combined: + * https://stackoverflow.com/a/16982510/7133471 + * + * Customize the background color to match your design. + */ + +::-moz-selection { + background: #b3d4fc; + text-shadow: none; +} + +::selection { + background: #b3d4fc; + text-shadow: none; +} + +/* + * A better looking default horizontal rule + */ + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +/* + * Remove the gap between audio, canvas, iframes, + * images, videos and the bottom of their containers: + * https://github.com/h5bp/html5-boilerplate/issues/440 + */ + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} + +/* + * Remove default fieldset styles. + */ + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +/* + * Allow only vertical resizing of textareas. + */ + +textarea { + resize: vertical; +} + +/* ========================================================================== + Author's custom styles + ========================================================================== */ + +/* ========================================================================== + Helper classes + ========================================================================== */ + +/* + * Hide visually and from screen readers + */ + +.hidden, +[hidden] { + display: none !important; +} + +/* + * Hide only visually, but have it available for screen readers: + * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility + * + * 1. For long content, line feeds are not interpreted as spaces and small width + * causes content to wrap 1 word per line: + * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe + */ + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + /* 1 */ +} + +/* + * Extends the .sr-only class to allow the element + * to be focusable when navigated to via the keyboard: + * https://www.drupal.org/node/897638 + */ + +.sr-only.focusable:active, +.sr-only.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + white-space: inherit; + width: auto; +} + +/* + * Hide visually and from screen readers, but maintain layout + */ + +.invisible { + visibility: hidden; +} + +/* + * Clearfix: contain floats + * + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * `contenteditable` attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that receive the `clearfix` class. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + +.clearfix::before, +.clearfix::after { + content: " "; + display: table; +} + +.clearfix::after { + clear: both; +} + +/* ========================================================================== + EXAMPLE Media Queries for Responsive Design. + These examples override the primary ('mobile first') styles. + Modify as content requires. + ========================================================================== */ + +@media only screen and (min-width: 35em) { + /* Style adjustments for viewports that meet the condition */ +} + +@media print, + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 1.25dppx), + (min-resolution: 120dpi) { + /* Style adjustments for high resolution devices */ +} + +/* ========================================================================== + Print styles. + Inlined to avoid the additional HTTP request: + https://www.phpied.com/delay-loading-your-print-css/ + ========================================================================== */ + +@media print { + *, + *::before, + *::after { + background: #fff !important; + color: #000 !important; + /* Black prints faster */ + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + .git-link { + color: white; + } + + .git-link:visited { + color: white; + text-decoration: underline; + } + + a[href]::after { + content: " (" attr(href) ")"; + } + + abbr[title]::after { + content: " (" attr(title) ")"; + } + + /* + * Don't show links that are fragment identifiers, + * or use the `javascript:` pseudo protocol + */ + a[href^="#"]::after, + a[href^="javascript:"]::after { + content: ""; + } + + pre { + white-space: pre-wrap !important; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + /* + * Printing Tables: + * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables + */ + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} + + +/* ---------------------- ---------------------- ---------------------- ---------------------- ---------------------- */ + +.nav { + background: #1D2934; + padding: 8px 18px; +} + +.flex-box-wrap { + display: flex; + flex-direction: row; + align-content: center; + align-items: center; +} + +.jc-sb { + justify-content: space-between; +} + +.jc-fe { + justify-content: flex-end; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.max-width { + max-width: 1440px; + width: 100%; + margin: auto; +} + +.telegram-btn, +.telegram-btn:active, +.telegram-btn:link, +.telegram-btn:hover, +.telegram-btn:visited +{ + background: #1ED9E7; + border-radius: 50px; + display: flex; + align-items: center; + justify-content: center; + width: 114px; + height: 32px; + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 14px; + line-height: 136.5%; + text-align: center; + color: #1D2934; + text-decoration: none; + margin: auto; +} + +.nav-logo-box { + width: 32px; + height: auto; +} + +.nav-logo-box img { + width: 100%; +} + + +.nav-yellow-link, +.nav-yellow-link:active, +.nav-yellow-link:link, +.nav-yellow-link:hover, +.nav-yellow-link:visited{ + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + text-align: center; + color: #1D2934; + text-decoration: none; + margin: 0 4px; +} + +.nav-yellow-link img { + width: 100%; + height: auto; +} + +.w-25 { + width: 25%; +} + +.w-50 { + width: 50%; +} + +.hero-first-block { + width: 100%; +} + +.hero-third-block { + width: 100%; + padding-top: 32px; +} + +.hero-img-box img { + width: 80%; + margin: 25px auto; + display: block; +} + +body { + background: #121723; +} + +.paragraph { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 136.5%; + text-align: center; + color: #FFFFFF; + margin: 0 auto 24px auto; +} + +.download-btn, +.download-btn:active, +.download-btn:link, +.download-btn:hover, +.download-btn:visited { + background: #1ED9E7; + border-radius: 50px; + width: 226px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + color: #1D2934; + text-decoration: none; + margin: auto; + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 14px; + line-height: 136.5%; +} + +.download-btn:last-of-type { + margin-bottom: 24px; +} + +.color-grey { + background: #E2E2E2 !important; + margin-top: 16px !important; +} + +.text-box { + border: 1px solid #1ED9E7; + border-radius: 25px; + margin-bottom: 60px; + padding: 0 15px; + width: 100%; +} + +.top-p { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 16px; + line-height: 136.5%; + text-align: center; + letter-spacing: 0.03em; + color: #FFFFFF; + background: #121723; + width: min-content; + margin: -26px auto 0; + padding: 10px; +} + +.bottom-p { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 136.5%; + text-align: center; + color: #FFFFFF; + margin-top: 0; + padding: 10px; +} + +h2 { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 24px; + line-height: 29px; + text-align: center; + letter-spacing: 0.02em; + color: #FFFFFF; + margin-bottom: 60px; + margin-top: 60px; + padding: 0 50px; +} + +h2:last-of-type { + margin-top: 0px; +} + +.margin-16 { + padding: 0 16px; +} + +.img-box-slider div { + width: 30%; +} + +.img-box-slider img { + width: 100%; + height: auto; +} + +.img-box-slider { + display: flex; + justify-content: space-between; + padding: 0 12px; +} + +.blue-box { + background: #1ED9E7; + border-radius: 12px; + padding: 24px 17px; +} + +.blue-box p { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 136.5%; + + /* or 22px */ + text-align: center; + + /* 1D2934 (Alt Dark) */ + color: #1D2934; + +} + +.blue-box p:first-of-type { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 18px; + line-height: 120.5%; + text-align: center; + letter-spacing: 0.03em; + color: #111A22; +} + +.text-image-box img { + display: block; + margin: auto; + margin-top: 24px; +} + +.text-image-box .top-p { + margin: 0 auto; + +} + +footer { + height: 40px; + background: #1D2934; + display: flex; + justify-content: center; +} + +footer a img { + margin: 10px 2px; +} + +footer a { + display: block; +} + +@media (min-width: 768px) { + .margin-16, .hero { + padding: 0 80px; + } + .nav { + padding-right: 80px; + padding-left: 80px; + } +} + +.side-screens { + display: none; +} + + +@media (min-width: 992px) { + .margin-16, .hero { + padding: 0 80px; + } + .nav { + padding-right: 80px; + padding-left: 80px; + } + + .hero-first-block { + width: 70%; + order: 1; + } + .hero-third-block { + width: 30%; + order: 2; + } + .hero-second-block { + width: 100%; + order: 3; + } + + .hero-third-block .download-btn { + max-width: 290px; + width: 100%; + height: 48px; + font-size: 16px; + } + + .paragraph { + font-size: 16px; + padding-bottom: 32px; + margin-bottom: 0; + } + + .telegram-btn, + .telegram-btn:active, + .telegram-btn:link, + .telegram-btn:hover, + .telegram-btn:visited { + width: 200px; + height: 48px; + font-size: 16px; + } + + .nav-yellow-link, + .nav-yellow-link:active, + .nav-yellow-link:link, + .nav-yellow-link:hover, + .nav-yellow-link:visited { + width: 32px; + height: 32px; + } + + .nav-logo-box { + width: 77px; + } + + + + .text-box, .big-box { + width: 45%; + } + + .big-box { + align-self: flex-start; + } + .top-p { + margin: 0; + width: 100%; + font-size: 24px; + padding: 16px 0; + } + .bottom-p { + font-size: 16px; + } + + .blue-box div p:first-of-type { + margin: 0; + width: 100%; + font-size: 24px; + padding: 16px 0; + } + + .blue-box div p:last-of-type { + font-size: 16px; + } + + footer { + margin-top: 112px; + height: 64px; + } + footer a img { + width: 32px; + height: auto; + margin: 0 8px; + } + footer a { + display: flex; + align-items: center; + } + + .boxes .top-p { + width: 350px; + margin: -32px auto 0; + } + .boxes .top-p.custom-p { + margin-top: -54px; + } + + .side-screens { + display: flex; + } + + .img-box-slider div { + width: 18%; + } + + h2 { + font-size: 40px; + padding: 35px 0 85px; + margin: 0; + } + + h2 { + padding-top: 85px; + } + + h2.second { + margin-top: 0px; + padding: 35px 0 85px; + } +} + + diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..be74abd Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..a16229b Binary files /dev/null and b/favicon.png differ diff --git a/font/Inter-Black.eot b/font/Inter-Black.eot new file mode 100644 index 0000000..07d2e47 Binary files /dev/null and b/font/Inter-Black.eot differ diff --git a/font/Inter-Black.ttf b/font/Inter-Black.ttf new file mode 100644 index 0000000..df3f949 Binary files /dev/null and b/font/Inter-Black.ttf differ diff --git a/font/Inter-Black.woff b/font/Inter-Black.woff new file mode 100644 index 0000000..b79d631 Binary files /dev/null and b/font/Inter-Black.woff differ diff --git a/font/Inter-Black.woff2 b/font/Inter-Black.woff2 new file mode 100644 index 0000000..307a3ae Binary files /dev/null and b/font/Inter-Black.woff2 differ diff --git a/font/Inter-BlackItalic.eot b/font/Inter-BlackItalic.eot new file mode 100644 index 0000000..999d4ca Binary files /dev/null and b/font/Inter-BlackItalic.eot differ diff --git a/font/Inter-BlackItalic.ttf b/font/Inter-BlackItalic.ttf new file mode 100644 index 0000000..cfd2bf4 Binary files /dev/null and b/font/Inter-BlackItalic.ttf differ diff --git a/font/Inter-BlackItalic.woff b/font/Inter-BlackItalic.woff new file mode 100644 index 0000000..96ad4ff Binary files /dev/null and b/font/Inter-BlackItalic.woff differ diff --git a/font/Inter-BlackItalic.woff2 b/font/Inter-BlackItalic.woff2 new file mode 100644 index 0000000..6573bb0 Binary files /dev/null and b/font/Inter-BlackItalic.woff2 differ diff --git a/font/Inter-Bold.eot b/font/Inter-Bold.eot new file mode 100644 index 0000000..4e49af3 Binary files /dev/null and b/font/Inter-Bold.eot differ diff --git a/font/Inter-Bold.ttf b/font/Inter-Bold.ttf new file mode 100644 index 0000000..48d3f01 Binary files /dev/null and b/font/Inter-Bold.ttf differ diff --git a/font/Inter-Bold.woff b/font/Inter-Bold.woff new file mode 100644 index 0000000..28850f7 Binary files /dev/null and b/font/Inter-Bold.woff differ diff --git a/font/Inter-Bold.woff2 b/font/Inter-Bold.woff2 new file mode 100644 index 0000000..b74e5f4 Binary files /dev/null and b/font/Inter-Bold.woff2 differ diff --git a/font/Inter-BoldItalic.eot b/font/Inter-BoldItalic.eot new file mode 100644 index 0000000..05862af Binary files /dev/null and b/font/Inter-BoldItalic.eot differ diff --git a/font/Inter-BoldItalic.ttf b/font/Inter-BoldItalic.ttf new file mode 100644 index 0000000..a2b2cb4 Binary files /dev/null and b/font/Inter-BoldItalic.ttf differ diff --git a/font/Inter-BoldItalic.woff b/font/Inter-BoldItalic.woff new file mode 100644 index 0000000..aa35e45 Binary files /dev/null and b/font/Inter-BoldItalic.woff differ diff --git a/font/Inter-BoldItalic.woff2 b/font/Inter-BoldItalic.woff2 new file mode 100644 index 0000000..54d9305 Binary files /dev/null and b/font/Inter-BoldItalic.woff2 differ diff --git a/font/Inter-ExtraBold.eot b/font/Inter-ExtraBold.eot new file mode 100644 index 0000000..4554a38 Binary files /dev/null and b/font/Inter-ExtraBold.eot differ diff --git a/font/Inter-ExtraBold.ttf b/font/Inter-ExtraBold.ttf new file mode 100644 index 0000000..0aadf04 Binary files /dev/null and b/font/Inter-ExtraBold.ttf differ diff --git a/font/Inter-ExtraBold.woff b/font/Inter-ExtraBold.woff new file mode 100644 index 0000000..320f5c1 Binary files /dev/null and b/font/Inter-ExtraBold.woff differ diff --git a/font/Inter-ExtraBold.woff2 b/font/Inter-ExtraBold.woff2 new file mode 100644 index 0000000..b763558 Binary files /dev/null and b/font/Inter-ExtraBold.woff2 differ diff --git a/font/Inter-ExtraBoldItalic.eot b/font/Inter-ExtraBoldItalic.eot new file mode 100644 index 0000000..1b155c4 Binary files /dev/null and b/font/Inter-ExtraBoldItalic.eot differ diff --git a/font/Inter-ExtraBoldItalic.ttf b/font/Inter-ExtraBoldItalic.ttf new file mode 100644 index 0000000..d4497d5 Binary files /dev/null and b/font/Inter-ExtraBoldItalic.ttf differ diff --git a/font/Inter-ExtraBoldItalic.woff b/font/Inter-ExtraBoldItalic.woff new file mode 100644 index 0000000..a30409f Binary files /dev/null and b/font/Inter-ExtraBoldItalic.woff differ diff --git a/font/Inter-ExtraBoldItalic.woff2 b/font/Inter-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..1c4ae82 Binary files /dev/null and b/font/Inter-ExtraBoldItalic.woff2 differ diff --git a/font/Inter-ExtraLightBETA.eot b/font/Inter-ExtraLightBETA.eot new file mode 100644 index 0000000..708e5e2 Binary files /dev/null and b/font/Inter-ExtraLightBETA.eot differ diff --git a/font/Inter-ExtraLightBETA.ttf b/font/Inter-ExtraLightBETA.ttf new file mode 100644 index 0000000..a1f1dd4 Binary files /dev/null and b/font/Inter-ExtraLightBETA.ttf differ diff --git a/font/Inter-ExtraLightBETA.woff b/font/Inter-ExtraLightBETA.woff new file mode 100644 index 0000000..433d926 Binary files /dev/null and b/font/Inter-ExtraLightBETA.woff differ diff --git a/font/Inter-ExtraLightBETA.woff2 b/font/Inter-ExtraLightBETA.woff2 new file mode 100644 index 0000000..c568ccc Binary files /dev/null and b/font/Inter-ExtraLightBETA.woff2 differ diff --git a/font/Inter-ExtraLightItalicBETA.eot b/font/Inter-ExtraLightItalicBETA.eot new file mode 100644 index 0000000..30ec3ce Binary files /dev/null and b/font/Inter-ExtraLightItalicBETA.eot differ diff --git a/font/Inter-ExtraLightItalicBETA.ttf b/font/Inter-ExtraLightItalicBETA.ttf new file mode 100644 index 0000000..c80ea10 Binary files /dev/null and b/font/Inter-ExtraLightItalicBETA.ttf differ diff --git a/font/Inter-ExtraLightItalicBETA.woff b/font/Inter-ExtraLightItalicBETA.woff new file mode 100644 index 0000000..92f2ba8 Binary files /dev/null and b/font/Inter-ExtraLightItalicBETA.woff differ diff --git a/font/Inter-ExtraLightItalicBETA.woff2 b/font/Inter-ExtraLightItalicBETA.woff2 new file mode 100644 index 0000000..e9ba9f3 Binary files /dev/null and b/font/Inter-ExtraLightItalicBETA.woff2 differ diff --git a/font/Inter-Italic.eot b/font/Inter-Italic.eot new file mode 100644 index 0000000..e9e7e11 Binary files /dev/null and b/font/Inter-Italic.eot differ diff --git a/font/Inter-Italic.ttf b/font/Inter-Italic.ttf new file mode 100644 index 0000000..203c05b Binary files /dev/null and b/font/Inter-Italic.ttf differ diff --git a/font/Inter-Italic.woff b/font/Inter-Italic.woff new file mode 100644 index 0000000..28800b0 Binary files /dev/null and b/font/Inter-Italic.woff differ diff --git a/font/Inter-Italic.woff2 b/font/Inter-Italic.woff2 new file mode 100644 index 0000000..2ae1be9 Binary files /dev/null and b/font/Inter-Italic.woff2 differ diff --git a/font/Inter-LightBETA.eot b/font/Inter-LightBETA.eot new file mode 100644 index 0000000..3677dd6 Binary files /dev/null and b/font/Inter-LightBETA.eot differ diff --git a/font/Inter-LightBETA.ttf b/font/Inter-LightBETA.ttf new file mode 100644 index 0000000..fed37df Binary files /dev/null and b/font/Inter-LightBETA.ttf differ diff --git a/font/Inter-LightBETA.woff b/font/Inter-LightBETA.woff new file mode 100644 index 0000000..2ef728e Binary files /dev/null and b/font/Inter-LightBETA.woff differ diff --git a/font/Inter-LightBETA.woff2 b/font/Inter-LightBETA.woff2 new file mode 100644 index 0000000..3e88d81 Binary files /dev/null and b/font/Inter-LightBETA.woff2 differ diff --git a/font/Inter-LightItalicBETA.eot b/font/Inter-LightItalicBETA.eot new file mode 100644 index 0000000..0fe6443 Binary files /dev/null and b/font/Inter-LightItalicBETA.eot differ diff --git a/font/Inter-LightItalicBETA.ttf b/font/Inter-LightItalicBETA.ttf new file mode 100644 index 0000000..afd591f Binary files /dev/null and b/font/Inter-LightItalicBETA.ttf differ diff --git a/font/Inter-LightItalicBETA.woff b/font/Inter-LightItalicBETA.woff new file mode 100644 index 0000000..06f57cf Binary files /dev/null and b/font/Inter-LightItalicBETA.woff differ diff --git a/font/Inter-LightItalicBETA.woff2 b/font/Inter-LightItalicBETA.woff2 new file mode 100644 index 0000000..bdcd127 Binary files /dev/null and b/font/Inter-LightItalicBETA.woff2 differ diff --git a/font/Inter-Medium.eot b/font/Inter-Medium.eot new file mode 100644 index 0000000..61976d2 Binary files /dev/null and b/font/Inter-Medium.eot differ diff --git a/font/Inter-Medium.ttf b/font/Inter-Medium.ttf new file mode 100644 index 0000000..4c98533 Binary files /dev/null and b/font/Inter-Medium.ttf differ diff --git a/font/Inter-Medium.woff b/font/Inter-Medium.woff new file mode 100644 index 0000000..aaa3341 Binary files /dev/null and b/font/Inter-Medium.woff differ diff --git a/font/Inter-Medium.woff2 b/font/Inter-Medium.woff2 new file mode 100644 index 0000000..bbdf8fe Binary files /dev/null and b/font/Inter-Medium.woff2 differ diff --git a/font/Inter-MediumItalic.eot b/font/Inter-MediumItalic.eot new file mode 100644 index 0000000..4214cfe Binary files /dev/null and b/font/Inter-MediumItalic.eot differ diff --git a/font/Inter-MediumItalic.ttf b/font/Inter-MediumItalic.ttf new file mode 100644 index 0000000..71bfd2f Binary files /dev/null and b/font/Inter-MediumItalic.ttf differ diff --git a/font/Inter-MediumItalic.woff b/font/Inter-MediumItalic.woff new file mode 100644 index 0000000..5cb5bc4 Binary files /dev/null and b/font/Inter-MediumItalic.woff differ diff --git a/font/Inter-MediumItalic.woff2 b/font/Inter-MediumItalic.woff2 new file mode 100644 index 0000000..2cbc81b Binary files /dev/null and b/font/Inter-MediumItalic.woff2 differ diff --git a/font/Inter-Regular.eot b/font/Inter-Regular.eot new file mode 100644 index 0000000..df3705f Binary files /dev/null and b/font/Inter-Regular.eot differ diff --git a/font/Inter-Regular.ttf b/font/Inter-Regular.ttf new file mode 100644 index 0000000..e3fc23b Binary files /dev/null and b/font/Inter-Regular.ttf differ diff --git a/font/Inter-Regular.woff b/font/Inter-Regular.woff new file mode 100644 index 0000000..a85ed5d Binary files /dev/null and b/font/Inter-Regular.woff differ diff --git a/font/Inter-Regular.woff2 b/font/Inter-Regular.woff2 new file mode 100644 index 0000000..a9cc52b Binary files /dev/null and b/font/Inter-Regular.woff2 differ diff --git a/font/Inter-SemiBold.eot b/font/Inter-SemiBold.eot new file mode 100644 index 0000000..cf1f956 Binary files /dev/null and b/font/Inter-SemiBold.eot differ diff --git a/font/Inter-SemiBold.ttf b/font/Inter-SemiBold.ttf new file mode 100644 index 0000000..32ed95a Binary files /dev/null and b/font/Inter-SemiBold.ttf differ diff --git a/font/Inter-SemiBold.woff b/font/Inter-SemiBold.woff new file mode 100644 index 0000000..af2be95 Binary files /dev/null and b/font/Inter-SemiBold.woff differ diff --git a/font/Inter-SemiBold.woff2 b/font/Inter-SemiBold.woff2 new file mode 100644 index 0000000..500f1c5 Binary files /dev/null and b/font/Inter-SemiBold.woff2 differ diff --git a/font/Inter-SemiBoldItalic.eot b/font/Inter-SemiBoldItalic.eot new file mode 100644 index 0000000..7f40dcf Binary files /dev/null and b/font/Inter-SemiBoldItalic.eot differ diff --git a/font/Inter-SemiBoldItalic.ttf b/font/Inter-SemiBoldItalic.ttf new file mode 100644 index 0000000..5474d89 Binary files /dev/null and b/font/Inter-SemiBoldItalic.ttf differ diff --git a/font/Inter-SemiBoldItalic.woff b/font/Inter-SemiBoldItalic.woff new file mode 100644 index 0000000..16e9576 Binary files /dev/null and b/font/Inter-SemiBoldItalic.woff differ diff --git a/font/Inter-SemiBoldItalic.woff2 b/font/Inter-SemiBoldItalic.woff2 new file mode 100644 index 0000000..be77200 Binary files /dev/null and b/font/Inter-SemiBoldItalic.woff2 differ diff --git a/font/Inter-ThinBETA.eot b/font/Inter-ThinBETA.eot new file mode 100644 index 0000000..f13fbbf Binary files /dev/null and b/font/Inter-ThinBETA.eot differ diff --git a/font/Inter-ThinBETA.ttf b/font/Inter-ThinBETA.ttf new file mode 100644 index 0000000..a38dfbd Binary files /dev/null and b/font/Inter-ThinBETA.ttf differ diff --git a/font/Inter-ThinBETA.woff b/font/Inter-ThinBETA.woff new file mode 100644 index 0000000..d44091d Binary files /dev/null and b/font/Inter-ThinBETA.woff differ diff --git a/font/Inter-ThinBETA.woff2 b/font/Inter-ThinBETA.woff2 new file mode 100644 index 0000000..effb4b4 Binary files /dev/null and b/font/Inter-ThinBETA.woff2 differ diff --git a/font/Inter-ThinItalicBETA.eot b/font/Inter-ThinItalicBETA.eot new file mode 100644 index 0000000..911e0b5 Binary files /dev/null and b/font/Inter-ThinItalicBETA.eot differ diff --git a/font/Inter-ThinItalicBETA.ttf b/font/Inter-ThinItalicBETA.ttf new file mode 100644 index 0000000..be10eab Binary files /dev/null and b/font/Inter-ThinItalicBETA.ttf differ diff --git a/font/Inter-ThinItalicBETA.woff b/font/Inter-ThinItalicBETA.woff new file mode 100644 index 0000000..f1bc20c Binary files /dev/null and b/font/Inter-ThinItalicBETA.woff differ diff --git a/font/Inter-ThinItalicBETA.woff2 b/font/Inter-ThinItalicBETA.woff2 new file mode 100644 index 0000000..6f1d707 Binary files /dev/null and b/font/Inter-ThinItalicBETA.woff2 differ diff --git a/font/demo.html b/font/demo.html new file mode 100644 index 0000000..5b0e82f --- /dev/null +++ b/font/demo.html @@ -0,0 +1,649 @@ + + + + + + + + + Transfonter demo + + + + +
+
+

Inter Bold Italic

+
.your-style {
+    font-family: 'Inter';
+    font-weight: bold;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Medium Italic

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 500;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Thin Italic BETA

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 100;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Regular

+
.your-style {
+    font-family: 'Inter';
+    font-weight: normal;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Black

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 900;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Black Italic

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 900;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Light BETA

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 300;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Semi Bold

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 600;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Extra Bold Italic

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 800;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Bold

+
.your-style {
+    font-family: 'Inter';
+    font-weight: bold;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Extra Light Italic BETA

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 200;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Extra Light BETA

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 200;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Extra Bold

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 800;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Thin BETA

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 100;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Light Italic BETA

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 300;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Italic

+
.your-style {
+    font-family: 'Inter';
+    font-weight: normal;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Semi Bold Italic

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 600;
+    font-style: italic;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+

Inter Medium

+
.your-style {
+    font-family: 'Inter';
+    font-weight: 500;
+    font-style: normal;
+}
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+
+ + \ No newline at end of file diff --git a/font/stylesheet.css b/font/stylesheet.css new file mode 100644 index 0000000..431c6f4 --- /dev/null +++ b/font/stylesheet.css @@ -0,0 +1,216 @@ +@font-face { + font-family: 'Inter'; + src: url('Inter-BoldItalic.eot'); + src: local('Inter Bold Italic'), local('Inter-BoldItalic'), + url('Inter-BoldItalic.eot?#iefix') format('embedded-opentype'), + url('Inter-BoldItalic.woff2') format('woff2'), + url('Inter-BoldItalic.woff') format('woff'), + url('Inter-BoldItalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-MediumItalic.eot'); + src: local('Inter Medium Italic'), local('Inter-MediumItalic'), + url('Inter-MediumItalic.eot?#iefix') format('embedded-opentype'), + url('Inter-MediumItalic.woff2') format('woff2'), + url('Inter-MediumItalic.woff') format('woff'), + url('Inter-MediumItalic.ttf') format('truetype'); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-ThinItalicBETA.eot'); + src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'), + url('Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'), + url('Inter-ThinItalicBETA.woff2') format('woff2'), + url('Inter-ThinItalicBETA.woff') format('woff'), + url('Inter-ThinItalicBETA.ttf') format('truetype'); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Regular.eot'); + src: local('Inter Regular'), local('Inter-Regular'), + url('Inter-Regular.eot?#iefix') format('embedded-opentype'), + url('Inter-Regular.woff2') format('woff2'), + url('Inter-Regular.woff') format('woff'), + url('Inter-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Black.eot'); + src: local('Inter Black'), local('Inter-Black'), + url('Inter-Black.eot?#iefix') format('embedded-opentype'), + url('Inter-Black.woff2') format('woff2'), + url('Inter-Black.woff') format('woff'), + url('Inter-Black.ttf') format('truetype'); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-BlackItalic.eot'); + src: local('Inter Black Italic'), local('Inter-BlackItalic'), + url('Inter-BlackItalic.eot?#iefix') format('embedded-opentype'), + url('Inter-BlackItalic.woff2') format('woff2'), + url('Inter-BlackItalic.woff') format('woff'), + url('Inter-BlackItalic.ttf') format('truetype'); + font-weight: 900; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-LightBETA.eot'); + src: local('Inter Light BETA'), local('Inter-LightBETA'), + url('Inter-LightBETA.eot?#iefix') format('embedded-opentype'), + url('Inter-LightBETA.woff2') format('woff2'), + url('Inter-LightBETA.woff') format('woff'), + url('Inter-LightBETA.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-SemiBold.eot'); + src: local('Inter Semi Bold'), local('Inter-SemiBold'), + url('Inter-SemiBold.eot?#iefix') format('embedded-opentype'), + url('Inter-SemiBold.woff2') format('woff2'), + url('Inter-SemiBold.woff') format('woff'), + url('Inter-SemiBold.ttf') format('truetype'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-ExtraBoldItalic.eot'); + src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'), + url('Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), + url('Inter-ExtraBoldItalic.woff2') format('woff2'), + url('Inter-ExtraBoldItalic.woff') format('woff'), + url('Inter-ExtraBoldItalic.ttf') format('truetype'); + font-weight: 800; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Bold.eot'); + src: local('Inter Bold'), local('Inter-Bold'), + url('Inter-Bold.eot?#iefix') format('embedded-opentype'), + url('Inter-Bold.woff2') format('woff2'), + url('Inter-Bold.woff') format('woff'), + url('Inter-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-ExtraLightItalicBETA.eot'); + src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'), + url('Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'), + url('Inter-ExtraLightItalicBETA.woff2') format('woff2'), + url('Inter-ExtraLightItalicBETA.woff') format('woff'), + url('Inter-ExtraLightItalicBETA.ttf') format('truetype'); + font-weight: 200; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-ExtraLightBETA.eot'); + src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'), + url('Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'), + url('Inter-ExtraLightBETA.woff2') format('woff2'), + url('Inter-ExtraLightBETA.woff') format('woff'), + url('Inter-ExtraLightBETA.ttf') format('truetype'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-ExtraBold.eot'); + src: local('Inter Extra Bold'), local('Inter-ExtraBold'), + url('Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), + url('Inter-ExtraBold.woff2') format('woff2'), + url('Inter-ExtraBold.woff') format('woff'), + url('Inter-ExtraBold.ttf') format('truetype'); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-ThinBETA.eot'); + src: local('Inter Thin BETA'), local('Inter-ThinBETA'), + url('Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), + url('Inter-ThinBETA.woff2') format('woff2'), + url('Inter-ThinBETA.woff') format('woff'), + url('Inter-ThinBETA.ttf') format('truetype'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-LightItalicBETA.eot'); + src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'), + url('Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'), + url('Inter-LightItalicBETA.woff2') format('woff2'), + url('Inter-LightItalicBETA.woff') format('woff'), + url('Inter-LightItalicBETA.ttf') format('truetype'); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Italic.eot'); + src: local('Inter Italic'), local('Inter-Italic'), + url('Inter-Italic.eot?#iefix') format('embedded-opentype'), + url('Inter-Italic.woff2') format('woff2'), + url('Inter-Italic.woff') format('woff'), + url('Inter-Italic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-SemiBoldItalic.eot'); + src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'), + url('Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), + url('Inter-SemiBoldItalic.woff2') format('woff2'), + url('Inter-SemiBoldItalic.woff') format('woff'), + url('Inter-SemiBoldItalic.ttf') format('truetype'); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Medium.eot'); + src: local('Inter Medium'), local('Inter-Medium'), + url('Inter-Medium.eot?#iefix') format('embedded-opentype'), + url('Inter-Medium.woff2') format('woff2'), + url('Inter-Medium.woff') format('woff'), + url('Inter-Medium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; +} + diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/img/.DS_Store differ diff --git a/img/.gitignore b/img/.gitignore new file mode 100644 index 0000000..e69de29 diff --git a/img/Burger Menu.png b/img/Burger Menu.png new file mode 100755 index 0000000..ad8076b Binary files /dev/null and b/img/Burger Menu.png differ diff --git a/img/GitHubLogo.png b/img/GitHubLogo.png new file mode 100755 index 0000000..f3315a6 Binary files /dev/null and b/img/GitHubLogo.png differ diff --git a/img/Illustration.png b/img/Illustration.png new file mode 100644 index 0000000..1ccabb7 Binary files /dev/null and b/img/Illustration.png differ diff --git a/img/Illustration.svg b/img/Illustration.svg new file mode 100644 index 0000000..dfb9c82 --- /dev/null +++ b/img/Illustration.svg @@ -0,0 +1,301 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/Logo.png b/img/Logo.png new file mode 100755 index 0000000..97f01c5 Binary files /dev/null and b/img/Logo.png differ diff --git a/img/SFPresentation.mp4 b/img/SFPresentation.mp4 new file mode 100644 index 0000000..873bb70 Binary files /dev/null and b/img/SFPresentation.mp4 differ diff --git a/img/Selfprivacy.org.zip b/img/Selfprivacy.org.zip new file mode 100644 index 0000000..38b3c22 Binary files /dev/null and b/img/Selfprivacy.org.zip differ diff --git a/img/TelegramLogo.png b/img/TelegramLogo.png new file mode 100755 index 0000000..e63c9c4 Binary files /dev/null and b/img/TelegramLogo.png differ diff --git a/img/TwitterLogo.png b/img/TwitterLogo.png new file mode 100755 index 0000000..84a6793 Binary files /dev/null and b/img/TwitterLogo.png differ diff --git a/img/Vector-1.png b/img/Vector-1.png new file mode 100755 index 0000000..8c46e83 Binary files /dev/null and b/img/Vector-1.png differ diff --git a/img/Vector-2.png b/img/Vector-2.png new file mode 100755 index 0000000..0901ae5 Binary files /dev/null and b/img/Vector-2.png differ diff --git a/img/Vector-3.png b/img/Vector-3.png new file mode 100755 index 0000000..04cc712 Binary files /dev/null and b/img/Vector-3.png differ diff --git a/img/Vector.png b/img/Vector.png new file mode 100755 index 0000000..0c925e0 Binary files /dev/null and b/img/Vector.png differ diff --git a/img/cd-icon.png b/img/cd-icon.png new file mode 100755 index 0000000..1b404db Binary files /dev/null and b/img/cd-icon.png differ diff --git a/img/eye-icon.png b/img/eye-icon.png new file mode 100755 index 0000000..d656c97 Binary files /dev/null and b/img/eye-icon.png differ diff --git a/img/ind-icon.png b/img/ind-icon.png new file mode 100755 index 0000000..53b6ec5 Binary files /dev/null and b/img/ind-icon.png differ diff --git a/img/like-icon.png b/img/like-icon.png new file mode 100755 index 0000000..965a590 Binary files /dev/null and b/img/like-icon.png differ diff --git a/img/list-icon.png b/img/list-icon.png new file mode 100755 index 0000000..c6b5ceb Binary files /dev/null and b/img/list-icon.png differ diff --git a/img/sceenshots.zip b/img/sceenshots.zip new file mode 100644 index 0000000..da2bf17 Binary files /dev/null and b/img/sceenshots.zip differ diff --git a/img/screenshot1.jpg b/img/screenshot1.jpg new file mode 100755 index 0000000..3ef533f Binary files /dev/null and b/img/screenshot1.jpg differ diff --git a/img/screenshot1.png b/img/screenshot1.png new file mode 100644 index 0000000..7b06195 Binary files /dev/null and b/img/screenshot1.png differ diff --git a/img/screenshot2.jpg b/img/screenshot2.jpg new file mode 100755 index 0000000..0011ed2 Binary files /dev/null and b/img/screenshot2.jpg differ diff --git a/img/screenshot2.png b/img/screenshot2.png new file mode 100644 index 0000000..351cf4e Binary files /dev/null and b/img/screenshot2.png differ diff --git a/img/screenshot4.jpg b/img/screenshot4.jpg new file mode 100755 index 0000000..6703d89 Binary files /dev/null and b/img/screenshot4.jpg differ diff --git a/img/screenshot4.png b/img/screenshot4.png new file mode 100644 index 0000000..bcdbf2e Binary files /dev/null and b/img/screenshot4.png differ diff --git a/img/screenshot5.jpg b/img/screenshot5.jpg new file mode 100755 index 0000000..2be499b Binary files /dev/null and b/img/screenshot5.jpg differ diff --git a/img/screenshot5.png b/img/screenshot5.png new file mode 100644 index 0000000..0526ab1 Binary files /dev/null and b/img/screenshot5.png differ diff --git a/img/shield-icon.png b/img/shield-icon.png new file mode 100755 index 0000000..a51409d Binary files /dev/null and b/img/shield-icon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..3b0f83b --- /dev/null +++ b/index.html @@ -0,0 +1,382 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ +
+
+ +
+

+ Платформа на хостинге пользователя для разворачивания приватных сервисов, управляемых мобильным приложением. +

+
+
+ img +
+
+ img +
+
+ +
+
+ img +
+
+ img +
+
+
+ + +
+
+ +
+ + +
+
+

+ Ваши личные сервисы +

+
+ +
+

+ Электронная почта +

+

+ Для семьи или компании, неограниченное количество почтовых ящиков. +

+
+ + + + + +
+

+ Мессенджер +

+

+ Самый приватный мессенджер + — это тот, у которого серверная часть располагается на вашем личном сервер. Это делает DeltaChat приватнее + Telegram и Signal. +

+
+ + +
+

+ Менеджер паролей +

+

+ Пароли больше не нужно запоминать, копировать между устройствами, придумывать, вводить вручную. +
+
+ Bitwarben — надежный менеджер паролей для всех устройств. +

+
+ +
+

+ Файловое облако +

+

+ NextCloud — приватная + и функциональная замена + Dropbox и G-drive. +

+
+ +
+

+ Видеконференция +

+

+ Zoom и Google-meet больше не нужен, когда есть Jitsi-meet. Очень простое и удобное решение для видео-конференций. +

+
+ +
+

+ Git-репозиторий +

+

+ Gitea — отличный аналог Github, который пренадлежит вам, + а не Microsoft. +

+
+ +
+

+ VPN для всех устройств друзей и близких +

+

+ Ни один публичный VPN + не может быть приватным, + только тот, что расположенна вашем сервере. + OpenConnect + — подключайте неограниченное количество устройств. +

+
+ +
+

+ Децентрализованная социальная сеть +

+

+ Pleroma — социальная сеть в которой вы решаете кого забанить, что постить. Никакой больше рекламы и слежки. +

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

Преимущества

+
+ + +
+ +
+ +
+

+ Нулевое доверие +

+

+ SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это значит, что вы единственный владелец своих данных. +

+
+ +
+

+ Простота +

+

+ Это просто работает. Без консоли, сложных инструкций, мониторинга и привлечения специалистов. +

+
+ +
+

+ Функционал +

+

+ Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный датацентр. +

+
+ +
+ +
+ +
+ +
+ icon + +

+ Контроль данных +

+ +

+ Почему корпорациям так нужны ваши данные? + Чтобы больше покупали, чтобы вы голосовали как им нужно. + В SelfPrivacy ваши данные остаются только у вас. +

+
+ +
+ icon + +

+ Безопасность +

+ +

+ Отрытый код. Вознаграждение $1000 за RCE-уязвимость значительно повышает безопасность в сравнении с обычными self-hosted решениями. +

+
+ +
+ +
+ +
+ icon + +

+ Без лицензионных соглашений +

+ +

+ Что написано в лицензионных соглашениях, которые вы принимаете не читая? + Там написано, что с вашими данными можно делать что угодно. + В SelfPrivacy нет лицензионных соглашений. +

+
+ + +
+ icon + +

+ Экономия времени, денег и сил +

+ +

+ Как сэкономить $500 или две недели жизни? + Столько понадобится времени и денег специалисту, чтобы настроить все самому с нуля? +

+ Команда SelfPrivacy полгода работала, чтобы ускорить и упростить этот процесс до нескольких кликов. +

+ Теперь с процессом создания личного датацентра справится + даже школьник +

+
+ +
+ +
+ +
+ icon + +

+ Независимость +

+ +

+ Ваши коммуникации в интеренете не зависят от Google, Facebook, Amazon и прочих мегакорпораций. +

+ Ваши сервисы — ваши правила! + Вас не забанят, не отключат, случайно или по какой бы то ни было причине. Ваша инфраструктура и данные всегда останется с вами. +

+
+ + + +
+ icon + +

+ Приватность +

+ +

+ Без регистрации, куков, телеметрии, логов, гугл аналитики, облаков. +

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