[tor-commits] [nyx/master] Fill in download page

atagar at torproject.org atagar at torproject.org
Sat Aug 5 01:18:26 UTC 2017


commit 392baf9681ea16a496f3609a2e4d7befc0ba1c86
Author: Damian Johnson <atagar at torproject.org>
Date:   Tue Jul 25 10:16:55 2017 -0700

    Fill in download page
    
    I'll probably twiddle with the layout bit more, but pretty close to what I'm
    after.
---
 web/images/download/archlinux.png        | Bin 0 -> 7144 bytes
 web/images/download/debian.png           | Bin 0 -> 5646 bytes
 web/images/download/fedora.png           | Bin 0 -> 4447 bytes
 web/images/download/freebsd.png          | Bin 0 -> 18114 bytes
 web/images/download/gentoo.png           | Bin 0 -> 16245 bytes
 web/images/download/git.png              | Bin 0 -> 2273 bytes
 web/images/download/git_alt.png          | Bin 0 -> 4749 bytes
 web/images/download/osx.png              | Bin 0 -> 3660 bytes
 web/images/download/pypi.png             | Bin 0 -> 3827 bytes
 web/images/download/redhat.png           | Bin 0 -> 4944 bytes
 web/images/download/resources/fedora.svg |  74 +++++++++++++++++++++++++++++++
 web/images/download/slackware.png        | Bin 0 -> 10938 bytes
 web/images/download/ubuntu.png           | Bin 0 -> 4814 bytes
 web/index.html                           |  73 +++++++++++++++++++++++++++++-
 web/styles.css                           |  53 ++++++++++++++++++++++
 15 files changed, 199 insertions(+), 1 deletion(-)

