Commit graph

66 commits

Author SHA1 Message Date
Cecylia Bocovich
da8b98d090 Include language name with along with code
Use npm cldr package to get the language name that corresponds to the
country code for the language switcher
2019-10-16 12:32:45 -04:00
Cecylia Bocovich
93d3564109 A few minor fixes to website
- cut down on size of bootstrap.css file
- remove unecessary styles
- fixed typo in javascript comment
2019-10-16 12:32:45 -04:00
Cecylia Bocovich
ab96817381 Added a language switcher for snowflake.tp.o
Also modified the styling of the page to match the main tp.o page a bit
more
2019-10-16 12:32:45 -04:00
Cecylia Bocovich
f6517f60ce Hook up localized messages.json to website
Right now we use the navigator language to determine localization and
replace the website contents with translated strings.
2019-10-16 12:32:45 -04:00
Cecylia Bocovich
9140c7648c Switched to absolute paths for resources
This will make it easier to have translated copies of the site in
subdirectories
2019-10-16 12:32:45 -04:00
Cecylia Bocovich
7fe4e2910c Translate snowflake@tp.o website
Switched to using messages.json for translation strings for
snowflake@tp.o
2019-10-16 12:32:45 -04:00
Arlo Breault
d8d3170af8 Regenerate the ico files to reduce size
With,
convert -background transparent toolbar-off.svg -define icon:auto-resize=32 toolbar-off.ico
2019-10-11 13:18:51 -04:00
Arlo Breault
faf02d86a1 Update favicon with badge state on embed.html
.ico files were created with,
convert -density 256x256 -background transparent toolbar-on.svg -define icon:auto-resize -colors 256 toolbar-on.ico

Trac: 31537
2019-10-11 13:18:51 -04:00
Arlo Breault
36eb07a6fc Use a static label for the button
Trac: 31685
2019-10-01 14:27:19 -04:00
Arlo Breault
a5071ec1d6 Add a favicon
Trac: 31537
2019-09-30 19:18:52 -04:00
Arlo Breault
685c3bd262 Disable the webext if the bridge is unreachable 2019-09-30 18:42:57 -04:00
emma peel
ea442141db remove exclamation mark. ref https://grammar.yourdictionary.com/punctuation/when/when-to-use-exclamation-marks.html 2019-08-26 15:19:20 -04:00
David Fifield
1d6a98a40e Limit the maximum horizontal content width to 55rem. 2019-08-23 22:44:36 -06:00
David Fifield
dff07d6672 Use less side padding on small screens. 2019-08-23 22:43:10 -06:00
David Fifield
49f4a710f8 Use more semantic HTML. 2019-08-23 22:43:10 -06:00
David Fifield
1063ef7b1d Fix certain attributes to be pixel counts, not CSS dimensions.
Found these using https://validator.w3.org/.
2019-08-23 21:56:39 -06:00
David Fifield
3bcd60ad10 Update the iframe embed height to match the live example.
The live example changed from "200px" to "240px" in
4e5a50f2b5.
2019-08-23 21:56:23 -06:00
David Fifield
73174b4039 Add ids to more elements in static/index.html. 2019-08-23 18:31:10 -06:00
David Fifield
0ef7c6f1fa Bug 31453: use only SVG for the status images. 2019-08-19 12:44:30 -06:00
David Fifield
f9173f61a2 Make a dark-mode version of the arrowhead icon.
The former icon used fill="context-fill", which I believe doesn't work
except in Mozilla's own extensions. So I changed that one to
fill="black" and made a new one with fill="white".
2019-08-19 12:24:10 -06:00
David Fifield
251b6a26fa Change the "running" color to #68B030.
Not so light against a white background.
https://bugs.torproject.org/31170#comment:13
2019-08-19 12:24:10 -06:00
David Fifield
6ab50e32b9 Toolbar icons that work in both light and dark modes.
https://bugs.torproject.org/31170#comment:8

I chose these icons for the "on" and "off" icons:
toolbar_icon_purple.svg → toolbar-on.svg
toolbar_icon_grey.svg → toolbar-off.svg

I then made toolbar-running.svg by copying toolbar-off.svg and changing
the stroke and fill from #4A4A4F to #40E0D0.
2019-08-19 12:24:09 -06:00
David Fifield
36815bd57b Popup CSS for dark mode.
In Firefox, this requires version 67 for support for
prefers-color-scheme media queries.
https://hacks.mozilla.org/2019/05/firefox-67-dark-mode-css-webrender/
To force Firefox into dark mode, set ui.systemUsesDarkTheme=1 (and
optionally browser.in-content.dark-mode=true, to put pages such as
about:addons into dark mode as well) in about:config. You can check if
it's working at https://bugzilla.mozilla.org/, which has its own
dark-mode styling. Note that this kind of dark mode is *independent* of
the "Dark" theme that can be selected in about:addons.

