torproject/styleguide
1
0
Fork 0
mirror of https://github.com/torproject/styleguide.git synced 2025-03-02 14:18:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Mobile Fixes

Browse Source 
- icons
- logo assets
This commit is contained in:
Antonela 2018-03-06 11:52:28 +01:00
parent c2b933f06c
commit 7a678a164c
1 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
templates/visuals.html
View File

@ -245,210 +245,210 @@
<p class="text-muted">Download the Tor icons set from <a class="btn-link" title="Tor Icons" href="https://people.torproject.org/~irl/icons/tor-icons.zip" target="_blank">here</a> (.zip)</p>
</div>
<div class="row">
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-authority text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">authority</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-badexit text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">badexit</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-bridge text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">bridge</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-country text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">country</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-directory text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">directory</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-exit text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">exit</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-fallbackdir text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">fallbackdir</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-fast text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">fast</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-fingerprint text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">fingerprint</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-guard text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">guard</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-hibernating text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">hibernating</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-hsdir text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">hsdir</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-ipv4 text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">ipv4</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-ipv6 text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">ipv6</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-ipv6exit text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">ipv6exit</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-noedconsensus text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">noedconsensus</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-notrecommended text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">notrecommended</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-onion-alt text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">onion</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-onion text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">onion-alt</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-reachableipv4 text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">reachableipv4</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-reachableipv6 text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">reachableipv6</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-relay text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">relay</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-running text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">running</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-stable text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">stable</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-tshirt text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">tshirt</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-unmeasured text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">unmeasured</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-unreachableipv4 text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">unreachableipv4</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-unreachableipv6 text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">unreachableipv6</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-v2dir text-muted" style="font-size:1.75rem;"></i>
</span>
<br>
<span class="badge p-0">v2dir</span>
</div>
<div class="col-2 text-center pt-3 pb-3">
<div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<span class="inner">
<i class="ti ti-valid text-muted" style="font-size:1.75rem;"></i>
</span>
@ -464,19 +464,19 @@
<p class="text-muted">The Tor Project brand assets are included here. Use them responsibly.</p>
</div>
<div class="row">
<div class="col-6">
<div class="col-sm-6">
<div class="image border p-5">
<img src="/static/images/color.svg">
</div>
<h6 class="text-left pt-3">Default</h6>
</div>
<div class="col-3">
<div class="col-sm-3">
<div class="image border p-5">
<img src="/static/images/purple.svg">
</div>
<h6 class="text-left pt-3">Purple</h6>
</div>
<div class="col-3">
<div class="col-sm-3">
<div class="image border p-5">
<img src="/static/images/black.svg">
</div>
@ -484,19 +484,19 @@
</div>
</div>
<div class="row mb-5">
<div class="col-3">
<div class="col-sm-3">
<div class="image border bg-primary p-5">
<img src="/static/images/white.svg">
</div>
<h6 class="text-left pt-3">Invert</h6>
</div>
<div class="col-3">
<div class="col-sm-3">
<div class="image border bg-dark p-5">
<img src="/static/images/white.svg">
</div>
<h6 class="text-left pt-3">Dark</h6>
</div>
<div class="col-6">
<div class="col-sm-6">
<div class="border p-5 text-left">
<h6>Download Tor Logo Assets</h6>
<p class="m-0">This package includes .png and .svg files</p>