From e44ff4329182edf2b3ce756c2c45ac9dd384578e Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Tue, 4 Oct 2016 22:21:53 +0100
Subject: [PATCH] switch ordering, add quaternion logo

---
 img/nachat.svg             |  65 +++++++++++++++++++++++++++++++++++++
 img/quaternion-48px.png    | Bin 1928 -> 2639 bytes
 src/components/HomePage.js |  28 ++++++++--------
 3 files changed, 79 insertions(+), 14 deletions(-)
 create mode 100644 img/nachat.svg

diff --git a/img/nachat.svg b/img/nachat.svg
new file mode 100644
index 0000000..c265782
--- /dev/null
+++ b/img/nachat.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<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.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 96 96"
+   style="enable-background:new 0 0 96 96;"
+   xml:space="preserve"
+   id="svg4499"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="icon1.svg"><metadata
+     id="metadata4517"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4515" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="796"
+     inkscape:window-height="864"
+     id="namedview4513"
+     showgrid="false"
+     inkscape:zoom="2.4583333"
+     inkscape:cx="37.254349"
+     inkscape:cy="46.600895"
+     inkscape:window-x="800"
+     inkscape:window-y="16"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4499" /><style
+     type="text/css"
+     id="style4501">
+	.st0{fill:#353535;}
+	.st1{fill:#FFFFFF;}
+</style><g
+     id="Background_xA0_Image_1_"><rect
+       class="st0"
+       width="96"
+       height="96"
+       id="rect4504" /></g><g
+     id="Na"
+     style="fill:#00ff00;fill-opacity:1"><g
+       id="g4507"
+       style="fill:#00ff00;fill-opacity:1"><path
+         class="st1"
+         d="M16.8,54.4l13.1,21.1H30V54.4h6.5v31.4h-6.9l-13.1-21h-0.1v21H9.9V54.4H16.8z"
+         id="path4509"
+         style="fill:#00ff00;fill-opacity:1" /><path
+         class="st1"
+         d="M39.8,70c0.1-1.5,0.5-2.7,1.1-3.7c0.6-1,1.5-1.7,2.5-2.3c1-0.6,2.1-1,3.4-1.3c1.2-0.2,2.5-0.4,3.8-0.4    c1.1,0,2.3,0.1,3.5,0.2s2.2,0.5,3.2,0.9c1,0.5,1.8,1.1,2.4,2s0.9,1.9,0.9,3.3v11.8c0,1,0.1,2,0.2,2.9c0.1,0.9,0.3,1.6,0.6,2.1H55    c-0.1-0.4-0.2-0.7-0.3-1.1c-0.1-0.4-0.1-0.7-0.2-1.1c-1,1-2.2,1.7-3.5,2.2c-1.3,0.4-2.7,0.6-4.1,0.6c-1.1,0-2.1-0.1-3-0.4    c-0.9-0.3-1.8-0.7-2.5-1.2s-1.3-1.3-1.6-2.1c-0.4-0.9-0.6-1.9-0.6-3c0-1.3,0.2-2.4,0.7-3.2c0.5-0.8,1-1.5,1.8-2    c0.7-0.5,1.5-0.9,2.5-1.1c0.9-0.2,1.9-0.4,2.8-0.6c0.9-0.1,1.9-0.3,2.8-0.4c0.9-0.1,1.7-0.2,2.4-0.4s1.3-0.4,1.7-0.8    c0.4-0.3,0.6-0.8,0.6-1.5c0-0.7-0.1-1.2-0.3-1.6c-0.2-0.4-0.5-0.7-0.9-0.9c-0.4-0.2-0.8-0.4-1.3-0.4s-1-0.1-1.6-0.1    c-1.2,0-2.2,0.3-2.9,0.8c-0.7,0.5-1.1,1.4-1.2,2.6H39.8z M54.3,74.7c-0.3,0.2-0.6,0.4-1,0.5c-0.4,0.1-0.8,0.2-1.3,0.3    s-0.9,0.2-1.4,0.2c-0.5,0.1-1,0.1-1.5,0.2c-0.5,0.1-0.9,0.2-1.4,0.4c-0.5,0.1-0.9,0.3-1.2,0.6c-0.3,0.2-0.6,0.6-0.8,0.9    c-0.2,0.4-0.3,0.9-0.3,1.5c0,0.6,0.1,1,0.3,1.4c0.2,0.4,0.5,0.7,0.8,0.9c0.4,0.2,0.8,0.4,1.2,0.5c0.5,0.1,1,0.1,1.5,0.1    c1.2,0,2.2-0.2,2.9-0.6c0.7-0.4,1.2-0.9,1.5-1.5c0.3-0.6,0.5-1.2,0.6-1.7s0.1-1.1,0.1-1.4V74.7z"
+         id="path4511"
+         style="fill:#00ff00;fill-opacity:1" /></g></g></svg>
\ No newline at end of file
diff --git a/img/quaternion-48px.png b/img/quaternion-48px.png
index 775e92df6f9f8f43b9a3d1f55ecc0ef87339cfa5..43ef531bfd7fd02b8c08ade6df0f2eb9c443d1fd 100644
GIT binary patch
literal 2639
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

literal 1928
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

diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index 98e7c80..26189d2 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -73,15 +73,14 @@ var unlinkable_clients = [
         comments: "QML and JS cross-platform desktop Matrix client",
     },
     {
-        name: "PTO (Perpetually Talking Online)",
-        logo: "img/pto-48px.png",
-        author: "Torrie Fischer",
-        homepage: "https://pto.im",
-        //room_url(alias) { return "irc://irc.matrix.org/" + alias },
+        name: "NaChat",
+        logo: "img/nachat.svg",
+        author: "Benjamin Saunders",
+        homepage: "https://github.com/Ralith/nachat",
+        maturity: "Alpha",
         room_instructions(alias)  { return <span>Type <code>/join <b>{ alias }</b></code></span> },
         user_instructions(userId) { return <span>Type <code>/invite <b>{ userId }</b></code></span> },
-        maturity: "Alpha",
-        comments: "Access any room anywhere in Matrix via good old IRC!",
+        comments: "Qt5 and C++ cross-platform desktop Matrix client",
     },
     {
         name: "Mclient.el",
@@ -92,15 +91,16 @@ var unlinkable_clients = [
         comments: "Matrix client for Gnu Emacs",
     },
     {
-        name: "NaChat",
-        logo: "",
-        author: "Benjamin Saunders",
-        homepage: "https://github.com/Ralith/nachat",
-        maturity: "Alpha",
+        name: "PTO (Perpetually Talking Online)",
+        logo: "img/pto-48px.png",
+        author: "Torrie Fischer",
+        homepage: "https://pto.im",
+        //room_url(alias) { return "irc://irc.matrix.org/" + alias },
         room_instructions(alias)  { return <span>Type <code>/join <b>{ alias }</b></code></span> },
         user_instructions(userId) { return <span>Type <code>/invite <b>{ userId }</b></code></span> },
-        comments: "Qt5 and C++ cross-platform desktop Matrix client",
-    }
+        maturity: "Alpha",
+        comments: "Access any room anywhere in Matrix via good old IRC!",
+    },
 ];
 
 export default React.createClass({