diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..eb71f91 --- /dev/null +++ b/index.html @@ -0,0 +1,98 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta + name="viewport" + content="width=device-width, initial-scale=1" + /> + <link + rel="shortcut icon" + href="torlogo.png" + type="image/png" + /> + <title>tor.toufy.me</title> + <style + type="text/css" + media="all" + > + :root { + --background: #38383d; + --text: #ececec; + --primary: #cc80ff; + --accent: #68b030; + ::selection { + background-color: var(--primary); + color: var(--background); + } + background-color: var(--background); + color: var(--text); + text-align: center; + a { + color: var(--primary); + } + } + </style> + </head> + <body style="padding: 5px"> + <div + style=" + display: flex; + flex-direction: column; + width: 100%; + place-content: center; + place-items: center; + " + > + <img + src="torlogo.png" + alt="the onion from TOR project logo" + style="max-width: 100px" + /> + <h1 style="color: var(--primary)">tor.toufy.me</h1> + </div> + + <div + style=" + display: flex; + flex-direction: column; + width: 100%; + place-content: center; + place-items: center; + " + > + <p> + <a + href="https://git.toufy.me/toufy/adonis" + target="_blank" + >adonis</a + > + runs a tor relay node and a snowflake proxy.<br /> + this helps people stay anonymous and circumvent censorship. + </p> + </div> + + <div + style=" + display: flex; + flex-direction: column; + width: 100%; + place-items: center; + place-content: center; + " + > + <p style="font-weight: bolder"> + you can help by turning on the toggle below and keeping this tab + open.<br /> + this will spin up your own snowflake. + </p> + <iframe + src="https://snowflake.torproject.org/embed.html" + width="320" + height="240" + frameborder="0" + scrolling="no" + ></iframe> + </div> + </body> +</html> |