run formatters

This commit is contained in:
idk
2022-10-03 20:04:31 -04:00
parent 8016c5d20f
commit 5cc1ac3485
2 changed files with 261 additions and 302 deletions

459
home.css
View File

@ -1,344 +1,303 @@
* {
padding: 0;
margin: 0
padding: 0;
margin: 0
}
html {
margin: 0 4%;
padding: 0 20px;
min-height: 100%;
background: #9ab;
background: #fff;
scrollbar-color: #bcd #789
margin: 0 4%;
padding: 0 20px;
min-height: 100%;
background: #9ab;
background: #fff;
scrollbar-color: #bcd #789
}
body {
margin: 0;
padding: 20px 40px;
font-family: Open Sans, Noto Sans, Segoe UI, sans-serif;
font-size: 12pt;
color: #fff;
text-decoration: none;
word-wrap: break-word;
background: #f2f2f2
margin: 0;
padding: 20px 40px;
font-family: Open Sans,Noto Sans,Segoe UI,sans-serif;
font-size: 12pt;
color: #fff;
text-decoration: none;
word-wrap: break-word;
background: #f2f2f2
}
h1,
h2,
h3,
h4 {
display: block;
font-weight: 700
display: block;
font-weight: 700
}
h1 {
text-transform: uppercase;
font-weight: 900;
font-size: 200%
text-transform: uppercase;
font-weight: 900;
font-size: 200%
}
h2 {
font-size: 140%
font-size: 140%
}
h3 {
font-size: 120%
font-size: 120%
}
h4 {
margin-bottom: 5px;
text-align: right;
text-transform: none;
font-size: 90%;
font-weight: 600;
font-style: italic
margin-bottom: 5px;
text-align: right;
text-transform: none;
font-size: 90%;
font-weight: 600;
font-style: italic
}
p {
margin-bottom: 15px;
width: 100%;
line-height: 1.4;
word-wrap: break-word;
text-align: justify;
text-decoration: none
margin-bottom: 15px;
width: 100%;
line-height: 1.4;
word-wrap: break-word;
text-align: justify;
text-decoration: none
}
ul {
margin: 10px 20px;
list-style: none
margin: 10px 20px;
list-style: none
}
li {
margin-left: 0;
padding: 12px 15px 15px 20px;
width: calc(100% - 40px);
text-align: justify;
border: 1px solid #363a68;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #363a68;
background: #4456b7
margin-left: 0;
padding: 12px 15px 15px 20px;
width: calc(100% - 40px);
text-align: justify;
border: 1px solid #363a68;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #363a68;
background: #4456b7
}
li li {
padding-bottom: 0;
width: calc(100% - 40px);
text-align: left;
border: none;
border-top: 1px solid #9ab;
box-shadow: none
padding-bottom: 0;
width: calc(100% - 40px);
text-align: left;
border: none;
border-top: 1px solid #9ab;
box-shadow: none
}
li li:first-of-type {
margin-top: 15px;
border-top: none
margin-top: 15px;
border-top: none
}
li a:first-of-type {
display: block;
width: 100%
display: block;
width: 100%
}
#applicationExplain {
float: unset
float: unset
}
li+li {
margin-top: 15px
margin-top: 15px
}
h3+ul,
ul+h2,
ul+h3 {
margin-top: 20px
margin-top: 20px
}
a,
button {
color: #f9f7dc;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0
color: #f9f7dc;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0
}
.applicationDesc {
color: #fff;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0
color: #fff;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0
}
a:hover,
button:hover {
color: #ff9e7a;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0
color: #ff9e7a;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0
}
button {
border: none;
cursor: pointer;
color: #fff;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0;
background: unset
border: none;
cursor: pointer;
color: #fff;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0;
background: unset
}
.background {
}
.background {}
.content {
margin: 1.5rem;
padding: 1rem;
min-height: 3rem;
min-width: 95%;
display: inline-block;
border: 1px solid #363a68;
border-radius: 25px;
background: #363a68
margin: 1.5rem;
padding: 1rem;
min-height: 3rem;
min-width: 95%;
display: inline-block;
border: 1px solid #363a68;
border-radius: 25px;
background: #363a68
}
#header,
.application-info,
.browser-info,
.extended-info,
.search-info {
margin-top: 1.5rem;
padding: 1rem;
min-height: 3rem;
min-width: 95%;
display: inline-block;
border: 1px solid #787ff6;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #787ff6, 0 0 1px #ccc;
background: #363a68
margin-top: 1.5rem;
padding: 1rem;
min-height: 3rem;
min-width: 95%;
display: inline-block;
border: 1px solid #787ff6;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #787ff6,0 0 1px #ccc;
background: #363a68
}
.showhider {
margin-right: auto;
padding: 0!important;
text-transform: uppercase;
background: none!important;
border: none;
width: 90%;
color: #fff;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0;
text-align: left
margin-right: auto;
padding: 0!important;
text-transform: uppercase;
background: none!important;
border: none;
width: 90%;
color: #fff;
text-decoration: none;
font-weight: 700;
word-wrap: break-word;
outline: 0;
text-align: left
}
#links .showhider {
font-size: 25px
font-size: 25px
}
.section-header {
display: flex;
flex-direction: row;
margin-bottom: 80px
display: flex;
flex-direction: row;
margin-bottom: 80px
}
#readyness {
padding-top: 1rem;
padding-bottom: 1rem;
margin: 1rem;
width: 42%;
min-width: 42%;
display: inline-block
padding-top: 1rem;
padding-bottom: 1rem;
margin: 1rem;
width: 42%;
min-width: 42%;
display: inline-block
}
#onboarding {
min-height: 5rem;
padding: .5rem;
margin: .5rem;
margin-top: 4rem;
width: 42%;
min-width: 42%;
font-size: 2rem;
background: #4456b7;
text-align: center!important;
border: 2px solid #787ff6;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc
min-height: 5rem;
padding: .5rem;
margin: .5rem;
margin-top: 4rem;
width: 42%;
min-width: 42%;
font-size: 2rem;
background: #4456b7;
text-align: center!important;
border: 2px solid #787ff6;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc
}
#i2pbrowser-description {
padding-top: 1rem;
padding-bottom: 1rem;
width: 50%;
min-width: 50%;
display: inline-block
padding-top: 1rem;
padding-bottom: 1rem;
width: 50%;
min-width: 50%;
display: inline-block
}
#linksExplain {
min-height: 5rem;
padding: .5rem;
margin: .5rem;
width: 100%;
min-width: 100%
min-height: 5rem;
padding: .5rem;
margin: .5rem;
width: 100%;
min-width: 100%
}
#applicationExplain,
#controlExplain {
min-height: 5rem;
padding: .5rem;
margin: .5rem;
width: 100%;
min-width: 100%;
float: left
min-height: 5rem;
padding: .5rem;
margin: .5rem;
width: 100%;
min-width: 100%;
float: left
}
#proxyReady {
min-height: 3rem;
padding: .5rem;
margin: .2rem;
width: 38%;
min-width: 38%;
display: inline-block;
background: #363a68;
float: right;
text-align: center!important;
border: 2px solid #787ff6;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc
min-height: 3rem;
padding: .5rem;
margin: .2rem;
width: 38%;
min-width: 38%;
display: inline-block;
background: #363a68;
float: right;
text-align: center!important;
border: 2px solid #787ff6;
border-radius: 25px;
box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc
}
#proxyUnready {
min-height: 3rem;
padding: .5rem;
margin: .2rem;
width: 38%;
min-width: 38%;
display: inline-block;
background: #363a68;
float: right;
text-align: center!important;
border: 2px solid #787ff6;
border-radius: 25px
min-height: 3rem;
padding: .5rem;
margin: .2rem;
width: 38%;
min-width: 38%;
display: inline-block;
background: #363a68;
float: right;
text-align: center!important;
border: 2px solid #787ff6;
border-radius: 25px
}
#consoleOn {
min-height: 3rem;
padding: .5rem;
margin: .2rem;
width: 38%;
min-width: 38%;
display: inline-block;
float: left;
text-align: center!important;
border: 1px solid #f7e59a;
border-radius: 2px;
background: #f7e59a;
box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc
min-height: 3rem;
padding: .5rem;
margin: .2rem;
width: 38%;
min-width: 38%;
display: inline-block;
float: left;
text-align: center!important;
border: 1px solid #f7e59a;
border-radius: 2px;
background: #f7e59a;
box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc
}
.onboardingContent {
font-size: .8rem!important;
text-align: left;
display: none
font-size: .8rem!important;
text-align: left;
display: none
}
#info-content {
display: none
display: none
}
.consoleOn:hover #proxy-check,
.proxyReady:hover #proxy-check {
visibility: visible;
opacity: 1
visibility: visible;
opacity: 1
}
img {
max-width: 100%
max-width: 100%
}
img.readyness {
height: 100%;
width: auto
height: 100%;
width: auto
}
@media only screen and (max-width: 399px) {
.application-info {
display: none
}
}
@media screen and (max-width: 1200px) {
body {
font-size: 10.5pt
}
}
video {
width: 100%
}
.hidden {
visibility: none;
.application-info {
display: none
}
}
@media screen and (max-width: 1200px) {
body {
font-size: 10.5pt
}
}
video {
width: 100%
}
.hidden {
visibility: none;
display: none
}

