commit a0912481f3c52442eda016df2b2ef0090f75b73d Author: Damian Johnson <atagar@torproject.org> Date: Fri Aug 4 13:00:34 2017 -0700 W3C validation issues Addressing issues cited by the W3C validator. Interesting that we don't need slashes in quite a number of tags - always thought that was best practice... Only issue left is that <noscript> isn't technically allowed in the head, but this seems to be pretty well supported and is explicitly allowed in HTML5. --- web/changelog/index.html | 4 +-- web/changelog/legacy.html | 6 ++-- web/index.html | 72 +++++++++++++++++++++++------------------------ 3 files changed, 41 insertions(+), 41 deletions(-) diff --git a/web/changelog/index.html b/web/changelog/index.html index dc5f069..aaf44a8 100644 --- a/web/changelog/index.html +++ b/web/changelog/index.html @@ -1,7 +1,7 @@ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> +<html lang="en"> <head> <title>Nyx</title> <link rel="shortcut icon" href="../images/favicon.png"> @@ -54,7 +54,7 @@ <p>From a user perspective little has changed, but this release is nothing less than a complete rewrite of our codebase. This adds long overdue <b>support for python 3.x</b>, test coverage, and migrate from TorCtl to <a href="https://stem.torproject.org/">Stem</a>.</p> <p>Python 2.5 is no longer supported. Hopefully by now nobody will miss it. :P</p> - <br /> + <br> <ul> <li><span class="component">Startup</span> diff --git a/web/changelog/legacy.html b/web/changelog/legacy.html index 309d2a1..17f00c3 100644 --- a/web/changelog/legacy.html +++ b/web/changelog/legacy.html @@ -1,11 +1,11 @@ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> +<html lang="en"> <head> <title>Nyx</title> - <link rel="shortcut icon" href="../images/favicon.png"/> - <link rel="stylesheet" type="text/css" href="../styles.css" /> + <link rel="shortcut icon" href="../images/favicon.png"> + <link rel="stylesheet" type="text/css" href="../styles.css"> </head> <body> diff --git a/web/index.html b/web/index.html index 51be751..7b1b053 100644 --- a/web/index.html +++ b/web/index.html @@ -1,11 +1,11 @@ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> +<html lang="en"> <head> <title>Nyx</title> - <link rel="shortcut icon" href="images/favicon.png"/> - <link rel="stylesheet" type="text/css" href="styles.css" /> + <link rel="shortcut icon" href="images/favicon.png"> + <link rel="stylesheet" type="text/css" href="styles.css"> <noscript><link rel="stylesheet" type="text/css" href="styles_no_js.css"></noscript> <!-- jQueryTools 1.2.6 (https://jquerytools.github.io/download/), copied July 24, 2017 --> @@ -39,49 +39,49 @@ <div class="feature"> <a id="bandwidth"></a> - <a href="images/screenshots/front_page.png"><img src="images/features/bandwidth.png" alt="bandwidth" /></a> + <a href="images/screenshots/front_page.png"><img src="images/features/bandwidth.png" alt="bandwidth"></a> <span class="feature-arrow">«</span><a href="#bandwidth" class="feature-title">Bandwidth Graph</a> <p>Bandwidth used by Tor. You can press 'i' to pick the graphing <b>interval</b>, or 's' to show other usage <b>statistics</b>.</p> </div> <div class="feature"> <a id="events"></a> - <a href="images/screenshots/front_page.png"><img src="images/features/events.png" alt="event log" /></a> + <a href="images/screenshots/front_page.png"><img src="images/features/events.png" alt="event log"></a> <span class="feature-arrow">«</span><a href="#events" class="feature-title">Event Log</a> <p>Tor logs a wealth of information about itself. We present it, colorized and deduplicated. Press 'e' to select what <b>events</b> are logged and 'f' to <b>filter</b> to just what you want.</p> </div> <div class="feature"> <a id="connections"></a> - <a href="images/screenshots/connections.png"><img src="images/features/connections.png" alt="connections" /></a> + <a href="images/screenshots/connections.png"><img src="images/features/connections.png" alt="connections"></a> <span class="feature-arrow">«</span><a href="#connections" class="feature-title">Connections</a> <p>Connection data similar to netstat or lsof, but correlated with Tor relay information to make it much richer. Press 'enter' for more <b>details</b>, 's' to <b>sort</b>, and 'd' to see raw <b>descriptor</b> data.</p> </div> <div class="feature"> <a id="config_editor"></a> - <a href="images/screenshots/config_editor.png"><img src="images/features/config_editor.png" alt="configuration editor" /></a> + <a href="images/screenshots/config_editor.png"><img src="images/features/config_editor.png" alt="configuration editor"></a> <span class="feature-arrow">«</span><a href="#config_editor" class="feature-title">Configuration Editor</a> <p>Editor to change Tor's setting on the fly, with usage information from its manual. Press 'enter' to <b>change</b> Tor settings and 'w' to <b>write</b> your changes to disk.</p> </div> <div class="feature"> <a id="torrc"></a> - <a href="images/screenshots/torrc.png"><img src="images/features/torrc.png" alt="torrc" /></a> + <a href="images/screenshots/torrc.png"><img src="images/features/torrc.png" alt="torrc"></a> <span class="feature-arrow">«</span><a href="#torrc" class="feature-title">Torrc</a> <p>Provides your torrc with line numbers and syntax highlighting. Comments can be <b>stripped</b> by pressing 's'.</p> </div> <div class="feature"> <a id="interpreter"></a> - <a href="images/screenshots/interpreter.png"><img src="images/features/interpreter.png" alt="interpreter" /></a> + <a href="images/screenshots/interpreter.png"><img src="images/features/interpreter.png" alt="interpreter"></a> <span class="feature-arrow">«</span><a href="#interpreter" class="feature-title">Interpreter</a> <p>Integration with <a href="https://stem.torproject.org/">Stem's</a> <a href="https://stem.torproject.org/tutorials/down_the_rabbit_hole.html">interpreter</a>, providing <a href="https://gitweb.torproject.org/torspec.git/tree/control-spec.txt">raw controller access</a>, irc-style commands like <b>/help</b>, tab completion, history scrollback, and a python prompt.</p> </div> <div class="feature"> <a id="and_more"></a> - <img src="images/features/menu.png" alt="menu" /> + <img src="images/features/menu.png" alt="menu"> <span class="feature-arrow">«</span><a href="#and_more" class="feature-title">... and more!</a> <p>That's just the tip of the iceberg. All pages within Nyx provide <b>help</b> information when you press 'h' and <b>menu</b> in response to 'm'. So go explore!</p> </div> @@ -90,7 +90,7 @@ <div id="faq_section" class="page"> <div class="section"></div> <a href="#faq" class="section-title">Fact & Question</a> - <br /><br /> + <br><br> <ul class="questions"> <li id="what_is_nyx"> @@ -104,7 +104,7 @@ <li id="why_is_it_called_nyx"> <span>Why is it called Nyx?</span> <div class="answer"> - <a class="nyx-img" href="http://fallenlights.net/"><img src="images/faq/shadowgirl.jpg" alt="greek goddess" title="Nyx by Shadowgirl, used with permission." /></a> + <a class="nyx-img" href="http://fallenlights.net/"><img src="images/faq/shadowgirl.jpg" alt="greek goddess" title="Nyx by Shadowgirl, used with permission."></a> <p style="min-height: 340px">Simple - because the <a href="https://en.wikipedia.org/wiki/Nyx">Greek goddess of night</a> is short and memorable. Terminal applications are handiest when they're brief and easy to type. Top, ssh, scp - anything longer is just begging to be aliased down.</p> </div> </li> @@ -128,7 +128,7 @@ <div class="answer"> <p>Yes, though sadly this space doesn't get much attention.</p> <p>For years <a href="https://en.wikipedia.org/wiki/Vidalia_%28software%29">Vidalia</a> was the default interface of Tor until it was replaced by <a href="https://www.torproject.org/projects/torbrowser.html.en">Tor Browser</a> in 2013. Vidalia includes a launcher, settings editor, map, and more. <a href="https://sourceforge.net/projects/tork/">TorK</a> is similar, providing connection information as well but never reached the same level of prominence. Both interfaces are now unmaintained.</p> - <img class="vidalia-img" src="images/faq/vidalia.jpg" alt="vidalia" /> + <img class="vidalia-img" src="images/faq/vidalia.jpg" alt="vidalia"> <p>Smaller widgets include...</p> <ul> @@ -150,15 +150,15 @@ <p>Ran into a problem? Reporting issues is easy...</p> <ol> - <li>Go to our <b><a href="https://trac.torproject.org/projects/tor/wiki/doc/nyx/bugs">bug tracker</a></b>.<br /><br /></li> - <li>Log in. If you'd rather not make an account you can use these credentials to file an issue anonymously...<br /><br /> + <li>Go to our <b><a href="https://trac.torproject.org/projects/tor/wiki/doc/nyx/bugs">bug tracker</a></b>.<br><br></li> + <li>Log in. If you'd rather not make an account you can use these credentials to file an issue anonymously...<br><br> <ul> <li>Username: <b>cypherpunks</b></li> <li>Password: <b>writecode</b></li> </ul> - <br /> + <br> </li> - <li>Fill in the following fields...<br /><br /> + <li>Fill in the following fields...<br><br> <ul> <li><b>Summary</b>: Brief description of your issue.</li> <li><b>Description</b>: Detailed description of your issue. Please provide steps to reproduce your issue, stacktrace if you got one, and screenshot if applicable.</li> @@ -180,7 +180,7 @@ <div class="faq-section"></div> <a href="#usage" class="section-title">Usage</a> - <br /><br /> + <br><br> <ul class="questions"> <li id="other_peoples_traffic"> @@ -215,7 +215,7 @@ <li id="broken_borders"> <span>Why are there borders like 'mwqqqqqqqqj'?</span> <div class="answer"> - <a class="acs-img" href="images/screenshots/acs_failure.png"><img src="images/faq/acs_failure.png" alt="acs display failure" /></a> + <a class="acs-img" href="images/screenshots/acs_failure.png"><img src="images/faq/acs_failure.png" alt="acs display failure"></a> <p>When alternate character support (ACS) <a href="http://invisible-island.net/ncurses/ncurses.faq.html#no_line_drawing">is unavailable</a> borders become characters like the picture above. This is a terminal bug.</p> <p>Unfortunately there doesn't seem to be a way for Nyx to automatically detect this. However, when it happens this <b>can</b> be easily corrected. Simply run <i>reset</i>. To tell Nyx not to use ACS borders simply add the following to your nyxrc...</p> <pre>features.acsSupport false</pre> @@ -240,7 +240,7 @@ FetchUselessDescriptors 1</pre> <div class="faq-section"></div> <a href="#development" class="section-title">Development</a> - <br /><br /> + <br><br> <ul class="questions"> <li id="getting_started"> @@ -250,11 +250,11 @@ FetchUselessDescriptors 1</pre> <p>Got questions? I'm <b>atagar</b> on <a href="http://www.oftc.net/">oftc</a> and available <a href="https://www.atagar.com/contact/">via email</a>. To get started...</p> <ol> - <li>Clone our <a href="http://git-scm.com/">git</a> repository...<pre>git clone https://git.torproject.org/nyx.git</pre><br /></li> - <li>Install our test dependencies<pre>sudo pip install mock pyflakes pycodestyle</pre><br /></li> + <li>Clone our <a href="http://git-scm.com/">git</a> repository...<pre>git clone https://git.torproject.org/nyx.git</pre><br></li> + <li>Install our test dependencies<pre>sudo pip install mock pyflakes pycodestyle</pre><br></li> <li>Install the development version of <a href="https://stem.torproject.org/">Stem</a>...<pre>git clone https://git.torproject.org/stem.git cd stem -sudo python setup.py install</pre><br /></li> +sudo python setup.py install</pre><br></li> <li>Find a <a href="https://trac.torproject.org/projects/tor/wiki/doc/nyx/bugs">bug or feature</a> that sounds fun and dig in!</li> </ol> </div> @@ -265,15 +265,15 @@ sudo python setup.py install</pre><br /></li> <div class="answer"> <p>Got something to send my way? It's easy...</p> <ol> - <li>Make a publicly accessible repository for me to pull from. If you don't already have one <a href="https://github.com/">GitHub</a> is great for this.<br /><br /></li> - <li>File a <a href="https://trac.torproject.org/projects/tor/newticket">trac ticket</a>. Only fields you'll need are...<br /><br /> + <li>Make a publicly accessible repository for me to pull from. If you don't already have one <a href="https://github.com/">GitHub</a> is great for this.<br><br></li> + <li>File a <a href="https://trac.torproject.org/projects/tor/newticket">trac ticket</a>. Only fields you'll need are...<br><br> <ul> <li><b>Summary</b>: brief description of your change</li> <li><b>Description</b>: description of your change and a link to your repository for me to pull from</li> <li><b>Type</b>: 'defect' if this is a bug fix and 'enhancement' otherwise</li> <li><b>Component</b>: Core Tor → Nyx</li> </ul> - <br /> + <br> </li> <li>I'll review your change and give suggestions. When we're both happy with it I'll push your change to the official repository.</li> </ol> @@ -305,10 +305,10 @@ sudo python setup.py install</pre><br /></li> <p>Nyx is available Mac OSX, Linux, and BSD but <a href="#windows">not Windows</a>. Find your platform below to get started. For what's changed see our <a href="changelog/index.html">change log</a>.</p> - <br /> + <br> <div class="platform"> - <a href="https://pypi.python.org/pypi/nyx/" id="pypi"><img src="images/download/pypi.png" alt="PyPI" /></a> + <a href="https://pypi.python.org/pypi/nyx/" id="pypi"><img src="images/download/pypi.png" alt="PyPI"></a> <a href="https://pypi.python.org/pypi/nyx/" class="platform-title">Python Package Index</a> <p>Signed releases and instructions for both Python 2.x and 3.x. You can easily install from its <a href="https://www.atagar.com/arm/resources/static/arm-1.4.5.0.tar.bz2">tarball</a> (<a href="https://www.atagar.com/arm/resources/static/arm-1.4.5.0.tar.bz2.asc">sig</a>), or with <b>pip</b>...</p> <pre> @@ -318,7 +318,7 @@ sudo python setup.py install</pre><br /></li> </div> <div class="platform"> - <a id="osx"><img src="images/download/osx.png" alt="OSX" /></a> + <a id="osx"><img src="images/download/osx.png" alt="OSX"></a> <span class="platform-title">Mac OSX</span> <p>As of OSX 10.8 the platform bundles Python 2.7 by default. This makes installation easy...</p> <pre> @@ -328,48 +328,48 @@ sudo python setup.py install</pre><br /></li> </div> <div class="platform"> - <a href="http://packages.debian.org/sid/tor-arm" id="debian"><img src="images/download/debian.png" alt="Debian" /></a> + <a href="http://packages.debian.org/sid/tor-arm" id="debian"><img src="images/download/debian.png" alt="Debian"></a> <a href="http://packages.debian.org/sid/tor-arm" class="platform-title">Debian</a> <p>Package maintained by Dererk for Debian.</p> <pre>% sudo apt-get install tor-arm</pre> </div> <div class="platform"> - <a href="https://launchpad.net/ubuntu/+source/tor-arm" id="ubuntu"><img src="images/download/ubuntu.png" alt="Ubuntu" /></a> + <a href="https://launchpad.net/ubuntu/+source/tor-arm" id="ubuntu"><img src="images/download/ubuntu.png" alt="Ubuntu"></a> <a href="https://launchpad.net/ubuntu/+source/tor-arm" class="platform-title">Ubuntu</a> <p>Package derived from Debian for Ubuntu.</p> <pre>% sudo apt-get install tor-arm</pre> </div> <div class="platform"> - <a href="https://apps.fedoraproject.org/packages/tor-arm" id="fedora"><img src="images/download/fedora.png" alt="Fedora" /></a> + <a href="https://apps.fedoraproject.org/packages/tor-arm" id="fedora"><img src="images/download/fedora.png" alt="Fedora"></a> <a href="https://apps.fedoraproject.org/packages/tor-arm" class="platform-title">Fedora</a> <p>Packages maintained by Juan for Fedora.</p> <pre>% sudo yum install tor-arm</pre> </div> <div class="platform"> - <a href="http://packages.gentoo.org/package/net-misc/arm" id="gentoo"><img src="images/download/gentoo.png" alt="Gentoo" /></a> + <a href="http://packages.gentoo.org/package/net-misc/arm" id="gentoo"><img src="images/download/gentoo.png" alt="Gentoo"></a> <a href="http://packages.gentoo.org/package/net-misc/arm" class="platform-title">Gentoo</a> <p>Package maintained by Jesse for Gentoo.</p> <pre>% sudo emerge arm</pre> </div> <div class="platform"> - <a href="https://slackbuilds.org/repository/13.37/network/arm/" id="slackware"><img src="images/download/slackware.png" alt="Slackware" /></a> + <a href="https://slackbuilds.org/repository/13.37/network/arm/" id="slackware"><img src="images/download/slackware.png" alt="Slackware"></a> <a href="https://slackbuilds.org/repository/13.37/network/arm/" class="platform-title">Slackware</a> <p>Package maintained by pyllyukko for <a href="http://slackbuilds.org/howto/">Slackware</a>.</p> </div> <div class="platform"> - <a href="http://www.freshports.org/security/arm" id="freebsd"><img src="images/download/freebsd.png" alt="FreeBSD" /></a> + <a href="http://www.freshports.org/security/arm" id="freebsd"><img src="images/download/freebsd.png" alt="FreeBSD"></a> <a href="http://www.freshports.org/security/arm" class="platform-title">FreeBSD</a> <p>Port maintained by Carlo for <a href="http://www.freebsd.org/doc/en_US.ISO8859-1/books/handbook/ports.html">FreeBSD</a>.</p> <pre>% pkg install security/arm</pre> </div> <div class="platform"> - <a href="https://gitweb.torproject.org/nyx.git" id="git"><img src="images/download/git.png" alt="Git" /></a> + <a href="https://gitweb.torproject.org/nyx.git" id="git"><img src="images/download/git.png" alt="Git"></a> <a href="https://gitweb.torproject.org/nyx.git" class="platform-title">Source Repository</a> <p>For those that want to live on the bleeding edge or contribute, Nyx's git repository can be fetched with...</p> <pre>% git clone https://git.torproject.org/nyx.git</pre>