tor-webwml.git

Replace PGP links with icons too
Parent fcdc84af1
Damian Johnson

Damian Johnson commited on 2017-07-09 08:10:34
Zeige 4 geänderte Dateien mit 30 Einfügungen und 22 Löschungen. 

Kinda torn. On one side it's less cluttered, but on the other not really sure I
like it. Gonna send screenshots to the list to see what they think.
about/en/corepeople_alternate.wml
Zeige Datei @ 27d800ca7
... ... 
@@ -23,7 +23,10 @@ table.people td {
23 23 
   float: left;
24 24 
 }
25 25
26 
-.twitter {
26 
+.icon {
27 
+  width: 24px;
28 
+  margin-right: 4px;
29 
+  padding: 0px;
27 30 
   float: right;
28 31 
 }
29 32
... ... 
@@ -50,19 +53,19 @@ table.people td {
50 53 
   <tr>
51 54 
     <td>
52 55 
       <div class="photo"><img src="$(IMGROOT)/people/ohmygodel.png" alt="ohmygodel" /></div>
53 
-      <div class="twitter"><a href="https://twitter.com/ohmygodel"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
56 
+      <div class="icon"><a href="https://twitter.com/ohmygodel"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
57 
+      <div class="icon"><a href="../keys/ohmygodel.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
54 58 
       <div class="name">Aaron Johnson</div>
55 59 
       <div class="field"><b>IRC:</b> ohmygodel</div>
56 
-      <div class="field"><b><a href="../keys/ohmygodel.txt">PGP Key</a></b></div>
57 60 
       <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>
58 61 
     </td>
59 62
60 63 
     <td>
61 64 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
62 
-      <div class="twitter"><a href="https://twitter.com/flexlibris"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
65 
+      <div class="icon"><a href="https://twitter.com/flexlibris"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
66 
+      <div class="icon"><a href="../keys/flexlibris.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
63 67 
       <div class="name">Alison Macrina</div>
64 68 
       <div class="field"><b>IRC:</b> flexlibris</div>
65 
-      <div class="field"><b><a href="../keys/flexlibris.txt">PGP Key</a></b></div>
66 69 
       <div class="description">Leads Community Team and the Library Freedom Project. Works on support, outreach, and training.</div>
67 70 
     </td>
68 71 
   </tr>
... ... 
@@ -70,18 +73,18 @@ table.people td {
70 73 
   <tr>
71 74 
     <td>
72 75 
       <div class="photo"><img src="$(IMGROOT)/people/arthuredelstein.png" alt="arthuredelstein" /></div>
76 
+      <div class="icon"><a href="../keys/arthuredelstein.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
73 77 
       <div class="name">Arthur Edelstein</div>
74 78 
       <div class="field"><b>IRC:</b> arthuredelstein</div>
75 
-      <div class="field"><b><a href="../keys/arthuredelstein.txt">PGP Key</a></b></div>
76 79 
       <div class="description">Works on Tor Browser.</div>
77 80 
     </td>
78 81
79 82 
     <td>
80 83 
       <div class="photo"><img src="$(IMGROOT)/people/hellais.png" alt="hellais" /></div>
81 
-      <div class="twitter"><a href="https://twitter.com/hellais"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
84 
+      <div class="icon"><a href="https://twitter.com/hellais"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
85 
+      <div class="icon"><a href="../keys/hellais.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
82 86 
       <div class="name">Arturo Filastò</div>
83 87 
       <div class="field"><b>IRC:</b> hellais</div>
84 
-      <div class="field"><b><a href="../keys/hellais.txt">PGP Key</a></b></div>
85 88 
       <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>
86 89 
     </td>
87 90 
   </tr>
... ... 
@@ -89,17 +92,17 @@ table.people td {
89 92 
   <tr>
90 93 
     <td>
91 94 
       <div class="photo"><img src="$(IMGROOT)/people/atagar.png" alt="atagar" /></div>
95 
+      <div class="icon"><a href="../keys/atagar.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
92 96 
       <div class="name">Damian Johnson</div>
93 97 
       <div class="field"><b>IRC:</b> atagar</div>
94 
-      <div class="field"><b><a href="../keys/atagar.txt">PGP Key</a></b></div>
95 98 
       <div class="description">Author of the <a href="https://stem.torproject.org/">Stem</a> python controller library and <a href="http://www.atagar.com/arm/">Nyx</a> relay monitor.</div>
96 99 
     </td>
97 100
98 101 
     <td>
99 102 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
103 
+      <div class="icon"><a href="../keys/dgoulet.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
100 104 
       <div class="name">David Goulet</div>
101 105 
       <div class="field"><b>IRC:</b> dgoulet</div>
102 
-      <div class="field"><b><a href="../keys/dgoulet.txt">PGP Key</a></b></div>
103 106 
       <div class="description">Core member of Tor development team.</div>
104 107 
     </td>
105 108 
   </tr>
... ... 
@@ -107,10 +110,10 @@ table.people td {
107 110 
   <tr>
108 111 
     <td>
109 112 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
110 
-      <div class="twitter"><a href="https://twitter.com/david415"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
113 
+      <div class="icon"><a href="https://twitter.com/david415"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
114 
+      <div class="icon"><a href="../keys/dawuud.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
111 115 
       <div class="name"><a href="https://github.com/david415/">David Stainton</a></div>
112 116 
       <div class="field"><b>IRC:</b> dawuud</div>
113 
-      <div class="field"><b><a href="../keys/dawuud.txt">PGP Key</a></b></div>
114 117 
       <div class="description">Author of roflcoptor and honeybadger. Researches mixnets and contributes to txtorcon.</div>
115 118 
     </td>
116 119
... ... 
@@ -124,17 +127,17 @@ table.people td {
124 127 
   <tr>
125 128 
     <td>
126 129 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
127 
-      <div class="twitter"><a href="https://twitter.com/qbi"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
130 
+      <div class="icon"><a href="https://twitter.com/qbi"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
131 
+      <div class="icon"><a href="../keys/qbi.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
128 132 
       <div class="name">Jens Kubieziel</div>
129 133 
       <div class="field"><b>IRC:</b> qbi</div>
130 
-      <div class="field"><b><a href="../keys/qbi.txt">PGP Key</a></b></div>
131 134 
       <div class="description">Volunteer that helps translate the website, is part of TorServers.net, and Tor's sysadmin team.</div>
132 135 
     </td>
133 136
134 137 
     <td>
135 138 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
139 
+      <div class="icon"><a href="https://gaffer.ptitcanardnoir.org/intrigeri/contact/"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
136 140 
       <div class="name">intrigeri</div>
137 
-      <div class="field"><b><a href="https://gaffer.ptitcanardnoir.org/intrigeri/contact/">PGP Key</a></b></div>
138 141 
       <div class="description">Our main interface with the <a href="https://tails.boum.org/">Tails</a> project.</div>
139 142 
     </td>
140 143 
   </tr>
... ... 
@@ -142,18 +145,18 @@ table.people td {
142 145 
   <tr>
143 146 
     <td>
144 147 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
148 
+      <div class="icon"><a href="../keys/pastly.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
145 149 
       <div class="name"><a href="http://mattttttssi4lhud.onion/">Matt Traudt</a></div>
146 150 
       <div class="field"><b>IRC:</b> pastly</div>
147 
-      <div class="field"><b><a href="../keys/pastly.txt">PGP Key</a></b></div>
148 151 
       <div class="description">Implemented the <a href="http://www.robgjansen.com/publications/kist-sec2014.pdf">KIST scheduler</a> into Tor. Helps safely measure Tor. Says helpful things on IRC.</div>
149 152 
     </td>
150 153
151 154 
     <td>
152 155 
       <div class="photo"><img src="$(IMGROOT)/people/robgjansen.png" alt="robgjansen" /></div>
153 
-      <div class="twitter"><a href="https://twitter.com/robgjansen"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
156 
+      <div class="icon"><a href="https://twitter.com/robgjansen"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
157 
+      <div class="icon"><a href="../keys/robgjansen.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
154 158 
       <div class="name"><a href="http://www.robgjansen.com/">Rob Jansen</a></div>
155 159 
       <div class="field"><b>IRC:</b> robgjansen</div>
156 
-      <div class="field"><b><a href="../keys/robgjansen.txt">PGP Key</a></b></div>
157 160 
       <div class="description">Security research scientist, leading expert in Tor network performance, and author of <a href="http://shadow.github.io/">Shadow</a>.</div>
158 161 
     </td>
159 162 
   </tr>
... ... 
@@ -167,9 +170,9 @@ table.people td {
167 170
168 171 
     <td>
169 172 
       <div class="photo"><img src="$(IMGROOT)/people/no_photo.png" alt="no photo" /></div>
173 
+      <div class="icon"><a href="../keys/teor.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
170 174 
       <div class="name">Tim Wilson-Brown</div>
171 175 
       <div class="field"><b>IRC:</b> teor</div>
172 
-      <div class="field"><b><a href="../keys/teor.txt">PGP Key</a></b></div>
173 176 
       <div class="description">Onion services developer, and core member of Tor dev team. Researches Tor network measurement and onion service scalability.</div>
174 177 
     </td>
175 178 
   </tr>
... ... 
@@ -177,18 +180,18 @@ table.people td {
177 180 
   <tr>
178 181 
     <td>
179 182 
       <div class="photo"><img src="$(IMGROOT)/people/tjr.png" alt="tjr" /></div>
180 
-      <div class="twitter"><a href="https://twitter.com/tomrittervg"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
183 
+      <div class="icon"><a href="https://twitter.com/tomrittervg"><img src="$(IMGROOT)/twitter-small.png" alt="twitter" /></a></div>
184 
+      <div class="icon"><a href="../keys/tjr.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
181 185 
       <div class="name">Tom Ritter</div>
182 186 
       <div class="field"><b>IRC:</b> tjr</div>
183 
-      <div class="field"><b><a href="../keys/tjr.txt">PGP Key</a></b></div>
184 187 
       <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>
185 188 
     </td>
186 189
187 190 
     <td>
188 191 
       <div class="photo"><img src="$(IMGROOT)/people/t0mmy.png" alt="t0mmy" /></div>
192 
+      <div class="icon"><a href="../keys/t0mmy.txt"><img src="$(IMGROOT)/pgp-key.png" alt="twitter" /></a></div>
189 193 
       <div class="name">Tommy Collison</div>
190 194 
       <div class="field"><b>IRC:</b> t0mmy</div>
191 
-      <div class="field"><b><a href="../keys/t0mmy.txt">PGP Key</a></b></div>
192 195 
       <div class="description">Writes and edits grant proposals, one-pagers, blogposts, etc.</div>
193 196 
     </td>
194 197 
   </tr>
images/pgp-key-large.png
Zeige Datei @ 27d800ca7
images/pgp-key.png
Zeige Datei @ 27d800ca7
images/sources.txt
Zeige Datei @ 27d800ca7
... ... 
@@ -1,3 +1,8 @@
1 
+pgp-key.png
2 
+  Artist: FatCow Web Hosting (http://www.fatcow.com/)
3 
+  From: Wikimedia Commons (https://commons.wikimedia.org/wiki/File:Farm-Fresh_key.png)
4 
+  License: Creative Commons v3 (share, remix, attribution)
5 
+
1 6 
 twitter.png and twitter-small.png
2 7 
   Artist: Guilherme Lima (http://www.iconarchive.com/artist/limav.html)
3 8 
   From: http://www.iconarchive.com/show/flat-gradient-social-icons-by-limav/Twitter-icon.html
4 9