View File

@ -7,81 +7,81 @@
</head>
<body>
<div class="content">
<script src="i2pcontrol/i2pcontrol.js"></script>
<script src="content.js"></script>
<h1>I2P Router Information</h1>
<script src="i2pcontrol/i2pcontrol.js"></script>
<script src="content.js"></script>
<h1>I2P Router Information</h1>
<ul>
<li>
<a href="http://localhost:7657" target="_blank"><img alt="i2p router console" class="center" src="/icons/i2plogo.png"></a>
</li>
</ul>
<ul>
<li>
<a href="http://localhost:7657" target="_blank"><img alt="i2p router console" class="center" src="/icons/i2plogo.png"></a>
</li>
</ul>
<ul class="button-list toopie">
<li class="toopie"><button id="label-router-restart" target="_blank"><img alt="Restart:" id="label-router-shutdown" src="/images/restart.svg"></button>
<br>
<span id="router-restart">Gracefully restart router</span>
</li>
<ul class="button-list toopie">
<li class="toopie"><button id="label-router-restart" target="_blank"><img alt="Restart:" id="label-router-shutdown" src="/images/restart.svg"></button>
<br>
<span id="router-restart">Gracefully restart router</span>
</li>
<li class="toopie"><button id="label-router-shutdown" target="_blank"><img alt="Shutdown:" id="label-router-shutdown" src="/images/shutdown.svg"></button>
<br>
<span id="router-shutdown">Gracefully shutdown router</span>
</li>
</ul>
<li class="toopie"><button id="label-router-shutdown" target="_blank"><img alt="Shutdown:" id="label-router-shutdown" src="/images/shutdown.svg"></button>
<br>
<span id="router-shutdown">Gracefully shutdown router</span>
</li>
</ul>
<ul>
<li><button id="label-router-status" target="_blank">Status</button>
</li>
</ul>
<ul>
<li><button id="label-router-status" target="_blank">Status</button>
</li>
</ul>
<ul class="label-list" id="label-status-list">
<li><span id="label-router-status">Router Status:</span> <span id="router-status">Replace with Router Status</span></li>
<ul class="label-list" id="label-status-list">
<li><span id="label-router-status">Router Status:</span> <span id="router-status">Replace with Router Status</span></li>
<li><span id="label-router-uptime">Router Uptime(Ms):</span> <span id="router-uptime">Replace with Router Uptime</span></li>
<li><span id="label-router-uptime">Router Uptime(Ms):</span> <span id="router-uptime">Replace with Router Uptime</span></li>
<li><span id="label-router-version">Router Version:</span> <span id="router-version">Replace with Router Version</span></li>
</ul>
<li><span id="label-router-version">Router Version:</span> <span id="router-version">Replace with Router Version</span></li>
</ul>
<ul>
<li><button id="label-router-bandwidth" target="_blank">Bandwidth</button>
</li>
</ul>
<ul>
<li><button id="label-router-bandwidth" target="_blank">Bandwidth</button>
</li>
</ul>
<ul class="label-list" id="label-bandwidth-list">
<li><span id="label-router-bw-outbound-1s">Outbound bw 1s:</span> <span id="router-net-bw-outbound-1s">Replace with Router Bandwidth Outbound 1s</span></li>
<ul class="label-list" id="label-bandwidth-list">
<li><span id="label-router-bw-outbound-1s">Outbound bw 1s:</span> <span id="router-net-bw-outbound-1s">Replace with Router Bandwidth Outbound 1s</span></li>
<li><span id="label-router-bw-outbound-15s">Outbound bw 15s:</span> <span id="router-net-bw-outbound-15s">Replace with Router Bandwidth Outbound 15s</span></li>
<li><span id="label-router-bw-outbound-15s">Outbound bw 15s:</span> <span id="router-net-bw-outbound-15s">Replace with Router Bandwidth Outbound 15s</span></li>
<li><span id="label-router-bw-inbound-1s">Inbound bw 1s:</span> <span id="router-net-bw-inbound-1s">Replace with Router Bandwidth Inbound 1s</span></li>
<li><span id="label-router-bw-inbound-1s">Inbound bw 1s:</span> <span id="router-net-bw-inbound-1s">Replace with Router Bandwidth Inbound 1s</span></li>
<li><span id="label-router-bw-inbound-15s">Inbound bw 15s:</span> <span id="router-net-bw-inbound-15s">Replace with Router Bandwidth Outbound 15s</span></li>
</ul>
<!--<li>
<li><span id="label-router-bw-inbound-15s">Inbound bw 15s:</span> <span id="router-net-bw-inbound-15s">Replace with Router Bandwidth Outbound 15s</span></li>
</ul>
<!--<li>
<span id="label-router-net-status">Network Status:</span>
<span id="router-net-status">Replace with Router Network Status</span>
</li>-->
<ul>
<li><button id="label-router-peers" target="_blank">Peers</button>
</li>
</ul>
<ul>
<li><button id="label-router-peers" target="_blank">Peers</button>
</li>
</ul>
<ul class="label-list" id="label-peers-list">
<li><span id="label-router-net-tunnels-participating">Transit Tunnels:</span> <span id="router-net-tunnels-participating">Replace with Router Participating Tunnel Count</span></li>
<ul class="label-list" id="label-peers-list">
<li><span id="label-router-net-tunnels-participating">Transit Tunnels:</span> <span id="router-net-tunnels-participating">Replace with Router Participating Tunnel Count</span></li>
<li><span id="label-router-activepeers">Active Peers:</span> <span id="router-netdb-activepeers">Replace with Router Active Peers</span></li>
<li><span id="label-router-activepeers">Active Peers:</span> <span id="router-netdb-activepeers">Replace with Router Active Peers</span></li>
<li><span id="label-router-netdb-fastpeers">Fast Peers:</span> <span id="router-netdb-fastpeers">Replace with Router Fast Peers</span></li>
<li><span id="label-router-netdb-fastpeers">Fast Peers:</span> <span id="router-netdb-fastpeers">Replace with Router Fast Peers</span></li>
<li><span id="label-router-netdb-highcapacitypeers">High Capacity Peers:</span> <span id="router-netdb-highcapacitypeers">Replace with High Capacity Peers</span></li>
<li><span id="label-router-netdb-highcapacitypeers">High Capacity Peers:</span> <span id="router-netdb-highcapacitypeers">Replace with High Capacity Peers</span></li>
<li><span id="label-router-netdb-isreseeding">Reseed status:</span> <span id="router-netdb-isreseeding">Replace with Router netDB Reseeding Status</span></li>
<li><span id="label-router-netdb-isreseeding">Reseed status:</span> <span id="router-netdb-isreseeding">Replace with Router netDB Reseeding Status</span></li>
<li><span id="label-router-netdb-knownpeers">Known Peers:</span> <span id="router-netdb-knownpeers">Replace with Router Known Peers</span></li>
</ul>
<li><span id="label-router-netdb-knownpeers">Known Peers:</span> <span id="router-netdb-knownpeers">Replace with Router Known Peers</span></li>
</ul>
<br>
<br>
<br>
<br>
</div>
</body>
</html>