Revision: 8180
          
http://languagetool.svn.sourceforge.net/languagetool/?rev=8180&view=rev
Author:   gulp21-1
Date:     2012-10-07 09:43:59 +0000 (Sun, 07 Oct 2012)
Log Message:
-----------
[web] css download button

Modified Paths:
--------------
    trunk/website/include/download.php
    trunk/website/include/downloadStandAlone.php
    trunk/website/www/css/style.css
    trunk/website/www/de/index.php

Added Paths:
-----------
    trunk/website/www/images/LanguageToolBig.png
    trunk/website/www/images/downloadArrow.png
    trunk/website/www/images/source/downloadArrow.svg

Modified: trunk/website/include/download.php
===================================================================
--- trunk/website/include/download.php  2012-10-07 09:13:41 UTC (rev 8179)
+++ trunk/website/include/download.php  2012-10-07 09:43:59 UTC (rev 8180)
@@ -4,13 +4,13 @@
 if( !isset($downloadTitle) )        $downloadTitle = "Download LanguageTool";
 if( !isset($downloadLabel) )        $downloadLabel = "for 
LibreOffice/OpenOffice";
 if( !isset($downloadVersionLabel) ) $downloadVersionLabel = "Version";
-if( !isset($downloadPath) )         $downloadPath = "download";
 ?>
 
 <div class="downloadButton">
-   <a class='piwik_download' style="display: block" href="<?php print 
$downloadPath ?>/LanguageTool-<?php print $version ?>.oxt">
-     <span class="languagetool"><?php print $downloadTitle ?></span><br/>
-     <span class="download"><?php print $downloadLabel ?><br/></span>
-     <span class="version"><?php print $downloadVersionLabel ?> <?php print 
$version ?> (<?php print $filesize ?>&nbsp;MB)</span>
-   </a>
-</div> 
+  <a class='piwik_download' href="/download/LanguageTool-<?php print $version 
?>.oxt">
+    <img class="downloadButtonLogo" src="/images/LanguageToolBig.png" alt="LT 
logo"/>
+    <span class="languagetool"><?php print $downloadTitle ?></span><br/>
+    <span class="download"><?php print $downloadLabel ?></span><br/>
+    <span class="version"><?php print $downloadVersionLabel ?> <?php print 
$version ?> (<?php print $filesize ?>&nbsp;MB)</span>
+  </a>
+</div>

Modified: trunk/website/include/downloadStandAlone.php
===================================================================
--- trunk/website/include/downloadStandAlone.php        2012-10-07 09:13:41 UTC 
(rev 8179)
+++ trunk/website/include/downloadStandAlone.php        2012-10-07 09:43:59 UTC 
(rev 8180)
@@ -4,19 +4,13 @@
 if( !isset($downloadTitleStandAlone) )        $downloadTitleStandAlone = 
"Download LanguageTool";
 if( !isset($downloadLabelStandAlone) )        $downloadLabelStandAlone = "for 
stand-alone use";
 if( !isset($downloadVersionLabelStandAlone) ) $downloadVersionLabel = 
"Version";
-if( !isset($downloadPathStandAlone) )         $downloadPathStandAlone = 
"download";
 ?>
 
-<table>
-  <tr>
-    <td>
-      <div class="downloadButton">
-         <a class='piwik_download' style="display: block" href="<?php print 
$downloadPathStandAlone ?>/LanguageTool-<?php print $version ?>.zip">
-           <span class="languagetool"><?php print $downloadTitleStandAlone 
?></span><br/>
-           <span class="download"><?php print $downloadLabelStandAlone 
?><br/></span>
-           <span class="version"><?php print $downloadVersionLabel ?> <?php 
print $version ?> (<?php print $filesize ?>&nbsp;MB)</span>
-         </a>
-      </div>
-    </td>
-  </tr>
-</table>
+<div class="downloadButton">
+  <a class='piwik_download' href="/download/LanguageTool-<?php print $version 
?>.zip">
+    <img class="downloadButtonLogo" src="/images/LanguageToolBig.png" alt="LT 
logo"/>
+    <span class="languagetool"><?php print $downloadTitleStandAlone 
?></span><br/>
+    <span class="download"><?php print $downloadLabelStandAlone ?></span><br/>
+    <span class="version"><?php print $downloadVersionLabel ?> <?php print 
$version ?> (<?php print $filesize ?>&nbsp;MB)</span>
+  </a>
+</div>