Chrome requires version 76 for prefers-color-scheme. You can force it by
running with the --force-dark-mode command-line option.
2019-08-19 12:24:09 -06:00
David Fifield
1e6dd4d86f Redo the status-running icon to match the others.
This one was missing from the redesigned icons. I made it by making a
copy of status-on.svg and changing the fill from #8000D7 to #40E0D0.

I didn't make a separate dark-mode version of the icon.
2019-08-19 12:24:09 -06:00
David Fifield
7e2936dcec Dark-mode images from Antonela.
https://bugs.torproject.org/31170#comment:3

Also revises the light-mode images.
2019-08-19 12:24:09 -06:00
Arlo Breault
4e5a50f2b5 Start localization
Trac 30310
2019-08-15 17:15:37 -04:00
David Fifield
990047b2f5 Control statusimg using CSS, rather than setting an img src. 2019-07-31 19:09:46 -06:00
David Fifield
8f885c7557 Set an "error" class instead of hardcoding a text color. 2019-07-31 19:09:46 -06:00
David Fifield
8a56baa8e1 Identify popup elements by id. 2019-07-31 19:09:44 -06:00
Arlo Breault
b324d9d42f Move icons/ to assets/
There's a default alias for icons/ in apache,
https://www.electrictoolbox.com/apache-icons-directory/
2019-07-31 17:59:48 -04:00
Arlo Breault
aa27c0556c Redirect removed snowflake.html 2019-07-31 15:49:21 -04:00
Arlo Breault
e60f22833a Reimagine the badge
Trac 27385
2019-07-27 12:01:03 -04:00
Arlo Breault
d6d42e82aa Update the main page on the static website 2019-07-13 15:53:37 +02:00
Arlo Breault
f3254e3402 Remove Modernizr dependency
And inline its only use site.
2019-05-08 11:23:49 -04:00
Arlo Breault
622005c79e Remove copy/paste signalling 2019-05-08 11:21:56 -04:00
David Fifield
bf82ef5192 Bump last updated date. 2019-01-22 11:26:45 -07:00
David Fifield
627f37e004 Move the Yes/No buttons into index.html; redirect options.html to it. 2018-12-20 20:50:39 -07:00
David Fifield
9e2a85d753 Bump last updated date. 2018-12-20 20:48:50 -07:00
David Fifield
27b74b1666 Use a relative URL for the embed in the sample page.
To facilitate local testing.
2018-12-20 20:48:22 -07:00
David Fifield
82b696709d Escape quoted HTML markup within textarea. 2018-12-20 20:14:47 -07:00
David Fifield
5667aa8ebb Fix HTML tag typo. 2018-12-20 18:29:51 -07:00
David Fifield
01bdcd6b28 Bump last updated date. 2018-12-19 21:34:06 -07:00
David Fifield
52e79a4b43 Bump last updated date. 2018-12-05 13:39:01 -07:00
David Fifield
9545be1c9f '//' is not a CSS comment.
I got the warning:
	Expected declaration but found ‘/’.  Skipped to next declaration.
2018-12-04 15:46:12 -07:00
David Fifield
fd9efa1001 Fix text-shadow CSS.
The semicolons made it look like the end of a declaration. I got these
errors in the Firefox console:

Expected declaration but found ‘1px’.  Skipped to next declaration. 1 embed.html:29:17
Expected declaration but found ‘-1px’.  Skipped to next declaration. 1 embed.html:30:17
2018-04-17 17:21:46 -07:00
Arlo Breault
433a47fdf7 Only unset the header for the page being rendered 2018-04-17 16:43:01 -04:00
Arlo Breault
b441ae4bf4 Add an .htaccess file to unset X-Frame-Options 2018-04-17 16:05:39 -04:00
David Fifield
a9630a8234 keroserene.net/snowflake → snowflake.torproject.org 2018-04-16 10:24:00 -07:00
David Fifield
a762becbaa Link to wiki page rather than github source code.
I'm intuiting that the purpose of linking to github was to show the
README, not to link to the source code per se, so I changed the link to
point to the wiki page rather than gitweb.torproject.org/....

https://bugs.torproject.org/23947#comment:15
2018-04-16 10:24:00 -07:00
David Fifield
9f1c7b12c8 Link to Snowflake wiki page rather than mailing list post.
The wiki page in turn links to the post.
2018-04-15 17:36:53 -07:00