diff --git a/web/images/download/archlinux.png b/web/images/download/archlinux.png
new file mode 100644
index 0000000..430d5db
Binary files /dev/null and b/web/images/download/archlinux.png differ
diff --git a/web/images/download/debian.png b/web/images/download/debian.png
new file mode 100644
index 0000000..659dc8d
Binary files /dev/null and b/web/images/download/debian.png differ
diff --git a/web/images/download/fedora.png b/web/images/download/fedora.png
new file mode 100644
index 0000000..30d2062
Binary files /dev/null and b/web/images/download/fedora.png differ
diff --git a/web/images/download/freebsd.png b/web/images/download/freebsd.png
new file mode 100644
index 0000000..cec7774
Binary files /dev/null and b/web/images/download/freebsd.png differ
diff --git a/web/images/download/gentoo.png b/web/images/download/gentoo.png
new file mode 100644
index 0000000..c96e01c
Binary files /dev/null and b/web/images/download/gentoo.png differ
diff --git a/web/images/download/git.png b/web/images/download/git.png
new file mode 100644
index 0000000..529aa0f
Binary files /dev/null and b/web/images/download/git.png differ
diff --git a/web/images/download/git_alt.png b/web/images/download/git_alt.png
new file mode 100644
index 0000000..88e399e
Binary files /dev/null and b/web/images/download/git_alt.png differ
diff --git a/web/images/download/osx.png b/web/images/download/osx.png
new file mode 100644
index 0000000..bb9caca
Binary files /dev/null and b/web/images/download/osx.png differ
diff --git a/web/images/download/pypi.png b/web/images/download/pypi.png
new file mode 100644
index 0000000..5fd55b7
Binary files /dev/null and b/web/images/download/pypi.png differ
diff --git a/web/images/download/redhat.png b/web/images/download/redhat.png
new file mode 100644
index 0000000..7300b91
Binary files /dev/null and b/web/images/download/redhat.png differ
diff --git a/web/images/download/resources/fedora.svg b/web/images/download/resources/fedora.svg
new file mode 100644
index 0000000..8c9cbd6
--- /dev/null
+++ b/web/images/download/resources/fedora.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) by Marsupilami -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.0"
+   width="1024"
+   height="324"
+   viewBox="-1.77184308 -1.77184308 197.90104616 62.60512216"
+   id="svg2870"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="Fedora_logo_and_wordmark.svg"
+   inkscape:export-filename="/home/atagar/Desktop/fedora.png"
+   inkscape:export-xdpi="57.099247"
+   inkscape:export-ydpi="57.099247">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="668"
+     inkscape:window-height="480"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.45996094"
+     inkscape:cx="801.51734"
+     inkscape:cy="162"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2870" />
+  <defs
+     id="defs2872" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path3584"
+     style="fill:#072b61;fill-opacity:1;fill-rule:nonzero;stroke:none"
+     d="M 194.35736,16.449737 C 194.35736,7.3649625 186.99245,0 177.90779,0 168.8271,0 161.46537,7.3587875 161.45876,16.43815 l -5e-4,-5.38e-4 0,12.729488 5e-4,5.37e-4 c 0.005,2.0615 1.67683,3.730388 3.73966,3.730388 l 0.0179,-5.25e-4 9.9e-4,5.25e-4 12.69702,0 c 9.08175,-0.0034 16.44297,-7.365788 16.44297,-16.448288" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path3562"
+     style="fill:#0a57a4;fill-opacity:1;fill-rule:nonzero;stroke:none"
+     d="m 182.75,3.90625 c -4.26397,10e-8 -7.71875,3.4548375 -7.71875,7.71875 l 0,4.09375 -4.09375,0 c -4.26396,0 -7.71875,3.423888 -7.71875,7.6875 -1e-5,4.263838 3.45479,7.71875 7.71875,7.71875 4.26373,1e-6 7.71875,-3.454912 7.71875,-7.71875 l 0,-4.09375 4.09375,0 c 4.26369,1e-6 7.71875,-3.423663 7.71875,-7.6875 0,-4.263912 -3.45506,-7.71875 -7.71875,-7.71875 z m 0,3.625 c 2.25071,2e-7 4.09375,1.842775 4.09375,4.09375 0,2.250363 -1.84304,4.09375 -4.09375,4.09375 l -0.0312,0 -3.46875,0 c -0.31826,0 -0.59375,-0.276063 -0.59375,-0.59375 l 0,-3.5 c 0.004,-2.2480751 1.84598,-4.09375 4.09375,-4.09375 z m -11.8125,11.78125 3.5,0 c 0.31773,1e-6 0.59375,0.244663 0.59375,0.5625 l 0,3.53125 c -0.003,2.247326 -1.84571,4.09375 -4.09375,4.09375 -2.25041,1e-6 -4.09375,-1.843388 -4.09375,-4.09375 0,-2.25075 1.84334,-4.09375 4.09375,-4.09375 z"
+     sodipodi:nodetypes="sscsssscssscsscsscccssscsss" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path3588"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+     d="m 175.01713,15.7113 0,-4.086387 0,-0.0053 c 0,-4.263913 3.45636,-7.720338 7.72033,-7.720338 0.64712,0 1.10663,0.072625 1.7058,0.2295625 0.87288,0.2287375 1.58589,0.9440625 1.58643,1.7769625 2.4e-4,1.00655 -0.73035,1.7381375 -1.82225,1.7381375 -0.5204,0 -0.70824,-0.099563 -1.47026,-0.099563 -2.24777,0 -4.07055,1.82045 -4.07449,4.0685245 l 0,3.522563 0,5.37e-4 c 0,0.317688 0.25716,0.575338 0.57542,0.575338 l 0.002,0 2.67567,0 c 0.99728,0 1.8022,0.797875 1.80304,1.797475 0,1.00045 -0.80603,1.7968 -1.80304,1.7968 l -3.25271,0 0,4.10385 0,0.0054 c 0,4.2633 -3.45661,7.720225 -7.72034,7.720225 -0.64685,0 -1.10662,-0.07299 -1.70525,-0.2295 -0.8732,-0.228425 -1.58673,-0.944325 -1.58698,-1.776925 0,-1.0065 0.73065,-1.738475 1.82252,-1.738475 0.51985,0 0.70849,0.09988 1.46971,0.09988 2.24804,0 4.07135,-1.82095 4.07505,-4.0688 l 0,-3.5408 c 0,-0.3173 -0.25771,-0.574338 -0.57545,-0.574338 l -0.002,0 -2.6757,-5.37e-4 c -0.99726,0 -1.80297,-0.795588 -1.80297,-1.795725 -5.7e-4,-1.006325 0.8
 1415,-1.79855 1.82221,-1.79855 l 3.23323,0" />
