[tor-commits] [nyx/master] W3C validation issues
atagar at torproject.org
atagar at torproject.org
Sat Aug 5 01:18:26 UTC 2017
commit a0912481f3c52442eda016df2b2ef0090f75b73d
Author: Damian Johnson <atagar at 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>
More information about the tor-commits
mailing list