Permalink
Fetching contributors…
Cannot retrieve contributors at this time
189 lines (180 sloc) 8.39 KB
<!DOCTYPE html>
<!--
ImageTweak
2006-2012 CAFxX
http://cafxx.strayorange.com
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<html>
<head>
<title>ImageTweak</title>
<style type="text/css">
body {
font-family:Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
font-size:16px !important;
padding:0;
margin:0;
height:100%;
background:
-moz-repeating-linear-gradient(-45deg,
rgba(255,255,255,0.1),
rgba(255,255,255,0.1) 3px,
rgba(0,0,0,0.1) 3px,
rgba(0,0,0,0.1) 6px
),
-moz-linear-gradient(90deg,
#000,
#222
),
#222;
}
h1, h2, h3 {
margin:0;
}
a, a:link, a:active, a:visited, a:hover, a:-moz-focusring {
color:#FFF;
text-decoration:none;
outline: 0;
cursor:pointer;
-moz-transition-property: text-shadow;
-moz-transition-duration: 0.25s;
text-shadow:#EEF 0 0 30px, #EEF 0 0 90px;
}
a:hover {
-moz-transition-property: text-shadow;
-moz-transition-duration: 0.25s;
text-shadow:#EEF 0 0 30px, #EEF 0 0 90px, #EEF 0 0 2px;
}
#frame {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:890px;
height:420px;
padding:30px;
margin:auto;
border:2px solid rgba(255,255,255,0.25);
color:#CCC;
background:
-moz-linear-gradient(-75deg,
rgba(255, 128, 0, 0.6),
transparent 50%,
rgba(0, 128, 255, 0.3) 100%
),
-moz-linear-gradient(90deg,
#222,
#333
);
border-radius:8px;
box-shadow:#060606 0 0 50px;
-moz-transform:rotate(-2deg);
}
#icon {
position:absolute;
top:-12px;
left:-96px;
}
#help {
position:absolute;
bottom:30px;
margin-left:-30px;
}
#help div {
display:inline-block;
width:200px;
vertical-align:top;
margin-left:30px;
word-wrap:break-word;
}
#help h2 {
margin-left:30px;
}
#help h3 {
margin:8px 0 4px;
}
iframe {
border:1px solid #666;
float:right;
margin:0 0 30px 30px;
width:320px;
height:220px;
-moz-transition-property: box-shadow;
-moz-transition-duration: 0.25s;
box-shadow:none;
}
iframe[mouseover="true"] {
-moz-transition-property: box-shadow;
-moz-transition-duration: 0.5s;
box-shadow:#F80 25px 25px 100px, #08F -25px -25px 100px;
}
.kbd {
width:14px;
margin:-1px 0;
text-align:center;
border:1px solid #CCC;
border-radius:2px;
display:inline-block;
line-height:17px;
}
.breakwords {
word-wrap:break-words;
}
</style>
<script type="text/javascript">
window.addEventListener("load", function() {
var viewer = document.getElementById("viewer");
viewer.__defineSetter__("mouseover", function(mouseover) viewer.setAttribute("mouseover", mouseover));
viewer.addEventListener("mouseover", function() viewer.mouseover = true, false);
viewer.addEventListener("mouseout", function() viewer.mouseover = false, false);
window.addEventListener("focus", function() viewer.contentWindow.focus(), true);
viewer.contentWindow.focus();
document.getElementById("title").innerHTML += " " + document.ImageTweak.Global.Version;
document.title += " " + document.ImageTweak.Global.Version;
var req = new XMLHttpRequest();
req.open("GET", "https://blockexplorer.com/q/getreceivedbyaddress/1265ciMoFwnX4y4gGxXNGkiD7Qu24oYSqw", true);
req.onreadystatechange = function() {
if (req.readyState != 4)
return;
var rcv = parseFloat(req.responseText);
if (typeof(rcv) == "number" && rcv > 0)
document.getElementById("donation-counter").innerHTML = " (" + (rcv*1000) + " mBTC received!)";
};
req.send(null);
}, false);
</script>
<link rel="shortcut icon" href="chrome://imagetweak/skin/imagetweak16.png" />
</head>
<body>
<div id="frame">
<iframe id="viewer" src="chrome://imagetweak/skin/imagetweak48.png"></iframe>
<h1 id="title">ImageTweak</h1>
<img id="icon" src="chrome://imagetweak/skin/imagetweak128.png" alt="">
<p>To start the image viewer right click on an image and select "View image" (the same can be done for videos supported natively by Firefox).</p>
<p>The box on the right is a demonstration of the ImageTweak viewer. Place the mouse pointer over it and zoom the image by using ctrl+mousewheel or ctrl+<span class="kbd">-</span>/<span class="kbd">+</span>. Rotate the image by using ctrl+alt+mousewheel or <span class="kbd">&lt;</span>/<span class="kbd">&gt;</span>. Press <span class="kbd">1</span> to have the image fitted to the box, <span class="kbd">2</span> to have it fill the box.</p>
<p>To learn more about what you can do with ImageTweak, read the <a href="https://github.com/CAFxX/ImageTweak/wiki/ImageTweak-user-guide">user guide</a>. To customize your settings, edit your <a onclick="openDialog('chrome://imagetweak/content/prefs.xul', '', 'centerscreen,dialog=no,chrome,resizable,dependent,modal');">ImageTweak preferences</a>.</p>
<div id="help">
<h2>You can help!</h2>
<div>
<h3>Report bugs</h3><a href="https://github.com/CAFxX/ImageTweak/wiki/Troubleshooting">Tell us if you experience bugs</a> or if you have ideas for new features.
</div><div>
<h3>Translate</h3>Feels like we're talking different languages? <a href="http://www.babelzilla.org/index.php?option=com_wts&amp;Itemid=264">Help translating ImageTweak in your language!</a>
</div><div>
<h3>Develop</h3>Feel like writing some code? <a href="https://github.com/CAFxX/ImageTweak">Send patches and pull requests on GitHub</a>.
</div><div>
<h3>Donate</h3><a href="https://addons.mozilla.org/en-US/firefox/addon/imagetweak/">Donate on mozilla.org</a> or <a href="bitcoin:1265ciMoFwnX4y4gGxXNGkiD7Qu24oYSqw?label=ImageTweak" class="breakwords">send bitcoins</a> to 1265ciMoFwnX4y4gGxXNGkiD7Qu24oYSqw<span id="donation-counter"></span>.
</div>
</div>
</div>
</body>
</html>