commit 1c439f2b568d6b896c7852da0684188195b739d9 Author: Kirill Zholnay Date: Tue Nov 2 11:56:22 2021 +0200 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100755 index 0000000..68729d6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.idea/ +.DS_Store \ No newline at end of file diff --git a/css/main.css b/css/main.css new file mode 100755 index 0000000..2eef646 --- /dev/null +++ b/css/main.css @@ -0,0 +1,833 @@ +/*! 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, .blue-border { + border: 1px solid #1ED9E7; + border-radius: 25px; + margin-bottom: 60px; + padding: 0 15px; +} + +.without-border { + border: none !important; +} + +.install-page-header { + padding-top: 50px; +} + +.blue-border ul { + list-style: decimal; + padding-left: 28px; + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: normal; + line-height: 136.5%; + color: #FFFFFF; +} + +.blue-border ul li { + list-style: decimal; + + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 136.5%; + color: #FFFFFF; +} + +.blue-border a, +.blue-border a:hover, +.blue-border a:active, +.blue-border a:link, +.blue-border a:visited { + color: #1ED9E7; +} + +.code-p { + background: #1ED9E7; + color: #1D2934; + padding: 5px; + border-radius: 4px; +} + +.blue-border-img { + border: 1px solid #1ED9E7; + border-radius: 25px; + padding: 15px; + max-width: max-content; + margin: 0 auto 30px; +} + +.pb-25 { + padding-bottom: 25px !important; +} + +.blue-border img { + width: 100%; +} + +.blue-border-img img { + width: 100%; +} + +.header-p { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 16px; + line-height: 136.5%; + color: #ffffff; + padding: 10px; +} + +.top-header-p { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + font-size: 18px; + line-height: 136.5%; + color: #ffffff; + padding: 10px; + text-align: center; + margin-bottom: 24px; +} + +.color-blue { + color: #1ED9E7; +} + +.blue-border img { + + width: 100%; + max-width: 500px; + margin: auto; + display: block; +} + + +.blue-border .bottom-p { + text-align: left; +} + +.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) { + .top-header-p { + font-size: 28px; + } + + .blue-border ul li { + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 136.5%; + color: #ffffff; + } + .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; + } + + a.lang-link, a.lang-link:visited { + color: #fadd4b; + text-decoration: none; + margin-right: 5px; + font-family: "Inter", sans-serif; + font-style: normal; + font-weight: bold; + } + + .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: block; + } + + .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 100755 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/en/img/screenshot1.jpg b/en/img/screenshot1.jpg new file mode 100755 index 0000000..bbbf98e Binary files /dev/null and b/en/img/screenshot1.jpg differ diff --git a/en/img/screenshot2.jpg b/en/img/screenshot2.jpg new file mode 100755 index 0000000..3115d9a Binary files /dev/null and b/en/img/screenshot2.jpg differ diff --git a/en/img/screenshot4.jpg b/en/img/screenshot4.jpg new file mode 100755 index 0000000..93875fa Binary files /dev/null and b/en/img/screenshot4.jpg differ diff --git a/en/img/screenshot5.jpg b/en/img/screenshot5.jpg new file mode 100755 index 0000000..13fe6d5 Binary files /dev/null and b/en/img/screenshot5.jpg differ diff --git a/en/index.html b/en/index.html new file mode 100755 index 0000000..6854d52 --- /dev/null +++ b/en/index.html @@ -0,0 +1,382 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ +
+
+ +
+

+ Platform on user's hosting provider, managed via mobile application. +

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

+ Your personal services +

+
+ +
+

+ E-Mail +

+

+ For the company or family. Unlimited mailboxes amount. +

+
+ +
+

+ Messenger +

+

+ The most private messenger + is the messenger, which server part resides on your own server. That's what makes Delta.Chat + more private then Telegram or Signal. +

+
+ + +
+

+ Password Manager +

+

+ No more need to design, remember and manually input your passwords. +
+
+ Bitwarden — reliable password manager for all of your devices. +

+
+ +
+

+ Cloud storage +

+

+ Nextcloud — private + and functional replacement + of Dropbox and G-drive. +

+
+ +
+

+ Videomeet +

+

+ No more need in Zoom and Google-meet, when there's Jitsi-meet around. Simple and handy solution for videoconferences. +

+
+ +
+

+ Git repository +

+

+ Gitea is a great Github alternative, that belongs to you, + but not to Microsoft. +

+
+ +
+

+ VPN for all of your friends and relatives devices +

+

+ No public VPN + can be private, + but only those, deployed on your own server. + OpenConnect + — connect unlimited amount of devices. +

+
+ +
+

+ Decentralized social network +

+

+ Pleroma is a social network where you decide who to ban and what to post. No more advertisments and tracking. +

+
+
+
+
+ + +
+
+

Advantages

+
+ + +
+ +
+ +
+

+ Zero trust +

+

+ SelfPrivacy is designed according to "zero trust" concept, even in relation to SelfPrivacy developers. + It means that you're the only owner of your data. +

+
+ +
+

+ Simplicity +

+

+ It just works. No console, complicated manuals, monitoring and staff involvement. +

+
+ +
+

+ Functionality +

+

+ Your data won't disappear without any trace due to regular backups into the + separate datacenter. +

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

+ Data control +

+ +

+ Why corporations need your data? + To make you buy more and vote as they want. + With SelfPrivacy, your data is only in your hands. +

+
+ +
+ icon + +

+ Security +

+ +

+ Open source. Reward of $1000 for found RCE vulnerability drastically rises security + in comparison with other self-hosted solutions. +

+
+ +
+ +
+ +
+ icon + +

+ No license agreements +

+ +

+ What do you allow to do with your data, while agreeing to license agreements without reading? + You allow to do anything that companies want. + SelfPrivacy has no license agreements. +

+
+ + +
+ icon + +

+ Save your time and money +

+ +

+ How to save $500 or two weeks of your life? + How much time and money will specialist require to setup everything of that from the very beginning? +

+ SelfPrivacy team works hard to speed up and simplify this process to the few clicks. +

+ Now anyone will be capable of setting up their own DC. +

+
+ +
+ +
+ +
+ icon + +

+ Independency +

+ +

+ Your communications on the internet no longer depend on Google, Facebook, Amazon and others E-Corps. +

+ Your services — your rules! + You won't be banned for any reason. Your infrastructure and data + will always be with you. +

+
+ + + +
+ icon + +

+ Privacy +

+ +

+ No registration, cookies, telemetry, logs, analytics, clouds. +

+
+ + +
+ +
+
+
+ + + + + + + + + + + + + + + diff --git a/en/second.html b/en/second.html new file mode 100755 index 0000000..bde69bc --- /dev/null +++ b/en/second.html @@ -0,0 +1,409 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ Deployment and setup +

+ +
+

+ +

+ SelfPrivacy-server takes about an hour to be created. Sounds scary, but believe me, no PhD + required to accomplish that. It's as simple as purchase in the e-shop. +

+ +
    +
  • + Searching for ID and a card with balance of $10-15 +
  • +
  • + Registering your accounts +
  • +
  • + Securing your accounts +
  • +
  • + Purchasing a domain +
  • +
  • + Pointing your domain to a DNS server +
  • +
  • + 🔑 Generating tokens +
  • +
  • + Installation +
  • +
  • + Connecting to the services 🎉 +
  • +
+

+ If you delegate this process to someone else, you'll loose your privacy. For the 100% independency + and control + we recommend to do everything on your own. +

+
+ +
+

+ Account registration +

+

+ SelfPrivacy makes use of many different accounts for the reliablity. If you hold everything in one + place, + you'll get the same you've been running from. All data in hands of one corporation🤦 +

+

+ That's why, different parts of your system will be in different places. Let's register: +

+
    +
  • + Hetzner is a virtual server hosting. Here + will be a home for all of yor data. +
  • +
  • + NameCheap or any other + registrar, to buy your personal address on the Internet, that will point directly to your + server. +
  • +
  • + CloudFlare is a DNS server, where your + personal + address(domain) works. +
  • +
  • + + Backblaze is an IaaS, that provides free storage for your encrypted backups. +
  • +
+

+ Registration is trivial, but sometimes account activation may take up to few days, but not longer. + That's why please be advised to use real data. + Providers protect themselves from spam in such way. Nothing personal. +

+
+ +
+

+ Protecting your accounts +

+

+ Systems are being compromised by the weakest part. That's why, password for all your accounts + should be different and complicated. TwinkleTwinkleLittleStar is a great example of a bad password. + A good one 🌈 is a + passphrase: +

+

+ expert repose postwar anytime glimpse freestyle liability effects +

+

or

+

+ }Rj;EtG:,M!bc4/| +

+

+ How to remember such complicated password? No way! No need to remember passwords. They should be + created and stored in the password manager. Though, + you'll + have to remember at least one... Main password for the password manager. +

+

+ Additional protection for your accounts should be enabled in the mandatory order. + It called multifactor authentication(MFA, 2FA). + Without this simple step, all your data will be insecure. +

+

+ It may have been complicated a bit, but now you're protected better than 95% of users. + You can be proud of yourself🤗 +

+
+ +

+ Getting a domain +

+ +

+ Enabled 2FA? Then let's proceed to the most interesting part! +

+
+ + gif + +
+ +

+ Domain — it's a piece of Internet, which you can name like your home pet. Potential for + creativity is huge. + Your only limitations are 63 symbols length + .com .org .icu or other domain zones. Feel free to choose + among hundreds of others. + You can choose your surname as a domain, like this: jackson.live or carson.health, or it can be + something creative, + like: unicorn-land.shop +

+ +
+

+ Advices +

+
    +
  • Attentively check price for the annual domain prolongation. It may drastically differ from the + initial acquision price.
  • +
  • Average domain price is around $8-10 anually. The most cheap are .icu and .cyou — $4-6.
  • +
  • Memorable domain name can be easily shared during phone call or written on the business card. +
  • +
  • Surname in the domain is good as you can share your domain with everyone who carries your + surname, like this: + name.secondname@surname.com or ns@surname.com or name@surname.com
  • +
  • During domain registration, make sure to enter your real e-mail address, otherwise your + registration can be + canceled. If you wont be able to prolong your domain, nothing will work as intended.
  • +
  • Did I mentioned 2FA?
  • +
+
+ + +

+ Connecting your domain to the DNS server +

+ +

+ After acquision, add your domain itno CloudFlare: +

+ +
+ gif +
+ +

+ Using ruleit.stream as example, we picked free service plan + and got nameservers: gail.ns.cloudflare.com and mattns.cloudflare.com, that should be defined at your registrar. + In our case it's NameCheap: +

+ +
+ gif +
+ +

+ By the way, be adviced to check if automatic prolongation and domain theft protection is enabled. + In a few minutes, or a few days in a worst scenario + settings will apply. +

+ + +

+ 🔑 Generating tokens +

+ +
+ +

+ API tokens +

+ +

+ API tokens are almost the same as login and password, but designed to be used by + programs, rather then humans. SelfPivacy Manager uses them to manage your services on your demand. +

+ +

+ Tokens should be stored in the password manager +

+ +

+ We do not need a token for the NameCheap. But we will need one for the CloudFlare + to use it for domain management. +

+ +

+ CloudFlare +

+ +
    +
  • Visit the following link
  • +
  • In the upper right corner, click on the profile icon(circled human icon). For the mobile version + of the site, in + upper left corner, press Menu button(three horisontal bars). In the dropdown menu, + click on My Profile
  • +
  • We are presented with four settings: Communication, Authentication, API + Tokens, Session. Choose API Tokens.
  • +
  • The first thing we'll see is a Create Token button. With full confidence in yourself🤗 + push this button.
  • +
  • If you scroll down to the end of the page, you'll see Create Custom Token field and + Get Started + button. Click it.
  • +
  • In the Token Name field, give your token a name, because tokens feel sad when they're + unnamed :)
  • +
  • Next we have Permissions. first field please specify: Zone. In the most wide, central field + please specify: DNS. In the last field, specify: Edit
  • +
  • Next, right under this filed, click on Add More. Similar field will appear.
  • +
  • In the first field, we select Zone, the same way as in previous step. + A the central field, situation slightly differs this time. Here we pick the same as in left + field - Zone. At the right + field, pick Read.
  • +
  • Next, please take a look at the Zone Resources. Under this sign, there's string with two + fiels. + In the left one should be Include, and in the right one - Specific Zone. As soon + as you pick + Specific Zone, another one field will appear. Select your domain there. +
  • +
  • Scroll to the very end of the page and click big and blue Continue to Summary. button. +
  • +
  • Check if everything picked correctly. Similar string should be shown: your.domain - + DNS:Edit, Zone:Read. +
  • +
  • Click Create Token.
  • +
  • Copy newly created token and save it in reliable place(preferrably - in the password manager). +
  • +
+ + gif + +

+ Hetzner +

+ +
    +
  • Visit the followinglink and sign into + newly created account.
  • +
  • Enter into previously created project. If you haven't created one, then please proceed.
  • +
  • Hover side panel with mouse cursor. Panel should expand and show us a menu. We're interested + in the last one — Security (icon of a key).
  • +
  • Next, in the upper part of an interface, we can see approximately the following: SSH Keys, + API Tokens, + Certificates, Members. You need API Tokens. Click on it.
  • +
  • In the right part of the interface, there should be Generate API token button. If you're + using + mobile version og a webpage, in the lower right corner you'll see red cross. Push that + button.
  • +
  • In the Description field, give our token a name (this can be any name that + you like. It doesn't influence the essence.
  • +
  • Under the Description field we can see a possibility to choose permissions. Pick + Read & Write. +
  • +
  • Click Generate API Token.
  • +
  • After that, our key will be shown. Store it in the reliable place, or in the password + manager, which is better.
  • +
+ + gif + +

+ Backblaze B2 +

+ +
    +
  • Visit the following link
  • +
  • In the left part of an interface click on the App Keys in the B2 Cloud Storage + subcategory.
  • +
  • Click on the blue Generate New Master Application Key button.
  • +
  • In the appeared pop-up window confirm the generation.
  • +
  • Save keyID and applicationKey in the reliable place. For example - in the password manager :) +
  • +
+ + gif + +

+ 🎉 My congratulations. You're now ready to use your private services. +

+ +
+ +
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100755 index 0000000..be74abd Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.png b/favicon.png new file mode 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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 100755 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/.gitignore b/img/.gitignore new file mode 100755 index 0000000..e69de29 diff --git a/img/AWS.gif b/img/AWS.gif new file mode 100755 index 0000000..9743b6c Binary files /dev/null and b/img/AWS.gif differ diff --git a/img/Backblaze.GIF b/img/Backblaze.GIF new file mode 100755 index 0000000..eb48c5d Binary files /dev/null and b/img/Backblaze.GIF differ 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/CloudFlare.gif b/img/CloudFlare.gif new file mode 100755 index 0000000..749f514 Binary files /dev/null and b/img/CloudFlare.gif differ diff --git a/img/GitHub Logo.svg b/img/GitHub Logo.svg new file mode 100755 index 0000000..aed567d --- /dev/null +++ b/img/GitHub Logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/GitHub-Logo.png b/img/GitHub-Logo.png new file mode 100755 index 0000000..aeb7e20 Binary files /dev/null and b/img/GitHub-Logo.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/Hetzner.gif b/img/Hetzner.gif new file mode 100755 index 0000000..632492f Binary files /dev/null and b/img/Hetzner.gif differ diff --git a/img/Illustration.png b/img/Illustration.png new file mode 100755 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 100755 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 100755 index 0000000..873bb70 Binary files /dev/null and b/img/SFPresentation.mp4 differ diff --git a/img/Server.gif b/img/Server.gif new file mode 100755 index 0000000..869f84e Binary files /dev/null and b/img/Server.gif differ diff --git a/img/Telegram-Logo.png b/img/Telegram-Logo.png new file mode 100755 index 0000000..0901ae5 Binary files /dev/null and b/img/Telegram-Logo.png differ diff --git a/img/Telegram-Logo.svg b/img/Telegram-Logo.svg new file mode 100755 index 0000000..b41d5a0 --- /dev/null +++ b/img/Telegram-Logo.svg @@ -0,0 +1,3 @@ + + + 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/Twitter Logo.png b/img/Twitter Logo.png new file mode 100755 index 0000000..1efd516 Binary files /dev/null and b/img/Twitter Logo.png differ diff --git a/img/Twitter Logo.svg b/img/Twitter Logo.svg new file mode 100755 index 0000000..7eba74a --- /dev/null +++ b/img/Twitter Logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/Twitter-Logo.png b/img/Twitter-Logo.png new file mode 100755 index 0000000..3294a8f Binary files /dev/null and b/img/Twitter-Logo.png differ diff --git a/img/Twitter-Logo.svg b/img/Twitter-Logo.svg new file mode 100755 index 0000000..30f653b --- /dev/null +++ b/img/Twitter-Logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + 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..8681b2f Binary files /dev/null and b/img/Vector.png differ diff --git a/img/Vector.svg b/img/Vector.svg new file mode 100755 index 0000000..fffec1d --- /dev/null +++ b/img/Vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/add-domain-to-cf.gif b/img/add-domain-to-cf.gif new file mode 100755 index 0000000..b307e81 Binary files /dev/null and b/img/add-domain-to-cf.gif 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/nc-buy-domain-1.gif b/img/nc-buy-domain-1.gif new file mode 100755 index 0000000..19cf42c Binary files /dev/null and b/img/nc-buy-domain-1.gif differ diff --git a/img/nc-buy-domain.gif b/img/nc-buy-domain.gif new file mode 100755 index 0000000..19cf42c Binary files /dev/null and b/img/nc-buy-domain.gif differ diff --git a/img/nc-to-cf.gif b/img/nc-to-cf.gif new file mode 100755 index 0000000..e2c9732 Binary files /dev/null and b/img/nc-to-cf.gif differ diff --git a/img/screenshot1.png b/img/screenshot1.png new file mode 100755 index 0000000..7b06195 Binary files /dev/null and b/img/screenshot1.png differ diff --git a/img/screenshot2.png b/img/screenshot2.png new file mode 100755 index 0000000..351cf4e Binary files /dev/null and b/img/screenshot2.png differ diff --git a/img/screenshot4.png b/img/screenshot4.png new file mode 100755 index 0000000..bcdbf2e Binary files /dev/null and b/img/screenshot4.png differ diff --git a/img/screenshot5.png b/img/screenshot5.png new file mode 100755 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 100755 index 0000000..824bee3 --- /dev/null +++ b/index.html @@ -0,0 +1,393 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ +
+
+ +
+

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

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

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

+
+ +
+

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

+

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

+
+ + + + + + +
+

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

+

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

+
+ + +
+

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

+

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

+
+ +
+

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

+

+ 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 + +

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

+ +

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

+
+ + +
+ +
+
+
+ + + + + + + + + + + + + + + diff --git a/screenshot1.jpg b/screenshot1.jpg new file mode 100755 index 0000000..3ef533f Binary files /dev/null and b/screenshot1.jpg differ diff --git a/screenshot2.jpg b/screenshot2.jpg new file mode 100755 index 0000000..0011ed2 Binary files /dev/null and b/screenshot2.jpg differ diff --git a/screenshot4.jpg b/screenshot4.jpg new file mode 100755 index 0000000..6703d89 Binary files /dev/null and b/screenshot4.jpg differ diff --git a/screenshot5.jpg b/screenshot5.jpg new file mode 100755 index 0000000..2be499b Binary files /dev/null and b/screenshot5.jpg differ diff --git a/second.html b/second.html new file mode 100755 index 0000000..621664b --- /dev/null +++ b/second.html @@ -0,0 +1,390 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ Установка и настройка +

+ +
+

+ +

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

+ +
    +
  • + Поиск паспорта и карты с балансом $10-15 и $5 в месяц +
  • +
  • + Регистрация учётных записей +
  • +
  • + Защита учётных записей +
  • +
  • + Покупка домена +
  • +
  • + Подключение домена к DNS серверу +
  • +
  • + 🔑 Создание ключей +
  • +
  • + Установка +
  • +
  • + Подключение к сервисам 🎉 +
  • +
+

+ Если кому-нибудь поручите эту задачу — лишитесь приватности. Для 100% независимости и контроля всё + делать самому. +

+
+ +
+

+ Регистрация учётных записей +

+

+ SelfPrivacy для устойчивости и приватности требует много учётных записей. Если всё держать в одном + месте, + получаем то, от чего бежали — все данные у одной компании 🤦‍♀️ +

+

+ Поэтому разные части системы будут в разных местах. Регистрируемся: +

+
    +
  • + Hetzner — хостинг виртуального сервера. Здесь + будут жить наши данные и SelfPrivacy сервисы. +
  • +
  • + NameCheap или любой другой + регистратор, для покупки личного адреса в интернете — домена, который будет указывать на сервер. +
  • +
  • + CloudFlare — DNS сервер, где работает ваш + домен. +
  • +
  • + Backblaze + — IaaS провайдер, для бесплатного хранения резервных копий ваших данных в + зашифрованном виде. +
  • +
+

+ Регистрация заурядна, но иногда проверка учётной записи длится несколько дней или требуют + дополнительных + документов. Поэтому используйте настоящие документы и заполняйте все аккуратно. Провайдеры так + защищаются от спамеров, ничего личного ) +

+
+ +
+

+ Защита учётных записей +

+

+ Взламывают системы через самое слабое звено. Чтобы учётные записи не были таким звеном, пароли + делаем разные и сложные. MamaMilaRamu как ни странно плохой пароль, а отличные 🌈 — это + парольная фраза: +

+

+ expert repose postwar anytime glimpse freestyle liability effects +

+

или

+

+ }Rj;EtG:,M!bc4/| +

+

+ Как такой пароль запомнить? Никак! Пароли не нужно запоминать, их надо создавать и хранить в менеджере паролей. Хотя один помнить придется — + пароль от менеджера паролей. +

+

+ Обязательно включите дополнительную защиту учётных записей. Называется второй фактор (MFA, 2FA). Без + этого + простого шага ваши данные не будут в безопасности. +

+

+ Я знаю, было сложно, но теперь вы защищены лучше, чем у 95%. Можете собой гордится! Я вот вами + горжусь 🤗 +

+
+ +

+ Покупка домена +

+ +

+ Включили второй фактор? Я серьезно! Тогда переходим к интересному! +

+
+ + gif + +
+ +

+ Домен — это кусочек интернета, которому вы даете имя. Простор для творчества огромен, у вас есть + 63 символа + .com .org .icu и еще несколько сотен доменов после точки. Можно просто по фамилии выбрать + ivanov.live или ivanov.health, а можно что-то творческое shit-happens.shop +

+ +
+

+ Рекомендации +

+
    +
  • Обязательно смотреть на цену ежегодного продления, она может в разы превышать стоимость покупки. +
  • +
  • Нормальная цена домена $8-10 в год. Самые дешевые — китайские .icu и .cyou — $4-6.
  • +
  • Хорошее имя удобно и по телефону диктовать и на деловой визитке писать.
  • +
  • Фамилия в домене хороша тем, что можно раздать почту всем однофамильцам, типа: + name.secondname@surname.com или ns@surname.com или name@surname.com
  • +
  • При регистрации домена обязательно указывать реальные почту и телефон, иначе регистрацию могут + аннулировать. И если вы не сможете продлить домен, система не будет работат так как задумано. +
  • +
  • Я уже говорил про второй фактор?
  • +
+
+ + +

+ Подключение домена к DNS серверу +

+ +

+ После покупки, домен добавляем в CloudFlare: +

+ +
+ gif +
+ +

+ На примере домена ruleit.stream мы выбрали бесплатный тариф и получили + серверы имен: gail.ns.cloudflare.com и mattns.cloudflare.com, которые надо прописать у своего регистратора. В + нашем случае NameCheap: +

+ +
+ gif +
+ +

+ Заодно проверяем, что у нас включено автопродление и защита персональных данных — WhoisGuard. Через несколько минут или в худшем случае до 2-ух суток + настройки применятся. +

+ + +

+ 🔑 Создание ключей +

+ +
+ +

+ API ключи +

+ +

+ API ключи — это почти тоже самое, что и логин с паролем, только для программы, а не человека. + Мобильное приложение SelfPrivacy с их помощью управляет сервисами во всех учётных записях вместо вас. Удобно! +

+ +

+ Ключи хранить в менеджере паролей +

+ +

+ Для NameCheap нам ключ не нужен, мы уже все сделали. А домен будет управляться в CloudFlare. +

+ +

+ CloudFlare +

+ +
    +
  • Переходим по ссылке
  • +
  • В правом углу, кликаем на иконку профиля (человечек в кружочке). Для мобильной версии сайта, в + верхнем левом углу, нажимаем кнопку Меню (три горизонтальных полоски), В выпавшем меню, + ищем пункт My Profile
  • +
  • Нам предлагается на выбор, четыре категории настройки: Communication, Authentication, API + Tokens, Session. Выбираем API Tokens.
  • +
  • Самым первым пунктом видим кнопку Create Token. С полной уверенностью в себе и желанием + обрести приватность, нажимаем на неё.
  • +
  • Спускаемся в самый низ и видим поле Create Custom Token и кнопку Get Started с + правой стороны. Нажимаем.
  • +
  • В поле Token Name даём своему токену имя. Можете покреативить и отнестись к этому как к + наименованию домашнего зверька :)
  • +
  • Далее, у нас Permissions. В крайнем левом поле выбираем Zone. В самом длинном поле, по центру, + выбираем DNS. В крайнем правом поле выбираем Edit
  • +
  • Далее, прямо под этой строчкой, нажимаем на Add More. Появиться аналогичная строка, такая + же как та, которую мы только что заполняли.
  • +
  • В крайнем левом поле новой строки, выбираем, аналогично прошлой строке — Zone. В + центральном - немного по другому. Тут мы выбираем то же самое что и в левой - Zone. В + крайнем правом поле - выбираем Read.
  • +
  • Далее смотрим на Zone Resources. Под этой надписью есть строка с двумя полями. В левом + должно быть Include, а в правом - Specific Zone. Как только вы выберете + Specific Zone, справа появиться ещё одно поле. В нём выбираем наш домен. +
  • +
  • Листаем в самый низ и нажимаем на синюю кнопку Continue to Summary.
  • +
  • Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен - + DNS:Edit, Zone:Read. +
  • +
  • Нажимаем Create Token.
  • +
  • Копируем созданный токен, и сохраняем его в надёжном месте (желательно - в менеджере паролей). +
  • +
+ + gif + +

+ Hetzner +

+ +
    +
  • Переходим по ссылке и авторизуемся в ранее + созданном аккаунте.
  • +
  • Заходим в созданный нами проект. Если такового - нет, значит создаём.
  • +
  • Наводим мышкой на боковую панель. Она должна раскрыться, показав нам пункты меню. Нас интересует + последний — Security (с иконкой ключика).
  • +
  • Далее, в верхней части интерфейса видим примерно такой список: SSH Keys, API Tokens, + Certificates, Members. Нам нужен API Tokens. Переходим по нему.
  • +
  • В правой части интерфейса, нас будет ожидать кнопка Generate API Token. Если же вы используете + мобильную версию сайта, в нижнем правом углу вы увидите красный плюсик. Нажимаем на эту + кнопку.
  • +
  • В поле Description, даём нашему токену название (это может быть любое название, которые + вам нравиться. Сути оно не меняет.
  • +
  • Под полем Description видим возможность выбрать разрешения permissions. Выбираем + Read & Write. +
  • +
  • Нажимаем Generate API Token.
  • +
  • После этого, нам покажет ваш ключ. Записываем его в надёжном месте, или ещё лучше, сохраняем в + менеджере паролей.
  • +
+ + gif + +

+ Backblaze B2 +

+ +
    +
  • Переходим по ссылке
  • +
  • В левой части интерфейса выбираем App Keys в подкатегории "B2 Cloud Storage"
  • +
  • Нажимаем на синюю кнопку Generate New Master Application Key
  • +
  • Во всплывающем окне, подтверждаем генерацию
  • +
  • Сохраняем keyID и applicationKey в надёжном месте. Например - в менеджере паролей :)
  • +
+ + gif + +

+ 🎉 Поздравляю! Теперь вы готовы использовать приватные сервисы +

+ +
+ +
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/selfprivacy.apk b/selfprivacy.apk new file mode 100644 index 0000000..47b261d Binary files /dev/null and b/selfprivacy.apk differ