From a97aa5968949cc9691b528c84121bacb247dda6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Fri, 13 Apr 2018 02:14:19 -0400
Subject: [PATCH] Display full logo+text on public mode, logo-only on private
 mode

---
 client/img/logo-transparent-bg-inverted.svg | 32 +++++++++++++++++++++
 client/img/logo-transparent-bg.svg          | 32 +++++++++++++++++++++
 client/index.html.tpl                       |  4 +--
 3 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 client/img/logo-transparent-bg-inverted.svg
 create mode 100644 client/img/logo-transparent-bg.svg

diff --git a/client/img/logo-transparent-bg-inverted.svg b/client/img/logo-transparent-bg-inverted.svg
new file mode 100644
index 00000000..836d59e4
--- /dev/null
+++ b/client/img/logo-transparent-bg-inverted.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 386 276" style="enable-background:new 0 0 386 276;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9E18;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M320.1,100l0,76.1c0,0.7-0.4,1.3-0.9,1.6l-65.8,37.7c-0.6,0.3-1.3,0.3-1.8,0l-66.1-38
+					c-0.6-0.3-0.9-0.9-0.9-1.6l0-66.8c0-0.7-0.4-1.3-0.9-1.6L165.5,97c-1.2-0.7-2.8,0.2-2.8,1.6v84.5c0,3.9,2.1,7.6,5.5,9.5
+					l78.7,45.1c3.4,2,7.6,2,11.1,0l78.4-44.9c3.4-2,5.5-5.6,5.5-9.5V92.7c0-3.9-2.1-7.6-5.5-9.5l-78.4-44.9c-3.4-2-7.6-2-11.1,0
+					l-36.3,20.8c-1.2,0.7-1.2,2.5,0,3.2l18.2,10.4c0.6,0.3,1.3,0.3,1.8,0l20.9-12c0.6-0.3,1.3-0.3,1.8,0l65.8,37.7
+					C319.8,98.7,320.1,99.3,320.1,100z"/>
+				<ellipse class="st1" cx="289.6" cy="138.4" rx="12.4" ry="12.4"/>
+				<ellipse class="st1" cx="249.9" cy="138.4" rx="12.4" ry="12.4"/>
+			</g>
+			<g>
+				<path class="st1" d="M64.6,176l0-76.1c0-0.7,0.4-1.3,0.9-1.6l65.8-37.7c0.6-0.3,1.3-0.3,1.8,0l66.1,38c0.6,0.3,0.9,0.9,0.9,1.6
+					l0,66.8c0,0.7,0.4,1.3,0.9,1.6l18.1,10.4c1.2,0.7,2.8-0.2,2.8-1.6V92.9c0-3.9-2.1-7.6-5.5-9.5l-78.7-45.1c-3.4-2-7.6-2-11.1,0
+					L48.3,83.1c-3.4,2-5.5,5.6-5.5,9.5v90.6c0,3.9,2.1,7.6,5.5,9.5l78.4,44.9c3.4,2,7.6,2,11.1,0l36.3-20.8c1.2-0.7,1.2-2.5,0-3.2
+					l-18.2-10.4c-0.6-0.3-1.3-0.3-1.8,0l-20.9,12c-0.6,0.3-1.3,0.3-1.8,0l-65.8-37.7C65,177.3,64.6,176.7,64.6,176z"/>
+				<ellipse class="st0" cx="95.2" cy="137.6" rx="12.4" ry="12.4"/>
+				<ellipse class="st0" cx="134.9" cy="137.6" rx="12.4" ry="12.4"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/client/img/logo-transparent-bg.svg b/client/img/logo-transparent-bg.svg
new file mode 100644
index 00000000..9daaf865
--- /dev/null
+++ b/client/img/logo-transparent-bg.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 386 276" style="enable-background:new 0 0 386 276;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9E18;}
+	.st1{fill:#415364;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M320.1,100l0,76.1c0,0.7-0.4,1.3-0.9,1.6l-65.8,37.7c-0.6,0.3-1.3,0.3-1.8,0l-66.1-38
+					c-0.6-0.3-0.9-0.9-0.9-1.6l0-66.8c0-0.7-0.4-1.3-0.9-1.6L165.5,97c-1.2-0.7-2.8,0.2-2.8,1.6v84.5c0,3.9,2.1,7.6,5.5,9.5
+					l78.7,45.1c3.4,2,7.6,2,11.1,0l78.4-44.9c3.4-2,5.5-5.6,5.5-9.5V92.7c0-3.9-2.1-7.6-5.5-9.5l-78.4-44.9c-3.4-2-7.6-2-11.1,0
+					l-36.3,20.8c-1.2,0.7-1.2,2.5,0,3.2l18.2,10.4c0.6,0.3,1.3,0.3,1.8,0l20.9-12c0.6-0.3,1.3-0.3,1.8,0l65.8,37.7
+					C319.8,98.7,320.1,99.3,320.1,100z"/>
+				<ellipse class="st1" cx="289.6" cy="138.4" rx="12.4" ry="12.4"/>
+				<ellipse class="st1" cx="249.9" cy="138.4" rx="12.4" ry="12.4"/>
+			</g>
+			<g>
+				<path class="st1" d="M64.6,176l0-76.1c0-0.7,0.4-1.3,0.9-1.6l65.8-37.7c0.6-0.3,1.3-0.3,1.8,0l66.1,38c0.6,0.3,0.9,0.9,0.9,1.6
+					l0,66.8c0,0.7,0.4,1.3,0.9,1.6l18.1,10.4c1.2,0.7,2.8-0.2,2.8-1.6V92.9c0-3.9-2.1-7.6-5.5-9.5l-78.7-45.1c-3.4-2-7.6-2-11.1,0
+					L48.3,83.1c-3.4,2-5.5,5.6-5.5,9.5v90.6c0,3.9,2.1,7.6,5.5,9.5l78.4,44.9c3.4,2,7.6,2,11.1,0l36.3-20.8c1.2-0.7,1.2-2.5,0-3.2
+					l-18.2-10.4c-0.6-0.3-1.3-0.3-1.8,0l-20.9,12c-0.6,0.3-1.3,0.3-1.8,0l-65.8-37.7C65,177.3,64.6,176.7,64.6,176z"/>
+				<ellipse class="st0" cx="95.2" cy="137.6" rx="12.4" ry="12.4"/>
+				<ellipse class="st0" cx="134.9" cy="137.6" rx="12.4" ry="12.4"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/client/index.html.tpl b/client/index.html.tpl
index 97fd904a..ad8497d0 100644
--- a/client/index.html.tpl
+++ b/client/index.html.tpl
@@ -50,8 +50,8 @@
 	<body class="signed-out<%- public ? " public" : "" %>" data-transports="<%- JSON.stringify(transports) %>">
 		<div id="viewport" role="tablist">
 			<aside id="sidebar">
-				<img src="img/logo-horizontal-transparent-bg.svg" class="logo" alt="The Lounge">
-				<img src="img/logo-horizontal-transparent-bg-inverted.svg" class="logo-inverted" alt="The Lounge">
+				<img src="img/logo-<%- public ? 'horizontal-' : '' %>transparent-bg.svg" class="logo" alt="The Lounge">
+				<img src="img/logo-<%- public ? 'horizontal-' : '' %>transparent-bg-inverted.svg" class="logo-inverted" alt="The Lounge">
 				<div class="networks"></div>
 				<div class="empty">
 					You're not connected to any networks yet.