[tor-commits] [webwml/master] Replace twitter links with icons
atagar at torproject.org
atagar at torproject.org
Sun Jul 9 17:08:00 UTC 2017
commit fcdc84af1b95d2a4387b4ba5f1fc352b68ef2df8
Author: Damian Johnson <atagar at torproject.org>
Date: Sat Jul 8 22:28:03 2017 -0700
Replace twitter links with icons
Not quite sure if we'll go with this yet but it certainly does cut down on the
clutter a little.
---
about/en/corepeople_alternate.wml | 19 ++++++++++++-------
images/sources.txt | 5 +++++
images/twitter-small.png | Bin 0 -> 3733 bytes
images/twitter.png | Bin 0 -> 27482 bytes
4 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/about/en/corepeople_alternate.wml b/about/en/corepeople_alternate.wml
index d21cdb7..ea51119 100644
--- a/about/en/corepeople_alternate.wml
+++ b/about/en/corepeople_alternate.wml
@@ -23,9 +23,14 @@ table.people td {
float: left;
}
+.twitter {
+ float: right;
+}
+
.field {
font-family: "Montserrat";
font-size: 0.8rem;
+ color: rgb(50, 50, 50);
}
.description {
@@ -45,18 +50,18 @@ table.people td {
<tr>
<td>
<div class="photo"><img src="$(IMGROOT)/people/ohmygodel.png" alt="ohmygodel" /></div>
+ <div class="twitter"><a href="https://twitter.com/ohmygodel"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name">Aaron Johnson</div>
<div class="field"><b>IRC:</b> ohmygodel</div>
- <div class="field"><b><a href="https://twitter.com/ohmygodel">Twitter</a></b></div>
<div class="field"><b><a href="../keys/ohmygodel.txt">PGP Key</a></b></div>
<div class="description"><a href="https://www.nrl.navy.mil/">NRL</a> researcher in applied cryptography with an interest in Tor’s security and privacy.</div>
</td>
<td>
<div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
+ <div class="twitter"><a href="https://twitter.com/flexlibris"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name">Alison Macrina</div>
<div class="field"><b>IRC:</b> flexlibris</div>
- <div class="field"><b><a href="https://twitter.com/flexlibris">Twitter</a></b></div>
<div class="field"><b><a href="../keys/flexlibris.txt">PGP Key</a></b></div>
<div class="description">Leads Community Team and the Library Freedom Project. Works on support, outreach, and training.</div>
</td>
@@ -73,9 +78,9 @@ table.people td {
<td>
<div class="photo"><img src="$(IMGROOT)/people/hellais.png" alt="hellais" /></div>
+ <div class="twitter"><a href="https://twitter.com/hellais"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name">Arturo Filastò</div>
<div class="field"><b>IRC:</b> hellais</div>
- <div class="field"><b><a href="https://twitter.com/hellais">Twitter</a></b></div>
<div class="field"><b><a href="../keys/hellais.txt">PGP Key</a></b></div>
<div class="description">Project leader for <a href="https://ooni.torproject.org/">OONI</a>, has helped with <a href="http://tor2web.org/">tor2web</a>, wrote <a href="https://atlas.torproject.org/">Atlas</a>, and helps improve security.</div>
</td>
@@ -102,9 +107,9 @@ table.people td {
<tr>
<td>
<div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
+ <div class="twitter"><a href="https://twitter.com/david415"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name"><a href="https://github.com/david415/">David Stainton</a></div>
<div class="field"><b>IRC:</b> dawuud</div>
- <div class="field"><b><a href="https://twitter.com/david415">Twitter</a></b></div>
<div class="field"><b><a href="../keys/dawuud.txt">PGP Key</a></b></div>
<div class="description">Author of roflcoptor and honeybadger. Researches mixnets and contributes to txtorcon.</div>
</td>
@@ -119,9 +124,9 @@ table.people td {
<tr>
<td>
<div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
+ <div class="twitter"><a href="https://twitter.com/qbi"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name">Jens Kubieziel</div>
<div class="field"><b>IRC:</b> qbi</div>
- <div class="field"><b><a href="https://twitter.com/qbi">Twitter</a></b></div>
<div class="field"><b><a href="../keys/qbi.txt">PGP Key</a></b></div>
<div class="description">Volunteer that helps translate the website, is part of TorServers.net, and Tor's sysadmin team.</div>
</td>
@@ -145,9 +150,9 @@ table.people td {
<td>
<div class="photo"><img src="$(IMGROOT)/people/robgjansen.png" alt="robgjansen" /></div>
+ <div class="twitter"><a href="https://twitter.com/robgjansen"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name"><a href="http://www.robgjansen.com/">Rob Jansen</a></div>
<div class="field"><b>IRC:</b> robgjansen</div>
- <div class="field"><b><a href="https://twitter.com/robgjansen">Twitter</a></b></div>
<div class="field"><b><a href="../keys/robgjansen.txt">PGP Key</a></b></div>
<div class="description">Security research scientist, leading expert in Tor network performance, and author of <a href="http://shadow.github.io/">Shadow</a>.</div>
</td>
@@ -172,9 +177,9 @@ table.people td {
<tr>
<td>
<div class="photo"><img src="$(IMGROOT)/people/tjr.png" alt="tjr" /></div>
+ <div class="twitter"><a href="https://twitter.com/tomrittervg"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
<div class="name">Tom Ritter</div>
<div class="field"><b>IRC:</b> tjr</div>
- <div class="field"><b><a href="https://twitter.com/tomrittervg">Twitter</a></b></div>
<div class="field"><b><a href="../keys/tjr.txt">PGP Key</a></b></div>
<div class="description">Maintains <a href="https://consensus-health.torproject.org/">Consensus Health </a>, runs one of the bandwidth authorities, and contributes to Tor Browser.</div>
</td>
diff --git a/images/sources.txt b/images/sources.txt
new file mode 100644
index 0000000..2ee8f4c
--- /dev/null
+++ b/images/sources.txt
@@ -0,0 +1,5 @@
+twitter.png and twitter-small.png
+ Artist: Guilherme Lima (http://www.iconarchive.com/artist/limav.html)
+ From: http://www.iconarchive.com/show/flat-gradient-social-icons-by-limav/Twitter-icon.html
+ License: Free for non-commercial use
+
diff --git a/images/twitter-small.png b/images/twitter-small.png
new file mode 100644
index 0000000..43e4330
Binary files /dev/null and b/images/twitter-small.png differ
diff --git a/images/twitter.png b/images/twitter.png
new file mode 100644
index 0000000..bed2548
Binary files /dev/null and b/images/twitter.png differ
More information about the tor-commits
mailing list