Display full logo+text on public mode, logo-only on private mode

This commit is contained in:
Jérémie Astori 2018-04-13 02:14:19 -04:00
parent ad3688e61d
commit a97aa59689
No known key found for this signature in database
GPG key ID: B9A4F245CD67BDE8
3 changed files with 66 additions and 2 deletions

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -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.