forked from I2P_Developers/i2p.www
add stormycloud blog post, set class screenshot to 95% parent width in default CSS, run formatter over CSS
This commit is contained in:
idk
1
.dockerignore
Normal file
1
.dockerignore
Normal file
@ -0,0 +1 @@
|
||||
.git
|
||||
69
i2p2www/blog/2022/8/4/Enable-StormyCloud.rst
Normal file
69
i2p2www/blog/2022/8/4/Enable-StormyCloud.rst
Normal file
@ -0,0 +1,69 @@
|
||||
=================================================
|
||||
{% trans -%}How to Switch to the StormyCloud Outproxy Service{%- endtrans %}
|
||||
=================================================
|
||||
|
||||
.. meta::
|
||||
:author: idk
|
||||
:date: 2022-08-04
|
||||
:category: outproxy
|
||||
:excerpt: {% trans %}How to Switch to the StormyCloud Outproxy Service{% endtrans %}
|
||||
|
||||
{% trans -%}
|
||||
How to Switch to the StormyCloud Outproxy Service
|
||||
{%- endtrans %}
|
||||
=================================================
|
||||
|
||||
**{% trans %}A New, Professional Outproxy{% endtrans %}**
|
||||
|
||||
{% trans -%}
|
||||
For years, I2P has been served by a single default outproxy, `false.i2p`
|
||||
who's reliability has been degrading. Although several competitors
|
||||
have emerged to take up some of the slack, they are mostly unable to
|
||||
volunteer to serve the clients of an entire I2P implementation by
|
||||
default. However, StormyCloud, a professional, non-profit organization
|
||||
which runs Tor exit nodes, has started a new, professional outproxy
|
||||
service which has been tested by members of the I2P community and which
|
||||
will become the new default outproxy in the upcoming release.
|
||||
{%- endtrans %}
|
||||
|
||||
**{% trans %}Who are StormyCloud{% endtrans %}**
|
||||
|
||||
In their own words, StormyCloud is:
|
||||
|
||||
{% trans -%}
|
||||
Mission of StormyCloud Inc.
|
||||
To defend Internet access as a universal human right. By doing so, the group protects users’ electronic privacy and builds community by fostering unrestricted access to information and thus the free exchange of ideas across borders. This is essential because the Internet is the most powerful tool available for making a positive difference in the world.
|
||||
{%- endtrans %}
|
||||
|
||||
{% trans -%}
|
||||
We own all of our hardware and currently colocate at a Tier 4 data center. As of now have a 10GBps uplink with the option to upgrade to 40GBps without the need for much change. We have our own ASN and IP space (IPv4 & IPv6).
|
||||
{%- endtrans %}
|
||||
|
||||
{% trans -%}
|
||||
To learn more about StormyCloud visit the `web site
|
||||
<https://www.stormycloud.org/>`_.
|
||||
{%- endtrans %}
|
||||
|
||||
{% trans -%}
|
||||
Or, visit them on `I2P
|
||||
<https://www.stormycloud.i2p/>`_.
|
||||
{%- endtrans %}
|
||||
|
||||
**{% trans %}Switching to the StormyCloud Outproxy on I2P{% endtrans %}**
|
||||
|
||||
{% trans -%}
|
||||
To switch to the StormyCloud outproxy *today* you can visit `the Hidden Services Manager
|
||||
<http://127.0.0.1:7657/i2ptunnel/edit?tunnel=0>`_. Once you're there, you should change
|
||||
the value of **Outproxies** and **SSL Outproxies** to `exit.stormycloud.i2p`. Once you
|
||||
have done this, scroll down to the bottom of the page and click on the "Save" button.
|
||||
{%- endtrans %}
|
||||
|
||||
.. class:: screenshot
|
||||
.. image:: /_static/images/stormycloudscreenshot.png
|
||||
|
||||
**{% trans %}Thanks to StormyCloud{% endtrans %}**
|
||||
|
||||
{% trans -%}
|
||||
We would like to thank StormyCloud for volunteering to provide high-quality outproxy
|
||||
services to the I2P network.
|
||||
{%- endtrans %}
|
||||
@ -59,13 +59,14 @@ div.hide {
|
||||
display: none
|
||||
}
|
||||
|
||||
div#topbar .title, div#content > .title {
|
||||
div#topbar .title,
|
||||
div#content>.title {
|
||||
font-family: "URW Gothic L", "Century Gothic", sans-serif;
|
||||
font-size: 2.1875rem;
|
||||
font-weight: bold;
|
||||
color: #363A68;
|
||||
line-height:41px;
|
||||
vertical-align:middle;
|
||||
line-height: 41px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div#topbar {
|
||||
@ -97,6 +98,7 @@ div#content {
|
||||
display: block
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* The .main class is for content wrapper on the home page (with the big banner)
|
||||
*/
|
||||
@ -120,18 +122,18 @@ div#content .main h1 {
|
||||
font-family: "URW Gothic L", "Century Gothic", sans-serif;
|
||||
font-size: 2.5em;
|
||||
line-height: 1em;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,.3);
|
||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
|
||||
color: white;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
div#content .main p {
|
||||
color: var(--i2poffwhite);
|
||||
color: var(--i2poffwhite);
|
||||
}
|
||||
|
||||
div#herocredit {
|
||||
text-align: right;
|
||||
font-size: 8px;
|
||||
text-align: right;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.main .get-i2p {
|
||||
@ -143,12 +145,12 @@ div#herocredit {
|
||||
color: white;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
/* text-transform: uppercase;*/
|
||||
/* text-transform: uppercase;*/
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
background: #60ab60;
|
||||
border-radius: .3em;
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
|
||||
/*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 1em 3em 2em 0.5em rgba(255, 255, 255, 0.3) inset, inset -.2em -.5em 1em -0em rgba(0,0,0,.3);*/
|
||||
}
|
||||
|
||||
@ -200,6 +202,7 @@ div#content .feed-icon {
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* The .inner class is for the content wrapper on inner pages (as opposed to the home page)
|
||||
*/
|
||||
@ -234,7 +237,8 @@ div#content .inner:after {
|
||||
}
|
||||
|
||||
div#content .inner .fluid {
|
||||
background-color: #FFFAF0; /*var(--i2poffwhite);*/
|
||||
background-color: #FFFAF0;
|
||||
/*var(--i2poffwhite);*/
|
||||
}
|
||||
|
||||
div#content .sidebar {
|
||||
@ -350,6 +354,7 @@ div#content .inner .box img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Download page
|
||||
*/
|
||||
@ -379,10 +384,10 @@ div#content .inner .box img {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.file > a,
|
||||
.file>a,
|
||||
.filedownload {
|
||||
padding: 5px;
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
/*box-shadow: -1px -1px 1px 1px rgb(51, 51, 51) inset;*/
|
||||
text-align: center;
|
||||
}
|
||||
@ -395,7 +400,7 @@ div#content .inner .box img {
|
||||
}
|
||||
|
||||
.file:hover .default:hover .sig:hover .mirror:hover {
|
||||
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), inset 0 -2.2em 2.2em rgba(255, 255, 255, 0.3), inset .2em .5em 1em 0em rgba(0,0,0,.3);
|
||||
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), inset 0 -2.2em 2.2em rgba(255, 255, 255, 0.3), inset .2em .5em 1em 0em rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
html body div.container-fluid div#content main.inner div.fluid article.content-inner div.downloadlist div#android.package div.details div.file a.default {
|
||||
@ -448,9 +453,11 @@ html body div.container-fluid div#content main.inner div.fluid article.content-i
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Lab page
|
||||
*/
|
||||
|
||||
.labproject {
|
||||
border: 3px solid rgba(171, 204, 113, 0.7);
|
||||
border-radius: 5px;
|
||||
@ -458,6 +465,7 @@ html body div.container-fluid div#content main.inner div.fluid article.content-i
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Threat model
|
||||
*/
|
||||
@ -470,18 +478,25 @@ div#content .inner ul.DREAD {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Additions to syntax.css
|
||||
*/
|
||||
|
||||
.highlight > pre {
|
||||
white-space: pre-wrap; /* CSS-3 */
|
||||
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap; /* Opera 4-6 */
|
||||
white-space: -o-pre-wrap; /* Opera 7 */
|
||||
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
||||
.highlight>pre {
|
||||
white-space: pre-wrap;
|
||||
/* CSS-3 */
|
||||
white-space: -moz-pre-wrap !important;
|
||||
/* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera 4-6 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
word-wrap: break-word;
|
||||
/* Internet Explorer 5.5+ */
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Proposals
|
||||
*/
|
||||
@ -536,6 +551,7 @@ div#content .inner ul.DREAD {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Blog
|
||||
*/
|
||||
@ -569,7 +585,7 @@ div#content .inner ul.DREAD {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#blog-topimg > img {
|
||||
#blog-topimg>img {
|
||||
max-width: 100%;
|
||||
min-width: 50%;
|
||||
}
|
||||
@ -596,14 +612,18 @@ blockquote {
|
||||
}
|
||||
|
||||
#post li img {
|
||||
display: inline-block;
|
||||
margin-right: 50%;
|
||||
display: inline-block;
|
||||
margin-right: 50%;
|
||||
}
|
||||
|
||||
#post .section {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.screenshot {
|
||||
max-width: 95% !important;
|
||||
}
|
||||
|
||||
#post .screenshot img {
|
||||
max-width: 95% !important;
|
||||
min-height: unset;
|
||||
@ -619,7 +639,7 @@ blockquote {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.system-messages > h1 {
|
||||
.system-messages>h1 {
|
||||
font-size: 1.2em !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
@ -628,6 +648,7 @@ pre.literal-block {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Exceptions to the post image rules
|
||||
*/
|
||||
@ -642,6 +663,7 @@ pre.literal-block {
|
||||
float: unset;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Papers
|
||||
*/
|
||||
@ -656,13 +678,13 @@ pre.literal-block {
|
||||
*/
|
||||
|
||||
.socialfooter {
|
||||
height: 32px;
|
||||
padding-right: 16px;
|
||||
height: 32px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
#global-footer {
|
||||
width: auto;
|
||||
/* border-top: 2px solid #4456B7;*/
|
||||
/* border-top: 2px solid #4456B7;*/
|
||||
border-top: 2px solid #FFFAF0;
|
||||
background: #3C468A;
|
||||
font-size: 0.75rem;
|
||||
@ -725,14 +747,16 @@ pre.literal-block {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* The Browser pages
|
||||
*
|
||||
**/
|
||||
|
||||
.get-i2p-browser {
|
||||
display: block;
|
||||
padding: .5em;
|
||||
display: block;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
a.get-i2p-browser:hover {
|
||||
@ -740,68 +764,69 @@ a.get-i2p-browser:hover {
|
||||
}
|
||||
|
||||
.browser-front-wrapper {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.browser-front-download {
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.browser-clip-circle {
|
||||
height: auto;
|
||||
width: 30%;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
padding-bottom: 1rem;
|
||||
height: auto;
|
||||
width: 30%;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.browser-onboarding {
|
||||
width: 100%;
|
||||
min-height: 35rem;
|
||||
width: 100%;
|
||||
min-height: 35rem;
|
||||
}
|
||||
|
||||
.browser-onboarding .row {
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.browser-onboarding .row-text {
|
||||
width: 80%;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.browser-onboarding .row-image {
|
||||
float: left;
|
||||
width: 20%;
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.browser-onboarding .row-image > img {
|
||||
width: 128px;
|
||||
.browser-onboarding .row-image>img {
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
|
||||
/*special formatting for tables and textareas inside the content*/
|
||||
|
||||
table.unwrapped-table {
|
||||
table-layout: auto;
|
||||
width: 99%;
|
||||
border: 1px solid;
|
||||
font-size: 0.70rem;
|
||||
table-layout: auto;
|
||||
width: 99%;
|
||||
border: 1px solid;
|
||||
font-size: 0.70rem;
|
||||
}
|
||||
|
||||
td.unwrapped-table {
|
||||
border: 1px solid;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
border: 1px solid;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
th.unwrapped-table {
|
||||
border: 1px solid;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
border: 1px solid;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
div#content .coinaddr {
|
||||
@ -818,13 +843,13 @@ div#content .coinaddr {
|
||||
}
|
||||
|
||||
div#content .qrcode {
|
||||
transition: transform .3s;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
transition: transform .3s;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
div#content .qrcode:hover {
|
||||
transform: scale(5) translateX(20px);
|
||||
transform: scale(5) translateX(20px);
|
||||
}
|
||||
|
||||
div#content .emaillabel {
|
||||
@ -835,7 +860,9 @@ div#content .emaillabel {
|
||||
margin-bottom: .2rem;
|
||||
}
|
||||
|
||||
|
||||
/*delete this section when we have an e-mail address to use on the donations page*/
|
||||
|
||||
div#content .emailforms {
|
||||
display: none;
|
||||
}
|
||||
@ -864,38 +891,115 @@ div#content .messagebox {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
element {}
|
||||
|
||||
element {
|
||||
}
|
||||
.background-primary {
|
||||
background-color: #4661A9;
|
||||
}
|
||||
|
||||
.text-white {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.p-5 {
|
||||
padding: 3rem !important;
|
||||
}
|
||||
|
||||
.col-12 {
|
||||
-ms-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
|
||||
|
||||
.col,
|
||||
.col-1,
|
||||
.col-10,
|
||||
.col-11,
|
||||
.col-12,
|
||||
.col-2,
|
||||
.col-3,
|
||||
.col-4,
|
||||
.col-5,
|
||||
.col-6,
|
||||
.col-7,
|
||||
.col-8,
|
||||
.col-9,
|
||||
.col-auto,
|
||||
.col-lg,
|
||||
.col-lg-1,
|
||||
.col-lg-10,
|
||||
.col-lg-11,
|
||||
.col-lg-12,
|
||||
.col-lg-2,
|
||||
.col-lg-3,
|
||||
.col-lg-4,
|
||||
.col-lg-5,
|
||||
.col-lg-6,
|
||||
.col-lg-7,
|
||||
.col-lg-8,
|
||||
.col-lg-9,
|
||||
.col-lg-auto,
|
||||
.col-md,
|
||||
.col-md-1,
|
||||
.col-md-10,
|
||||
.col-md-11,
|
||||
.col-md-12,
|
||||
.col-md-2,
|
||||
.col-md-3,
|
||||
.col-md-4,
|
||||
.col-md-5,
|
||||
.col-md-6,
|
||||
.col-md-7,
|
||||
.col-md-8,
|
||||
.col-md-9,
|
||||
.col-md-auto,
|
||||
.col-sm,
|
||||
.col-sm-1,
|
||||
.col-sm-10,
|
||||
.col-sm-11,
|
||||
.col-sm-12,
|
||||
.col-sm-2,
|
||||
.col-sm-3,
|
||||
.col-sm-4,
|
||||
.col-sm-5,
|
||||
.col-sm-6,
|
||||
.col-sm-7,
|
||||
.col-sm-8,
|
||||
.col-sm-9,
|
||||
.col-sm-auto,
|
||||
.col-xl,
|
||||
.col-xl-1,
|
||||
.col-xl-10,
|
||||
.col-xl-11,
|
||||
.col-xl-12,
|
||||
.col-xl-2,
|
||||
.col-xl-3,
|
||||
.col-xl-4,
|
||||
.col-xl-5,
|
||||
.col-xl-6,
|
||||
.col-xl-7,
|
||||
.col-xl-8,
|
||||
.col-xl-9,
|
||||
.col-xl-auto {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: 1px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
*, ::after, ::before {
|
||||
|
||||
*,
|
||||
::after,
|
||||
::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #212529;
|
||||
font-family: "Source Sans Pro",sans-serif !important;
|
||||
font-family: "Source Sans Pro", sans-serif !important;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1rem;
|
||||
@ -904,6 +1008,7 @@ body {
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:root {
|
||||
--blue: #007bff;
|
||||
--indigo: #6610f2;
|
||||
@ -934,9 +1039,9 @@ body {
|
||||
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user