[tor-commits] [styleguide/master] Add Illustrations

[antonela at torproject.org]

commit e0f29abd9f1484f1b6c92a804cae42862f5cebf7
Author: Antonela <hola at antonela.me>
Date:   Wed Dec 4 19:32:22 2019 -0300

    Add Illustrations
---
 databags/visuals.ini   |  4 ++++
 templates/visuals.html | 27 ++++++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/databags/visuals.ini b/databags/visuals.ini
index 76178d3..cf79438 100644
--- a/databags/visuals.ini
+++ b/databags/visuals.ini
@@ -13,3 +13,7 @@ label = Typography
 [Icons]
 path = #icons
 label = Icons
+
+[Illustrations]
+path = #illustrations
+label = Illustrations
diff --git a/templates/visuals.html b/templates/visuals.html
index 1357026..dc6940a 100644
--- a/templates/visuals.html
+++ b/templates/visuals.html
@@ -69,7 +69,7 @@
           <h5 class="text-left">Lime</h5>
       </div>
   </div>
-  
+
   <h1 id="grid"></h1>
   <div class="page-header mb-4 mt-5">
     <h3>Grid</h3>
@@ -478,5 +478,30 @@
            <span class="badge p-0">valid</span>
        </div>
      </div>
+
+     <h1 id="illustrations"> </h1>
+     <div class="page-header mb-4 mt-5">
+       <h3>Illustrations</h3>
+     </div>
+     <div class="row">
+       <div class="col-4">
+         <img src="../static/images/home/svg/block-trackers.svg" alt="block trackers"/>
+       </div>
+       <div class="col-4">
+         <img src="../static/images/home/svg/surveillance.svg" alt="surveillance"/>
+       </div>
+       <div class="col-4">
+         <img src="../static/images/home/svg/fingerprinting.svg" alt="fingerprinting"/>
+       </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="../static/images/download/svg/get-connected.svg" alt="get connected"/>
+       </div>
+     </div>
 </main>
 {% endblock %}