[tor-commits] [styleguide/master] Add onion pattern

[antonela at torproject.org]

commit 770c84d077cc9373d6232279c11d111f2cd2c069
Author: Antonela <hola at antonela.me>
Date:   Wed Dec 4 20:41:18 2019 -0300

    Add onion pattern
---
 databags/visuals.ini   |  4 ++++
 templates/visuals.html | 37 +++++++++++++++++++++++++++++++++++--
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/databags/visuals.ini b/databags/visuals.ini
index cf79438..b2fad4c 100644
--- a/databags/visuals.ini
+++ b/databags/visuals.ini
@@ -17,3 +17,7 @@ label = Icons
 [Illustrations]
 path = #illustrations
 label = Illustrations
+
+[Pattern]
+path = #pattern
+label = Pattern
diff --git a/templates/visuals.html b/templates/visuals.html
index dc6940a..e0d031c 100644
--- a/templates/visuals.html
+++ b/templates/visuals.html
@@ -50,7 +50,7 @@
   </div>
 
   <h3 class="mt-5">Apps</h3>
-  <p class="text-muted">The main Tor Project color is Purple. Use Dark Purple as a secondary option.</p>
+  <p class="text-muted">.</p>
   <div class="row">
       <div class="col-3">
           <div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 text-white small" style="background:blueviolet;"><code>blueviolet</code></div>
@@ -479,6 +479,7 @@
        </div>
      </div>
 
+
      <h1 id="illustrations"> </h1>
      <div class="page-header mb-4 mt-5">
        <h3>Illustrations</h3>
@@ -500,8 +501,40 @@
          <img src="../static/images/home/svg/browse-freely.svg" alt="browse freely"/>
        </div>
        <div class="col-4">
-         <img src="../static/images/download/svg/get-connected.svg" alt="get connected"/>
+         <img src="https://torproject.org/static/images/download/svg/get-connected.svg" alt="get connected"/>
+       </div>
+
+       <div class="page-header mb-4 mt-5">
+         <h3>Tor Browser Onboarding</h3>
+       </div>
+       <div class="col-4">
+         <img src="../static/images/home/svg/encryption.svg" alt="encryption"/>
+       </div>
+       <div class="col-4">
+         <img src="../static/images/home/svg/browse-freely.svg" alt="browse freely"/>
+       </div>
+       <div class="col-4">
+         <img src="https://torproject.org/static/images/download/svg/get-connected.svg" alt="get connected"/>
+       </div>
+       <div class="col-4">
+         <img src="../static/images/home/svg/encryption.svg" alt="encryption"/>
+       </div>
+       <div class="col-4">
+         <img src="../static/images/home/svg/browse-freely.svg" alt="browse freely"/>
+       </div>
+       <div class="col-4">
+         <img src="https://torproject.org/static/images/download/svg/get-connected.svg" alt="get connected"/>
        </div>
+
+     </div>
+
+
+     <h1 id="pattern"> </h1>
+     <div class="page-header mb-4 mt-5">
+       <h3>Onion Pattern</h3>
+     </div>
+     <div class="row">
+    
      </div>
 </main>
 {% endblock %}