From 57c594cfe8dc6ce39bf9561eb66ea01d44130bca Mon Sep 17 00:00:00 2001
From: Kilian Valkhof <kilian@kilianvalkhof.com>
Date: Mon, 22 Feb 2010 20:32:19 +0100
Subject: [PATCH] update trimage website design, add icons and rewrite parts

---
 website/index.html  |  44 ++++++++++++++++++++++++--------------------
 website/linux.png   | Bin 0 -> 1314 bytes
 website/mac.png     | Bin 0 -> 968 bytes
 website/ubuntu.png  | Bin 0 -> 1149 bytes
 website/windows.png | Bin 0 -> 1877 bytes
 5 files changed, 24 insertions(+), 20 deletions(-)
 create mode 100644 website/linux.png
 create mode 100644 website/mac.png
 create mode 100644 website/ubuntu.png
 create mode 100644 website/windows.png

diff --git a/website/index.html b/website/index.html
index 2392eef..ec72243 100644
--- a/website/index.html
+++ b/website/index.html
@@ -28,13 +28,14 @@
       h1 img {
         position:absolute;
         top:-40px;
-        left:-80px;
+        left:10px;
       }
       .subtitle {
         font-style:italic;
         display:block;
         margin-bottom:1em;
         font-size:1.5em;
+        margin-top:-0.75em;
       }
       .tri {
         -moz-column-count:3;
@@ -44,15 +45,18 @@
       img {
         margin-bottom:1.5em;
       }
+      h3 img {margin:0;}
       h2, h1 {
-        background:#e0e0f0;
-        padding:5px;
+        color:#fff;
+        background:#76b9fb;
+        padding:10px;
         -moz-border-radius:5px;
         -webkit-border-radius:5px;
       }
+      h1, .subtitle {padding-left:80px;}
       .footer {
-        background:#e0e0f0;
-        padding:5px;
+        background:#76b9fb;
+        padding:10px;
         -moz-border-radius:5px;
         -webkit-border-radius:5px;
         clear:both;
@@ -65,36 +69,36 @@
   <div id="wrap">
     <h1><img src="trimage-icon.png" alt=""> Trimage image compressor</h1>
     <span class="subtitle">A cross-platform tool for optimizing PNG and JPG files.</span>
+    <p class="tri">Trimage is a cross-platform GUI and command-line interface to optimize image files via <a href="">optipng</a>,
+    <a href="">advpng</a> and <a href="">jpegoptim</a>, depending on the filetype (currently, PNG and JPG files are supported). It
+    was inspired by <a href="http://imageoptim.pornel.net/">imageoptim</a>. All image files are losslessy compressed on the highest
+    available compression levels. Trimage gives you various input functions to fit your own workflow: A regular file dialog, dragging
+    and dropping and various command line options.</p>
 
-    <p class="tri">Trimage is a cross-platform GUI and command line interface to <a href="">optipng</a>,
-    <a href="">advpng</a> and <a href="">jpegoptim</a>. Trimage is made to do <strong>one thing well</strong>
-    and make it as easy as possible for you to compress images. Trimage offers a number of ways to feed it your
-    images, such as a standard file dialog, drag and drop and command line options. Trimage was born out of a desire
-    to have an application such as <a href="http://imageoptim.pornel.net/">imageoptim</a> available on Ubuntu.</p>
-
-    <h2>Screenshot</h2>
-    <img src="image.png" alt="">
+    <h2>Trimage in action</h2>
+    <img src="image.png" alt="a screenshot of Trimage">
 
     <div class="block2">
       <h2>Download</h2>
-      <h3>Ubuntu</h3>
+      <h3><img src="ubuntu.png" alt=""> Ubuntu</h3>
       <ol>
         <li><code>sudo add-apt-repository bla</code></li>
         <li><code>sudo apt-get install trimage</code></li>
       </ol>
 
-      <h3>Other *nix</h3>
+      <h3><img src="linux.png" alt=""> Other *nix</h3>
       <p>Download the source via Github, [do something]</p>
 
-      <h3>Mac</h3>
+      <h3><img src="mac.png" alt=""> Mac</h3>
       <p>Trimage should be able to run on Mac. <a href="mailto:help@trimage.org">Help us with this</a></p>
-      <h3>Windows</h3>
+      <h3><img src="windows.png" alt=""> Windows</h3>
       <p>Trimage should be able to run on Windows. <a href="mailto:help@trimage.org">Help us with this</a></p>
     </div>
     <div class="block">
-      <h2>Source</h2>
-      <p>Trimage is an MIT licenced open source project, and lives on <a href="">GitHub</a>. We encourage contributions!</p>
-      <p>Trimage is also available on <a href="">Launchpad</a>.</p>
+      <h2>Repositories</h2>
+      <p><strong>Git:</strong> Trimage is primarily developed on <a href="">GitHub</a>.</p>
+      <p><strong>Bzr:</strong> Trimage is also available on <a href="">Launchpad</a>.</p>
+      <p>Trimage is MIT licenced. We encourage contributions via GitHub.</p>
     </div>
     <div class="block">
       <h2>Thanks</h2>
diff --git a/website/linux.png b/website/linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..86ffa7cc9231ae755f6a49bece4b49a15501d65e
GIT binary patch
literal 1314
zcmeAS@N?(olHy`uVBq!ia0y~yV2}Y}4mJh`h9chkQy3T+7>k44ofy`glX=O&z`&N|
z?e4<x9|RZdT|SwCfq}EYBeIx*fm;}a85w5Hkzin8U@!6Xb!ETBBql7cFk|}Ptqcq-
zi#%N%Lp+Xeofe%F5-QTRzt-=0iIwi&0KL=<>jvKPuBS;Kmnyk<HBG-EG&`eWf<&@|
zr;kTX<ANr|AmJ$)9}api>f}@ux}xUc!J(2Rz2t3(W{}}V)jPVm?5BLvmlfB^&ye&!
zt$K7*+&RnY^>5y<`MZAWri3rwgf6heu>aenlg<6$vEofPhX(Ewg)-ZhEpt1tvYoX@
zrI9J6XQH9n*S(cKp3_pFGHL1SPrv?pYHDQE)~u;o+S<Vf>=}%wo%wiry8iW_pP%1V
z^`8FnZF$*>rAu9Nb8|Hxs2<q&zQ3PIV)BtwueLsG73I`AT@|q<LvZH394@X;j6%tJ
z36Tkt&dF?8@<7G4Z{fPf!C#`COSKMVH>B$*r)0jo`ayZAp2{zeisb^kYlQFj9!}UJ
zA|@ur@c6jMjhfQD9S<L{%<?~GQU6Uy@*d}rXRIGnBd=V!B5`|LdH>U1ySUicwcjqw
z-rD`z*HrHA`Uo9G&s+OycehPBea3KQ*PAzQxG!d0nYtv~cJCyW>!qrmckkYnx+HLH
z38&2ZwQHxUs0wkqF24AsIzNBC(!`Fi^>MZ)r~Lo*x1~CShK5dk^wDBk>cd@mRmLJ*
z7cX2m@ayaAkH7!^sIg;|Zs_C}nRWbe=BgDd0!{^8pHa1J&F0O)jSdd3uC6P~zW;9i
z@JCqPFC;sAb+!755A#>7UqAh^g_fRPS)=0t`&HU!Pn=l6+v?;q-|jAhMDmMQuaXK1
zKA71j=WV^v)y0*xQR464ziKz1t#W5R^Qpq7nyE49>60f*#Mj5{oW#bn{nDjNQ+QS`
zow}IOZ}lAEg-7gfMr`YylCxr?#J1Y%{;;CYZbuACvkc|>+fPnbXZ};{e^AQ)$9vl^
z%(qK6hKSd1xq79<Xl=NGM2L-?{KDiN$=y|Tv*zpdx{IH?c5i!;*<EvQyXuK^^5c@7
zml&Q8-Eb-NHdAh`<l7rR1Fam})cdtxzWMH5@-f=`rr9Tnl6Sj(j`}}|+oitdvG%;4
zxf1HzmwIrWE4{icBCnwHOZhsna}K4YrCusR%8PbOPVIX$Z{@-Gi#OL_Y-M({3SH;&
z*=A=h>u1I!-=E5+Z!(zum$4^LZ#e0dwk#lCGJX&H*|p2vQ&y-5>CJil=GZ3PQ(`^`
z><{xd^G$mjnzUib+1$C?u0>um7rOC7ozsZ*lCEl=Z0ANDv9o6$znS>FP$u1Flg-{V
z-niB5$?Od;6S@S1*pk!Jq9P*KFZa&XC^#B?=1?(n(%mK*<<vwL3Fa`lz3KN-Z~qRT
z5hRn4kkH`V&Uf+NJwFSXXP2!U_#~P)82BCf^8MR~kNaM)x7oh@`RS6gd}}{{GD>?>
zHFa*>?4_=)Q$)n0Q~J-d-k$iVwxsmPnKh*X#V>vR3Ir9DPp5fZZnxMhUY%<Fm?NHl
zcC!6_n}2V@?lD+37G$wVa+x^TJ@Dn*c3DpQVQ268fb9u<s_VLo--!F=-8-)KAnVe7
zHm-&}dtd*kxfk<iTWj?Pjo+{NH|xH<%=_i8=AkR)d=t1+m?Ilbeox#Zw?pQUm4L6`
zU8ZBIe`_VhmMKUdFO}R;Ho3s)m%xSd6MA;smdTv-D~(6;Z;ZmcoKsTIp6~3QZ~f;%
bJtOP<3HLdg#ZNLYFfe$!`njxgN@xNAKyGBA

