torproject/styleguide
1
0
Fork 0
mirror of https://github.com/torproject/styleguide.git synced 2024-12-11 19:23:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Minor UI fixing

Browse Source
This commit is contained in:
Antonela 2019-12-04 18:50:33 -03:00
parent 9018a7422c
commit cfad7923c2
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
templates/brand-assets.html
View File

@ -15,39 +15,39 @@
<div class="row">
<div class="col-sm-6">
<div class="image border p-5">
<img src="/static/images/color.svg">
<img src="/static/images/color.svg"/>
</div>
<h6 class="text-left pt-3">Default</h6>
<h5 class="text-left pt-3 pb-5">Default</h5>
</div>
<div class="col-sm-3">
<div class="image border p-5">
<img src="/static/images/purple.svg">
<img src="/static/images/purple.svg"/>
</div>
<h6 class="text-left pt-3">Purple</h6>
<h5 class="text-left pt-3">Purple</h5>
</div>
<div class="col-sm-3">
<div class="image border p-5">
<img src="/static/images/black.svg">
<img src="/static/images/black.svg"/>
</div>
<h6 class="text-left pt-3">Black</h6>
<h5 class="text-left pt-3">Black</h5>
</div>
</div>
<div class="row mb-5">
<div class="col-sm-3">
<div class="image border bg-primary p-5">
<img src="/static/images/white.svg">
<img src="/static/images/white.svg"/>
</div>
<h6 class="text-left pt-3">Invert</h6>
<h5 class="text-left pt-3">Invert</h5>
</div>
<div class="col-sm-3">
<div class="image border bg-dark p-5">
<img src="/static/images/white.svg">
<img src="/static/images/white.svg"/>
</div>
<h6 class="text-left pt-3">Dark</h6>
<h5 class="text-left pt-3">Dark</h5>
</div>
<div class="col-sm-6">
<div class="border p-5 text-left">
<h6>Download Tor Logo Assets</h6>
<h5>Download Tor Logo Assets</h5>
<p class="m-0">This package includes .png and .svg files</p>
<a class="btn btn-lg btn-link p-0" title="Tor Media Repo" href="https://gitweb.torproject.org/project/web/styleguide.git/tree/assets/static/images/tor-logo" target="_blank">Visit Repo</a>
</div>
@ -61,40 +61,42 @@
</div>
<div class="row">
<div class="col-sm-6">
<div class="image border text-center p-5">
<img class="w-75" src="/static/images/tor-browser/stable/stable.svg">
<div class="image border text-center pb-5">
<img class="w-75" src="/static/images/tor-browser/stable/stable.svg"/>
</div>
<h6 class="text-left pt-3">Stable</h6>
<h5 class="text-left pt-3 pb-5">Stable</h5>
</div>
<div class="col-sm-3">
<div class="image border text-center p-5">
<img class="w-75" src="/static/images/tor-browser/stable/stable.svg">
<img class="w-100" src="/static/images/tor-browser-android/res/stable/drawable-xxhdpi/large_icon.png"/>
</div>
<h6 class="text-left pt-3">Android</h6>
<h5 class="text-left pt-3">Android</h5>
</div>
<div class="col-sm-3">
<div class="image border text-center p-5">
<img class="w-75" src="/static/images/tor-browser/glyph/glyph.svg">
<img class="w-75 py-4 mx-auto" src="/static/images/tor-browser/glyph/glyph.svg"/>
<img class="w-50 py-4 mx-3" src="/static/images/tor-browser/glyph/glyph.svg"/>
<img class="w-25 py-4 mx-auto" src="/static/images/tor-browser/glyph/glyph.svg"/>
</div>
<h6 class="text-left pt-3">Glyph</h6>
<h5 class="text-left pt-3">Onion Glyph</h5>
</div>
</div>
<div class="row mb-5">
<div class="col-sm-3">
<div class="image border text-center p-5" style="background:#111;">
<img class="w-75" src="/static/images/tor-browser/alpha/alpha.svg"">
<img class="w-75" src="/static/images/tor-browser/alpha/alpha.svg"/>
</div>
<h6 class="text-left pt-3">Alpha</h6>
<h5 class="text-left pt-3">Alpha</h5>
</div>
<div class="col-sm-3">
<div class="image border bg-black text-center p-5" style="background:#111;">
<img class="w-75" src="/static/images/tor-browser/nightly/nightly.svg">
<img class="w-75" src="/static/images/tor-browser/nightly/nightly.svg"/>
</div>
<h6 class="text-left pt-3">Nightly</h6>
<h5 class="text-left pt-3">Nightly</h5>
</div>
<div class="col-sm-6">
<div class="border p-5 text-left">
<h6>Download Tor Browser Icon</h6>
<h5>Download Tor Browser Icon</h5>
<p class="m-0">This package includes .png and .svg files</p>
<a class="btn btn-lg btn-link p-0" title="Tor Media Repo" href="https://gitweb.torproject.org/project/web/styleguide.git/tree/assets/static/images/tor-browser" target="_blank">Visit Repo</a>
</div>