From 49f4a710f8a1a708d9f9945459a41d470a9abec0 Mon Sep 17 00:00:00 2001 From: David Fifield Date: Fri, 23 Aug 2019 21:47:05 -0600 Subject: [PATCH] Use more semantic HTML. --- proxy/static/index.css | 28 +++++++-------- proxy/static/index.html | 75 +++++++++++++++++++++-------------------- 2 files changed, 53 insertions(+), 50 deletions(-) diff --git a/proxy/static/index.css b/proxy/static/index.css index 9502a37..3816776 100644 --- a/proxy/static/index.css +++ b/proxy/static/index.css @@ -13,13 +13,13 @@ body { color: #212529; } -#header { +header { margin: 0; line-height: 0; padding: 1.3rem 2.6rem; } -#header a { +header a { border-style: none; display: inline-block; line-height: 0; @@ -31,6 +31,10 @@ body { background-color: #FFFFFF; } +section { + margin: 1.3rem 0; +} + h1 { margin: 0; font-size: 2.6rem; @@ -38,25 +42,21 @@ h1 { text-align: center; } -h3 { +h2 { margin: 0; font-size: 2rem; color: #7D4698; } -.clear { - margin: 2.6rem 0; - overflow: auto; +.sidebyside { + display: flex; + flex-flow: row wrap; + align-items: flex-start; } -@media only screen and (min-width: 600px) { - .browser, .extension { - float: left; - width: 50%; - } - .padding { - padding: 0 1.3rem; - } +.sidebyside section { + flex: 1 1 15rem; + padding: 0 1.3rem; } .addon { diff --git a/proxy/static/index.html b/proxy/static/index.html index 9afb56b..8609789 100644 --- a/proxy/static/index.html +++ b/proxy/static/index.html @@ -1,5 +1,5 @@ - + @@ -7,12 +7,12 @@ - -
+ +

SNOWFLAKE

Diagram

@@ -23,19 +23,19 @@ information about how Snowflake works see our documentation wiki.

-
+
-
-

Browser

+
+

Browser

If your internet access is censored, you should download Tor Browser.

Tor Browser screenshot

-
+
-
-

Extension

+
+

Extension

If your internet access is not censored, you should consider installing the Snowflake extension to help users in censored @@ -52,42 +52,45 @@ Install in Chrome
Install in Chrome -

-
+
-

REPORTING BUGS

- -

If you encounter problems with Snowflake as a client or a proxy, - please consider filing a bug. To do so, you will have to,

- -
    -
  1. - Either create an - account or log in - using the shared cypherpunks account with password writecode.
    2. -
  2. File a ticket - using our bug tracker.
    3. -
+
+

REPORTING BUGS

-

Please try to be as descriptive as possible with your ticket and if - possible include log messages that will help us reproduce the bug. - Consider adding keywords snowflake-webextension or snowflake-client - to let us know how which part of the Snowflake system is experiencing - problems.

+

If you encounter problems with Snowflake as a client or a proxy, + please consider filing a bug. To do so, you will have to,

-

EMBED

+
    +
  1. + Either create an + account or log in + using the shared cypherpunks account with password writecode.
    2. +
  2. File a ticket + using our bug tracker.
    3. +
-

It is now possible to embed the Snowflake badge on any website:

+

Please try to be as descriptive as possible with your ticket and if + possible include log messages that will help us reproduce the bug. + Consider adding keywords snowflake-webextension or snowflake-client + to let us know how which part of the Snowflake system is experiencing + problems.

+
- +
+

EMBED

-

Which looks like this:

+

It is now possible to embed the Snowflake badge on any website:

- + - +

Which looks like this:

+ + +
+ +