Browse Source

Tor Explorer => Onionite

newest-relays
Luke Childs 8 years ago
parent
commit
cb4e23e1f6
  1. 10
      README.md
  2. 2
      index.js
  3. 12
      package.json
  4. 4
      public/manifest.json
  5. 2
      views/about.html
  6. 8
      views/index.html

10
README.md

@ -1,8 +1,8 @@
# Tor Explorer # Onionite
> Explore the Tor network in under 10k > Explore the Tor network in under 10k
An entry for the [10k Apart](https://a-k-apart.com/) contest. Tor Explorer allows you to view information on the individual nodes that make up the Tor network. It is essentially my own spin on the existing [Atlas](https://atlas.torproject.org/) web app by The Tor Project, Inc. An entry for the [10k Apart](https://a-k-apart.com/) contest. Onionite allows you to view information on the individual nodes that make up the Tor network. It is essentially my own spin on the existing [Atlas](https://atlas.torproject.org/) web app by The Tor Project, Inc.
It runs node on the server side and requires only HTML on the client for full functionality. It's a bit prettier with CSS support and you'll get some additional enhancements if you have JavaScript enabled. It runs node on the server side and requires only HTML on the client for full functionality. It's a bit prettier with CSS support and you'll get some additional enhancements if you have JavaScript enabled.
@ -14,7 +14,7 @@ I've implemented some additional features I've always wanted from Atlas such as
## Size ## Size
An average Tor Explorer page weighs in at just over 7k. If the browser has JavaScript enabled additional requests will be made for ~1.5k of JavaScript enhancements and a ~500 byte SVG. These are requested asynchronously and so do not block the page load. They are purely for progressive enhancements and the site is fully usable without JavaScript. An average Onionite page weighs in at just over 7k. If the browser has JavaScript enabled additional requests will be made for ~1.5k of JavaScript enhancements and a ~500 byte SVG. These are requested asynchronously and so do not block the page load. They are purely for progressive enhancements and the site is fully usable without JavaScript.
Including the asynchronously loaded enhancements the page is still under 10k (~9.5k). The equivalent Atlas pages tend to be around 480k. Including the asynchronously loaded enhancements the page is still under 10k (~9.5k). The equivalent Atlas pages tend to be around 480k.
@ -24,7 +24,7 @@ Emerging standards have been favoured over proprietary APIs to try and reduce un
## Browser Support ## Browser Support
Tor Explorer works in all modern browsers and I've taken care to not completely break the experience in older browsers that don't support the modern features used. I've also used media queries to give a good experience on devices of all different screen sizes. Onionite works in all modern browsers and I've taken care to not completely break the experience in older browsers that don't support the modern features used. I've also used media queries to give a good experience on devices of all different screen sizes.
<img width="400" src="https://i.imgur.com/OdoYz1V.png" /> <img width="400" src="https://i.imgur.com/OdoYz1V.png" />
@ -64,7 +64,7 @@ All information is provided by the [Onionoo](https://onionoo.torproject.org/) AP
## Credit ## Credit
Tor Explorer is heavily inspired by [Atlas](https://gitweb.torproject.org/atlas.git) and [Globe](https://github.com/makepanic/globe). Onionite is heavily inspired by [Atlas](https://gitweb.torproject.org/atlas.git) and [Globe](https://github.com/makepanic/globe).
"Tor" and the "Onion Logo" are registered trademarks of The Tor Project, Inc. "Tor" and the "Onion Logo" are registered trademarks of The Tor Project, Inc.

2
index.js

@ -33,4 +33,4 @@ app.use(express.static(`${__dirname}/public`, { maxAge: '1 year' }));
app.use(controllers.error); app.use(controllers.error);
// Start app // Start app
app.listen(port, () => console.log(`Tor Explorer listening on port ${port}`)); app.listen(port, () => console.log(`Onionite listening on port ${port}`));

12
package.json

@ -1,5 +1,5 @@
{ {
"name": "tor-explorer", "name": "onionite",
"version": "0.1.0", "version": "0.1.0",
"description": "Explore the Tor network without JS", "description": "Explore the Tor network without JS",
"main": "index.js", "main": "index.js",
@ -28,19 +28,21 @@
}, },
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+https://github.com/lukechilds/tor-explorer.git" "url": "git+https://github.com/lukechilds/onionite.git"
}, },
"keywords": [ "keywords": [
"explore", "explore",
"tor", "tor",
"network", "network",
"explorer" "explorer",
"onionite",
"onionoo"
], ],
"author": "Luke Childs <lukechilds123@gmail.com> (http://lukechilds.co.uk)", "author": "Luke Childs <lukechilds123@gmail.com> (http://lukechilds.co.uk)",
"license": "MIT", "license": "MIT",
"bugs": { "bugs": {
"url": "https://github.com/lukechilds/tor-explorer/issues" "url": "https://github.com/lukechilds/onionite/issues"
}, },
"homepage": "https://github.com/lukechilds/tor-explorer#readme", "homepage": "https://github.com/lukechilds/onionite#readme",
"private": true "private": true
} }