literal 0
HcmV?d00001

diff --git a/website/mac.png b/website/mac.png
new file mode 100644
index 0000000000000000000000000000000000000000..dbbf4675098217c2e04826c81c864d4f073438fb
GIT binary patch
literal 968
zcmeAS@N?(olHy`uVBq!ia0y~yV2}Y}4rT@h2G`5_%NQ6K7>k44ofy`glX=O&z*rmL
z6XLpb&*Pdo4~wSUoxJVs#hafu?YXmO&)&n=zJ^qt2~3?D-E{f)-+wxK#vi}@;o@Lf
zb@Zcm(b4PA{`X8>bN1RN6PL8+C9iiKd9rHDWpCf$TeohNwk%k+?c~e1KaXE{_vzE8
zte$HpE`D&z-s2IJ`RvutBj?`Udi-zuxz8<Kb258x<xaeF{N(8uFJ7jmWt_kN)5O~Q
z&4=F!ZC95pS$62mn|b>_96Wd^r{id9*Uj_SKkdH!Gd;T^xOiJ^^SP3W=F_LoJbe0P
z?}?X-*BlcO5eciixNqOSsZ(dn+;HW}-Jhu)S8EqMJ9Xt_TU&cV#k#7Q_wx%%_Mdv?
zmVa>l&YRJ(N&62R^o*Zy?8Mpa2Or*h{Xe|+Tu9Z4yN|#5m!Ev|{>Rbt?;k$<5nOiU
z+=VO0&b?Ar)jD_m>z-rJ3n$!IyZzdU%U=$jeq$F{efavfQ&+xi-G8ra+P%E~>k?9O
zH|~A?@$0XQwA7CM*ZVfSnmTXG<(qGwy!gKU#K(OnpBK!2)-z$=;j?en?>Xn0vC6+-
zNA<KyKTxcc1o;IsI6S+N2I3@nySp%Su*!NcFfecyctjR6FmMZlFeAgPIT8#E4D2PI
zzOL-In8bwTg#sMbm@+UhZufL?4AD4Wd#TZXQGm>WLPbNP_fJ!kN|P!gGAAicT^D`Z
zcl|^&pEW(w&$Wz#{rxs?-MYyBU)}pcv)5_&H<~}#EN}45X5M$*O11EbNy56?Kh^lX
z*vlVJpFVqjymkG`vwgd6Gu(-IUAFw>#kqASj@b3yx^-~JUki5K!@I;L)VVI+w^_qa
z#bRsk=4T0<DXxKQY`RsNmI|?o9uoPwb<?Y_RoTBc@US%t_v}nLb!~-DCzrBlUiEeP
zPd{rkLdp!MFEQn1JN!aMXZ<S0Io+Fhyl&6hmVI!Eb*LV<jpP3KbANX(%-y}YpLenX
zM=#64q>K9N8!k2Kf4K5`g16sq-EZ$J=j~^D^s{ZTjIarhL%?k<2h*wfDpG#GcX&=n
zb>t5}k)5kuG`B#+_2<1c!X}Z2Clt3={Ahbu+;nN*-lwzXbURLdtFYyRuivsDe~-Vi
z69sNPe#LVz%OK;|O~3sO3K47e&I@{PXmzk+kCch8*gnZRb}x&V{zQq`{vPFQk%zmv
zt#}x>Dk=AbH`Y6ei#Pt<buWu?XGNvgtitFMHtYX$=TF{}zee8u@S7JVfB%1z)~nmF
kQoLP0LC5xY)j#nKZ?hZt|2>grU|?YIboFyt=akR{0C6n#8~^|S

literal 0
HcmV?d00001

diff --git a/website/ubuntu.png b/website/ubuntu.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5be006f96c670eb4cbb1709fb857f1b11cdb6d7
GIT binary patch
literal 1149
zcmeAS@N?(olHy`uVBq!ia0y~yV2}Y}4rT@h2G`5_%NQ7#A_9CuTp2PQ{+kK>HxvAC
zF8JSE=)Z-~e=E`d)?)wdrT;rf|MyV)@2URZOZ~r>#(!_k|2|s({dNCGS^tl={U2-p
zKi=_wg46#r&;RLO|8oNV7li&Vj`&{^^}jUwe@*iLiHiRxD*d0N^na4_|H&%<C#(H$
z%l|(`?f(?@|5G&nPu2Y2QTTtF&j0DU|EKHy?=Jn{Q}%zR;s2RN|9dO`&ochsSMh(g
z+5i5k|MPACPp<#J#Qpyg&;QH3|IhCHzufo#oX-Dqy8f>U{=cB_|LV~HYr_98p7ejo
z<p1kq|8I!@zaioO@@fA!CjQ@P`+uk1|6TU~cRBpu<@kTq%>TQc{_l4Fzk2rnt(pJ#
zxcuMa_J5E2|LuAI_j&){k^g_c@BagV|92JtKN$4?V95W?OaJdF|G%f=|CXiy4@dmp
zy8Qo<=>JD!{~t^If3WHQ;g<i0+y0--_<u6%|H<tCN810N&i{X``~R83|7VK+AMg8r
zV#5EkW&cl2`G3CV|Ao5$XQux@zW4v-w*Ob!|6l3&f2H&Psr~=2cK<(f`2V@1|8GqC
ze`Ur0tE>Lsoc{mjjQ<yp|Gzc;|E-z-udn-m>E!?0bN=65@c-_@|5wlczqRfE^|Sx)
zFaQ5w#s8ZZ|36&w|K8sJ_xJvPyz&3t>;E4f{{Q&c{|C4JKRNOL`QHDJZvB6H`u~gl
z|6d;Z|K$GvS4aN8y!8L|ssGO({eN}s|C@9FUp)E$`r7}uXa2vw@&D!1|L@NIfA#GD
z+uQ%&U;6*<_WyTx{(rds|NZ^{Z(sfYc;o+v2mjx_{{QLb|4(=Re|-G^%Y*-)pZ)*(
z=>L}&|Gz%{|Ly7j?=Sy<fA!y#f8|wIO$G)A#*!evU<QY0H_{jw7z|5XBTAg}b8}Pk
zN*J7rQWHy3QxwWGOEMHfGEx=XJ$(Zd((;QGTr!JGit@t~OOiA6lJj#nZOq-wz`!`o
z)5S5Q;#P8kf~e2dvbaX?b?yBVJu^&qy;%2d&4~{^%vHzx<<mReCuf@mPGWAldCbA{
znu^HEpFFd99Eyr&$}%07biJ;8y0rD1;gkkdUNyg>4-pMI=DHWOtL&SXwyxeiwXe>p
z+`B-|DKCA?^y%fihxG)i<2FbI?7vpBBW3IK>C^pXd&1Z7O(|{p$ajoMwOEktD1)l0
zSkugCe%W*1K5<2MO^8WWQCE*=N_n$6{KC3BVsEGRys`5S4SkxRFqgx`sXDSX+-}p8
zg}$%D^4Kr=DeOO+@lDHxbJEw>*Wa@RrFIn+rA2q`37Ysc<;KmMOC5Tcq_<mkAKG*1
zn$nYJpO~7j%bc>D#rDNZ)9KQLk3R~(X-TY?(Rg{C?=fp3gDKacsd*g?r@{>0Fl<bJ
z+4ST_umIcFUsbMe69t6BFHU)oXmjq|F`e!=`))Ouu}y!Ra3KHsl^6R3kERFr={{sT
zU3gW0eddjxc`Y^;2PZ9Cy=c##N8c8mHoNK7&Ef6$g2n1wwo%`bo9}sh?##4M>0k2u
j$CC$spSs1GH5pjV8pWJL+7>Y|Ffe$!`njxgN@xNAqbQ?D

literal 0
HcmV?d00001

diff --git a/website/windows.png b/website/windows.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fd9cf8c38b466fd646b4f0e55a4349fa102fa20
GIT binary patch
literal 1877
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

literal 0
HcmV?d00001