Modified: trunk/website/www/css/style.css
===================================================================
--- trunk/website/www/css/style.css     2012-10-07 09:13:41 UTC (rev 8179)
+++ trunk/website/www/css/style.css     2012-10-07 09:43:59 UTC (rev 8180)
@@ -253,49 +253,69 @@
 /* end: check form on the homepage */
 
 /* download button on the homepage */
-
 .downloadButton {
-    background-image: url("../images/languagetool-download-320.png");
-    width: 325px;
-    height: 75px;
+    /* blue: #5397FF; #75ACFF, #3083FF */
+    background-color: #F4B028;
+    background-image: url("../images/downloadArrow.png");
+    background-image: url("../images/downloadArrow.png"), 
-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBDB2D), 
color-stop(100%,#EC8622));
+    background-image: url("../images/downloadArrow.png"), 
-moz-linear-gradient(top, #FBDB2D 0%, #EC8622 100%);
+    background-image: url("../images/downloadArrow.png"), 
-ms-linear-gradient(top, #FBDB2D 0%, #EC8622 100%);
+    background-image: url("../images/downloadArrow.png"), 
-o-linear-gradient(top, #FBDB2D 0%, #EC8622 100%);
+    background-image: url("../images/downloadArrow.png"), linear-gradient(top, 
#FBDB2D 0%, #EC8622 100%);
+    background-repeat: no-repeat;
+    background-position: bottom right;
+    min-height: 74px;
+    border-radius: 10px;
+    display: table-cell;
+    box-shadow: 0 3px rgba(0, 0, 0, 0.1), inset 0 -4px rgba(0, 0, 0, 0.1);
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    -ms-transition: .5s;
+    -o-transition: .5s;
+    transition: .5s;
 }
 
+.downloadButtonLogo {
+    height: 52px;
+    width: 52px;
+    float: left;
+    padding: 11px;
+    border: none;
+}
+
+.downloadButton a {
+    display: block;
+    min-height: 74px;
+    padding-right: 30px;
+    white-space: nowrap;
+}
+
 .downloadButton a:hover {
     text-decoration: none;
 }
 
+.downloadButton span {
+    font-family: georgia, "Bitstream Charter", serif;
+    position: relative;
+    top: 8px;
+}
+
 .downloadButton .languagetool {
-    font-family: georgia, "Bitstream Charter", serif;
     color: black;
     font-size: 12.1pt;
-    padding-left: 66px;
     font-weight: bold;
-    /*+placement:shift 7px 8px;*/
-    position: relative;
-    left: 7px;
-    top: 8px;
 }
+
 .downloadButton .download {
-    font-family: georgia, "Bitstream Charter", serif;
     color: black;
     font-size: 11.9pt;
-    padding-left: 66px;
     font-weight: normal;
-    /*+placement:shift 8px 8px;*/
-    position: relative;
-    left: 8px;
-    top: 8px;
 }
+
 .downloadButton .version {
-    font-family: georgia, "Bitstream Charter", serif;
     color: black;
     font-size: 9pt;
-    padding-left: 66px;
     font-weight: normal;
-    /*+placement:shift 8px 10px;*/
-    position: relative;
-    left: 8px;
-    top: 10px;
 }
 /* end: download button on the homepage */
 

Modified: trunk/website/www/de/index.php
===================================================================
--- trunk/website/www/de/index.php      2012-10-07 09:13:41 UTC (rev 8179)
+++ trunk/website/www/de/index.php      2012-10-07 09:43:59 UTC (rev 8180)
@@ -16,7 +16,6 @@
            <?php
            $downloadTitle = "LanguageTool herunterladen";
            $downloadLabel = "für LibreOffice/OpenOffice";
-           $downloadPath = "../download";
            include("../../include/download.php");
            ?>
         </td>
@@ -24,7 +23,6 @@
            <?php
            $downloadTitleStandAlone = "LanguageTool herunterladen";
            $downloadLabelStandAlone = "als eigenständiges Programm";
-           $downloadPathStandAlone = "../download";
            include("../../include/downloadStandAlone.php");
            ?>
         </td>
@@ -128,7 +126,7 @@
 </p>
 
 <p>
-In <a 
href="http://www.freiesmagazin.de/mobil/freiesMagazin-2012-08-bilder.html#12_08_languagetool1";>freiesMagazin
 08/2012</a> ist ein ausführlicher Artikel, in dem die Verwendungsmöglichkeiten 
und die Funktionsweise von LanguageTool beschrieben werden, erschienen.
+In <a src="_blank" 
href="http://www.freiesmagazin.de/mobil/freiesMagazin-2012-08-bilder.html#12_08_languagetool1";>freiesMagazin
 08/2012</a> ist ein ausführlicher Artikel, in dem die Verwendungsmöglichkeiten 
und die Funktionsweise von LanguageTool beschrieben werden, erschienen.
 </p>
 
 <h2>Kontakt</h2>

Added: trunk/website/www/images/LanguageToolBig.png
===================================================================
(Binary files differ)


Property changes on: trunk/website/www/images/LanguageToolBig.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/website/www/images/downloadArrow.png
===================================================================
(Binary files differ)


Property changes on: trunk/website/www/images/downloadArrow.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/website/www/images/source/downloadArrow.svg
===================================================================
--- trunk/website/www/images/source/downloadArrow.svg                           
(rev 0)
+++ trunk/website/www/images/source/downloadArrow.svg   2012-10-07 09:43:59 UTC 
(rev 8180)
@@ -0,0 +1,221 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.3.1 r9886"
+   width="396.68375"
+   height="488.1975"
+   xml:space="preserve"
+   sodipodi:docname="downloadArrow.svg"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; /><dc:title 
/></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><linearGradient
+       id="linearGradient3884"><stop
+         style="stop-color:#fbdb2d;stop-opacity:1;"
+         offset="0"
+         id="stop3886" /><stop
+         style="stop-color:#ec8622;stop-opacity:1;"
+         offset="1"
+         id="stop3888" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath16"><path
+         d="m 12.497,10.184 293.876,0 0,94.899 -293.876,0 0,-94.899 z"
+         id="path18" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath28"><path
+         d="m 0,390.558 317.347,0 L 317.347,0 0,0 0,390.558 z"
+         id="path30" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath40"><path
+         d="m 24.496,112.082 c -6.626,0 -11.999,-5.372 -11.999,-12 l 0,0 
0,-70.899 c 0,-6.625 5.373,-11.998 11.999,-11.998 l 0,0 269.877,0 c 6.627,0 
12,5.373 12,11.998 l 0,0 0,70.899 c 0,6.628 -5.373,12 -12,12 l 0,0 -269.877,0 z"
+         id="path42" /></clipPath><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,94.896973,94.896973,0,159.43506,17.18457)"
+       spreadMethod="pad"
+       id="linearGradient48"><stop
+         style="stop-opacity:1;stop-color:#0051ff"
+         offset="0"
+         id="stop50" /><stop
+         style="stop-opacity:1;stop-color:#00a3ff"
+         offset="1"
+         id="stop52" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath60"><path
+         d="m 0,390.558 317.347,0 L 317.347,0 0,0 0,390.558 z"
+         id="path62" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath92"><path
+         d="m 0,390.558 317.347,0 L 317.347,0 0,0 0,390.558 z"
+         id="path94" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath104"><path
+         d="m 11.496,282.659 293.877,0 0,94.898 -293.877,0 0,-94.898 z"
+         id="path106" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath116"><path
+         d="m 0,390.558 317.347,0 L 317.347,0 0,0 0,390.558 z"
+         id="path118" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath128"><path
+         d="m 23.496,384.557 c -6.627,0 -11.999,-5.372 -11.999,-11.999 l 0,0 
0,-70.899 c 0,-6.626 5.372,-11.999 11.999,-11.999 l 0,0 269.877,0 c 6.627,0 
12,5.373 12,11.999 l 0,0 0,70.899 c 0,6.627 -5.373,11.999 -12,11.999 l 0,0 
-269.877,0 z"
+         id="path130" /></clipPath><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,94.897461,94.897461,0,158.43506,289.66016)"
+       spreadMethod="pad"
+       id="linearGradient136"><stop
+         style="stop-opacity:1;stop-color:#0051ff"
+         offset="0"
+         id="stop138" /><stop
+         style="stop-opacity:1;stop-color:#00a3ff"
+         offset="1"
+         id="stop140" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath148"><path
+         d="m 0,390.558 317.347,0 L 317.347,0 0,0 0,390.558 z"
+         id="path150" /></clipPath><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath180"><path
+         d="m 0,390.558 317.347,0 L 317.347,0 0,0 0,390.558 z"
+         id="path182" /></clipPath><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3890"
+       x1="12.497"
+       y1="64.6335"
+       x2="306.373"
+       y2="64.6335"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3892"
+       gradientUnits="userSpaceOnUse"
+       x1="174.77728"
+       y1="99.317429"
+       x2="174.21962"
+       y2="23.620386" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3935"
+       gradientUnits="userSpaceOnUse"
+       x1="174.77728"
+       y1="99.317429"
+       x2="174.21962"
+       y2="23.620386"
+       gradientTransform="translate(1.7268729,-8)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3937"
+       gradientUnits="userSpaceOnUse"
+       x1="12.497"
+       y1="64.6335"
+       x2="306.373"
+       y2="64.6335"
+       gradientTransform="translate(1.7268729,-8)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3939"
+       gradientUnits="userSpaceOnUse"
+       x1="12.497"
+       y1="64.6335"
+       x2="306.373"
+       y2="64.6335"
+       gradientTransform="translate(1.7268729,-8)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3941"
+       gradientUnits="userSpaceOnUse"
+       x1="12.497"
+       y1="64.6335"
+       x2="306.373"
+       y2="64.6335"
+       gradientTransform="translate(1.7268729,-8)" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3884"
+       id="linearGradient3943"
+       gradientUnits="userSpaceOnUse"
+       x1="12.497"
+       y1="64.6335"
+       x2="306.373"
+       y2="64.6335"
+       gradientTransform="translate(1.7268729,-8)" /></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="958"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="2"
+     inkscape:cx="277.37965"
+     inkscape:cy="393.77554"
+     inkscape:window-x="-4"
+     inkscape:window-y="-3"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g10"
+     showguides="true"
+     inkscape:guide-bbox="true" /><g
+     id="g10"
+     inkscape:groupmode="layer"
+     inkscape:label="languagetool download button-blue"
+     transform="matrix(1.25,0,0,-1.25,0,488.1975)"><g
+   id="g36"
+   style="fill:url(#linearGradient3943);fill-opacity:1"
+   transform="matrix(1.5056117,0,0,1,-228.2,271.2)"><g
+     id="g38"
+     clip-path="url(#clipPath40)"
+     style="fill:url(#linearGradient3941);fill-opacity:1"><g
+       id="g44"
+       style="fill:url(#linearGradient3939);fill-opacity:1"><g
+         id="g46"
+         style="fill:url(#linearGradient3937);fill-opacity:1"><path
+           inkscape:connector-curvature="0"
+           d="m 24.496,112.082 c -6.626,0 -11.999,-5.372 -11.999,-12 l 0,0 
0,-70.899 c 0,-6.625 5.373,-11.998 11.999,-11.998 l 0,0 269.877,0 c 6.627,0 
12,5.373 12,11.998 l 0,0 0,70.899 c 0,6.628 -5.373,12 -12,12 l 0,0 -269.877,0 z"
+           style="fill:url(#linearGradient3935);fill-opacity:1;stroke:none"
+           id="path54" /></g></g></g></g>
+<g
+   id="g3094"
+   transform="matrix(0.76849944,0,0,0.70749636,3.6039502,285.29016)"
+   
inkscape:export-filename="/home/markus/Downloads/languagetool/trunk/website/include/g3094.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"><path
+     d="m 278.7417,45.645897 c 0.993,1.099746 0.456,2.000754 -1.194,2.000754 l 
-26.805,0 c -1.65,0 -2.186,-0.899337 -1.19,-1.998249 l 12.811,-14.139718 c 
0.995,-1.098912 2.622,-1.097242 3.615,0.0025 l 12.763,14.134709 z"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+     id="path66"
+     inkscape:connector-curvature="0" /><g
+     id="g88"
+     transform="matrix(0.87561518,0,0,1,32.904958,-2.9002181)"><g
+       clip-path="url(#clipPath92)"
+       id="g90"><g
+         transform="translate(273.0063,46.5576)"
+         id="g96"><path
+           id="path98"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 0,-1.65 -1.35,-3 -3,-3 l -11.833,0 c -1.65,0 -3,1.35 
-3,3 l 0,11.166 c 0,1.65 1.35,3 3,3 l 11.833,0 c 1.65,0 3,-1.35 3,-3 L 0,0 z"
+           inkscape:connector-curvature="0" /></g></g></g></g>
+
+
+</g></svg>
\ No newline at end of file

This was sent by the SourceForge.net collaborative development platform, the 
world's largest Open Source development site.


------------------------------------------------------------------------------
Don't let slow site performance ruin your business. Deploy New Relic APM
Deploy New Relic app performance management and know exactly
what is happening inside your Ruby, Python, PHP, Java, and .NET app
Try New Relic at no cost today and get our sweet Data Nerd shirt too!
http://p.sf.net/sfu/newrelic-dev2dev
_______________________________________________
Languagetool-commits mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/languagetool-commits

Reply via email to