4
public/manifest.json

@ -1,6 +1,6 @@
{ {
"name": "Tor Explorer", "name": "Onionite",
"short_name": "Tor Explorer", "short_name": "Onionite",
"start_url": "/", "start_url": "/",
"display": "standalone", "display": "standalone",
"background_color": "#895CA1", "background_color": "#895CA1",

2
views/about.html

@ -4,7 +4,7 @@
<h2>About</h2> <h2>About</h2>
<div class="content"> <div class="content">
<p>This application allows you to view information on the individual nodes that make up the Tor network. All information is provided by the <a target="_blank" href="//onionoo.torproject.org">Onionoo</a> API. You can follow development on <a target="_blank" href="//github.com/lukechilds/tor-explorer">GitHub</a>.</p> <p>This application allows you to view information on the individual nodes that make up the Tor network. All information is provided by the <a target="_blank" href="//onionoo.torproject.org">Onionoo</a> API. You can follow development on <a target="_blank" href="//github.com/lukechilds/onionite">GitHub</a>.</p>
<p>Tor is free software for enabling anonymous communication. If you've never used Tor before, it's really easy to use, just download the <a target="_blank" href="//torproject.org/projects/torbrowser.html">Tor Browser Bundle</a> and fire it up. If you find Tor useful, maybe consider <a target="_blank" href="//eff.org/torchallenge/">running a relay</a>.</p> <p>Tor is free software for enabling anonymous communication. If you've never used Tor before, it's really easy to use, just download the <a target="_blank" href="//torproject.org/projects/torbrowser.html">Tor Browser Bundle</a> and fire it up. If you find Tor useful, maybe consider <a target="_blank" href="//eff.org/torchallenge/">running a relay</a>.</p>
<p><small>"Tor" and the "Onion Logo" are registered trademarks of The Tor Project, Inc.</small></p> <p><small>"Tor" and the "Onion Logo" are registered trademarks of The Tor Project, Inc.</small></p>
</div> </div>

8
views/index.html

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Tor Explorer{{ ' - ' + pageTitle | title if pageTitle }}</title> <title>Onionite{{ ' - ' + pageTitle | title if pageTitle }}</title>
<meta name="viewport" content="width=device-width, user-scalable=no"> <meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="theme-color" content="#895CA1"> <meta name="theme-color" content="#895CA1">
<link rel="manifest" href="/manifest.json"> <link rel="manifest" href="/manifest.json">
@ -12,7 +12,7 @@
<header role="banner"> <header role="banner">
<div class="wrapper clearfix"> <div class="wrapper clearfix">
<a class="title" href="/"><h1><i class="icon-tor"></i> Tor Explorer</h1></a> <a class="title" href="/"><h1><i class="icon-tor"></i> Onionite</h1></a>
<form role="search" class="search" action="/"> <form role="search" class="search" action="/">
<label> <label>
<span class="hidden">Search</span> <span class="hidden">Search</span>
@ -30,9 +30,9 @@
<div class="wrapper"> <div class="wrapper">
<a href="/about">About</a> <a href="/about">About</a>
<span class="divider">-</span> <span class="divider">-</span>
<a target="_blank" href="//github.com/lukechilds/tor-explorer">Source code</a> <a target="_blank" href="//github.com/lukechilds/onionite">Source code</a>
<span class="divider">-</span> <span class="divider">-</span>
<a target="_blank" href="//github.com/lukechilds/tor-explorer/issues">Report a bug</a> <a target="_blank" href="//github.com/lukechilds/onionite/issues">Report a bug</a>
<div class="me"> <div class="me">
A thing by <a target="_blank" href="//github.com/lukechilds">@lukechilds</a> A thing by <a target="_blank" href="//github.com/lukechilds">@lukechilds</a>
</div> </div>

Loading…
Cancel
Save