Improve CSS. Improve HTML.

This commit is contained in:
inference 2022-10-30 00:03:21 +01:00
parent 824ca5af31
commit c39acd9b96
2 changed files with 14 additions and 12 deletions

View File

@ -27,9 +27,10 @@
Note that verification does not verify a person, only their devices, Note that verification does not verify a person, only their devices,
and can be defeated via coercion or other force.</p> and can be defeated via coercion or other force.</p>
<br> <br>
<p><img class="logo" src="img/logo-signal.png" width="30px" height="30px"/> <a class="body-link" href="contact/signal.html">Signal</a><p> <p><img class="logo-small" src="img/logo-signal.png" width="40px" height="40px"/> <a class="body-link" href="contact/signal.html">Signal</a><p>
<p><img class="logo" src="img/logo-xmpp.png" width="30px" height="30px"/> <a class="body-link" href="contact/xmpp.html">XMPP</a><p> <p><img class="logo-small" src="img/logo-xmpp.png" width="40px" height="40px"/> <a class="body-link" href="contact/xmpp.html">XMPP</a><p>
<p><img class="logo" src="img/logo-threema.png" width="30px" height="30px"/> <a class="body-link" href="contact/threema.html">Threema</a></p> <p><img class="logo-small" src="img/logo-threema.png" width="40px" height="40px"/> <a class="body-link" href="contact/threema.html">Threema</a></p>
<br>
<br> <br>
<h3>Metadata-free</h3> <h3>Metadata-free</h3>
<p>If metadata leakage is an issue for you, you can use the following <p>If metadata leakage is an issue for you, you can use the following
@ -37,19 +38,19 @@
functionality, and will be treated as less secure; unless you really functionality, and will be treated as less secure; unless you really
need to use these services, use a preferred method instead.</p> need to use these services, use a preferred method instead.</p>
<br> <br>
<p><img class="logo" src="img/logo-briar.png" width="30px" height="30px"/> <a class="body-link" href="contact/briar.html">Briar</a></p> <p><img class="logo-small" src="img/logo-briar.png" width="40px" height="40px"/> <a class="body-link" href="contact/briar.html">Briar</a></p>
<p><img class="logo" src="img/logo-session.png" width="30px" height="30px"/> <a class="body-link" href="contact/session.html">Session</a></p> <p><img class="logo-small" src="img/logo-session.png" width="40px" height="40px"/> <a class="body-link" href="contact/session.html">Session</a></p>
<br> <br>
<br> <br>
<br> <br>
<h2>Non-private Methods</h2> <h2>Non-private Contact Methods</h2>
<p>The following contact methods do not utilise end-to-end encryption, <p>The following contact methods do not utilise end-to-end encryption,
or I do not use such functionality; they are suitable for public contact or I do not use such functionality; they are suitable for public contact
only, including directly and groups. Do not use these methods if only, including directly and groups. Do not use these methods if
confidentiality and/or privacy is required.</p> confidentiality and/or privacy is required.</p>
<br> <br>
<p><img class="logo" src="img/logo-pleroma.png" width="30px" height="30px"/> <a class="body-link" href="https://plr.inferencium.net/inference/">Fediverse</a></p> <p><img class="logo-small" src="img/logo-pleroma.png" width="40px" height="40px"/> <a class="body-link" href="https://plr.inferencium.net/inference/">Fediverse</a></p>
<p><img class="logo" src="img/logo-twitter.png" width="30px" height="30px"/> <a class="body-link" href="https://twitter.com/inferenceus/">Twitter</a></p> <p><img class="logo-small" src="img/logo-twitter.png" width="40px" height="40px"/> <a class="body-link" href="https://twitter.com/inferenceus/">Twitter</a></p>
<br> <br>
<br> <br>
</body> </body>

View File

@ -30,13 +30,13 @@
.table-link { .table-link {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 16px; font-size: 18px;
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
.logo-small { .logo-small {
transform: translate(0px, 8px); transform: translate(0px, 13px);
} }
body { body {
@ -44,6 +44,7 @@ body {
margin-left: 400px; margin-left: 400px;
margin-right: 150px; margin-right: 150px;
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 18px;
background-color: #262626; background-color: #262626;
} }
@ -79,7 +80,7 @@ h5 {
p { p {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 16px; font-size: 18px;
color: #ffffff; color: #ffffff;
} }
@ -100,6 +101,6 @@ table, th, td {
border-color: #ffffff; border-color: #ffffff;
padding: 15px; padding: 15px;
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 16px; font-size: 18px;
color: #ffffff; color: #ffffff;
} }