+</svg>
+<!-- version: 20080810, original size: 194.35736 59.061436, border: 3% -->
+
diff --git a/web/images/download/slackware.png b/web/images/download/slackware.png
new file mode 100644
index 0000000..324e046
Binary files /dev/null and b/web/images/download/slackware.png differ
diff --git a/web/images/download/ubuntu.png b/web/images/download/ubuntu.png
new file mode 100644
index 0000000..90a9c6e
Binary files /dev/null and b/web/images/download/ubuntu.png differ
diff --git a/web/index.html b/web/index.html
index 81a8e7d..5f97aa9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -92,7 +92,78 @@
       </div>
 
       <div id="download" class="content">
-        <h1>Download page coming soon</h1>
+        <div class="section"></div>
+        <a href="#download" class="section-title">Download</a>
+
+        <p>Nyx is available Mac OSX, Linux, and BSD but <a href="#windows">not Windows</a>. Find your platform below to get started.</p>
+
+        <div class="platform">
+          <a href="https://pypi.python.org/pypi/nyx/"><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>
+% sudo easy_install pip
+% sudo pip install nyx
+</pre>
+        </div>
+
+        <div class="platform">
+          <img src="images/download/osx.png" alt="OSX" />
+          <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>
+% sudo easy_install pip
+% sudo pip install nyx
+</pre>
+        </div>
+
+        <div class="platform">
+          <a href="http://packages.debian.org/sid/tor-arm"><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"><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"><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"><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/"><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"><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"><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>
+        </div>
       </div>
     </div>
 
diff --git a/web/styles.css b/web/styles.css
index bd2ff35..846cd2f 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -1,3 +1,7 @@
+/*============================================================
+General Tag Attributes
+============================================================*/
+
 body {
   background: url("images/grid.png");
   font-family: "FreeSans", "Arial", "Helvetica", sans-serif;
@@ -15,6 +19,10 @@ a:hover {
   color: #dca85f;
 }
 
+/*============================================================
+Header Bar (logo and nav)
+============================================================*/
+
 .header {
   background-color: black;
   border-bottom: 10px solid #825d27;
@@ -79,6 +87,10 @@ a:hover {
   color: #666666;
 }
 
+/*============================================================
+Common Page Attributes
+============================================================*/
+
 .content {
   background: white;
   border-radius: 10px;
@@ -110,6 +122,10 @@ a:hover {
   position: relative;
 }
 
+/*============================================================
+Front Page
+============================================================*/
+
 .feature {
   height: 150px;
   margin-top: 25px;
@@ -134,3 +150,40 @@ a:hover {
   margin-right: 25px;
 }
 
+/*============================================================
+Download Page
+============================================================*/
+
+.platform {
+  border-top: 1px solid black;
+  height: 128px;
+  margin-top: 15px;
+  padding-top: 10px;
+  text-align: left;
+}
+
+.platform-title {
+  color: #856231;
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.platform img {
+  float: left;
+  margin-right: 25px;
+}
+
+.platform p {
+  margin-top: 10px;
+}
+
+.platform pre {
+  background: #dddddd;
+  border: 1px solid #bbbbbb;
+  border-radius: 3px;
+  margin-left: 145px;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  width: 500px;
+}
+





More information about the tor-commits mailing list