<?php
/**
+------------------------------------------------------------------------+
| Pixidou - an Open Source AJAX Image Editor |
+------------------------------------------------------------------------+
| index.php |
+------------------------------------------------------------------------+
| Copyright (c) Asvin Balloo 2008. All rights reserved. |
| Version 0.1 |
| Last modified 29/10/2008 |
| Email asvin.balloo@gmail.com |
| Web http://htmlblog.net |
+------------------------------------------------------------------------+
| This program is free software; you can redistribute it and/or modify |
| it under the terms of the GNU General Public License version 2 as |
| published by the Free Software Foundation. |
| |
| 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, write to the |
| Free Software Foundation, Inc., 59 Temple Place, Suite 330, |
| Boston, MA 02111-1307 USA |
| |
+------------------------------------------------------------------------+
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pixidou - Open Source AJAX Image Editor</title>
<!-- Combo-handled YUI CSS files: -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.6.0/build/reset-fonts/reset-fonts.css&2.6.0/build/assets/skins/sam/skin.css" />
<link rel="stylesheet" type="text/css" href="css/pixidou.css" />
</head>
<body class="yui-skin-sam">
<div id="doc3" class="yui-t7">
<div id="hd">
<!-- Top menu -->
<div id="nav-menu" class="yuimenubar yuimenubarnav">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenubaritem first-of-type"><a class="yuimenubaritemlabel" href="#file">File</a>
<div id="file" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem yuimenuitemlabel" id="openFile">Open <em class="helptext">Shift + O</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="saveJpgTool">Save as JPG <em class="helptext">Shift + J</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="savePngTool">Save as PNG <em class="helptext">Shift + P</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="saveGifTool">Save as GIF <em class="helptext">Shift + G</em></li>
</ul>
</div>
</div>
</li>
<li class="yuimenubaritem first-of-type"><a class="yuimenubaritemlabel" href="#edit">Edit</a>
<div id="edit" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem yuimenuitemlabel" id="undoTool">Undo <em class="helptext">Shift + Z</em></li>
</ul>
</div>
</div>
</li>
<li class="yuimenubaritem"><a class="yuimenubaritemlabel" href="#image">Image</a>
<div id="image" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem yuimenuitemlabel" id="brightnessTool">Brightness <em class="helptext">Shift + B</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="contrastTool">Contrast <em class="helptext">Shift + C</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="cropTool">Crop <em class="helptext">Shift + V</em></li>
<li class="yuimenuitem">
<a class="yuimenuitemlabel" href="#flipTool">Flip</a>
<div id="flipTool" class="yuimenu">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem yuimenuitemlabel" id="flipToolH">Horizontal <em class="helptext">Shift + H</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="flipToolV">Vertical <em class="helptext">Shift + Y</em></li>
</ul>
</div>
</div>
</li>
<li class="yuimenuitem yuimenuitemlabel" id="negativeTool">Negative <em class="helptext">Shift + N</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="resizeTool">Resize <em class="helptext">Shift + X</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="rotateTool">Rotate <em class="helptext">Shift + R</em></li>
<li class="yuimenuitem yuimenuitemlabel" id="tintTool">Tint <em class="helptext">Shift + T</em></li>
</ul>
</div>
</div>
</li>
<li class="yuimenubaritem"><a class="yuimenubaritemlabel" href="#help">Help</a>
<div id="help" class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem yuimenuitemlabel" id="aboutTool">About <em class="helptext">Shift + A</em></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /Top menu -->
</div>
<div id="bd">
<!-- Image container, to be filled via inner HTML -->
<div id="imageContainer"></div>
<!-- /Image container, to be filled via inner HTML -->
<!-- Upload form -->
<div id="uploadPanel">
<div class="hd">Choose your file to upload</div>
<div class="bd">
<form action="upload.php" enctype="multipart/form-data" method="post" name="uploadForm" id="uploadForm">
Image : <input type="file" name="uploadImage" id="uploadImage" />
</form>
</div>
</div>
<!-- /Upload form -->
<!-- Tint panel -->
<div id="tintPickerPanel" class="yui-picker-panel">
<div class="hd">Please choose a color:</div>
<div class="bd">
<div class="yui-picker" id="tintPicker"></div>
</div>
</div>
<!-- /Tint panel -->
<!-- Contrast panel -->
<div id="contrastPanel">
<div class="hd">Adjust contrast</div>
<div class="bd">
<div id="contrastSliderBg" class="yui-h-slider" title="Slider">
<div id="contrastSliderThumb" class="yui-slider-thumb"><img src="assets/thumb-n.gif" alt="" /></div>
</div>
<p>Value : <span id="contrastSliderValue">0</span></p>
</div>
</div>
<!-- /Contrast panel -->
<!-- Brightness panel -->
<div id="brightnessPanel">
<div class="hd">Adjust brightness</div>
<div class="bd">
<div id="brightnessSliderBg" class="yui-h-slider" title="Slider">
<div id="brightnessSliderThumb" class="yui-slider-thumb"><img src="assets/thumb-n.gif" alt="" /></div>
</div>
<p>Value : <span id="brightnessSliderValue">0</span></p>
</div>
</div>
<!-- /Brightness panel -->
<!-- Help About panel -->
<div id="aboutPanel">
<div class="hd">About Pixidou</div>
<div class="bd">
<div id="aboutTab" class="yui-navset">
<ul class="yui-nav">
<li class="selected"><a href="#aboutAbout"><em>About</em></a></li>
<li><a href="#aboutJoin"><em>Join Pixidou</em></a></li>
<li><a href="#aboutLicense"><em>License Agreement</em></a></li>
</ul>
<div class="yui-content">
<div id="aboutAbout">
<h1>Pixidou 0.1 - an open source AJAX image editor</h1>
<br/>
<p>(c) 2008 - Asvin Balloo</p>
</div>
<div id="aboutJoin">
<p>I'am currently looking for some collaborators to take Pixidou a level higher. </p>
<br/>
<p>If you're interested drop me an email at : asvin.balloo [@] gmail.com</p>
<br/>
<p>I'll happily add you to the list of collaborators on <a href="http://github.com/asvinb/pixidou/tree/master" target="_blank">github</a>.</p>
</div>
<div id="aboutLicense">
Pixidou is free software; you can redistribute it and/or modify it under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GNU General Public License version 2</a>, as published by the Free Software Foundation.
</div>
</div>
</div>
</div>
</div>
<!-- /Help About panel -->
</div>
<div id="ft">
<!-- Info panel -->
<div id="infoPanel">
<div class="infoZoom">
<button type="button" id="zoomInTool" name="zoomInTool" value="Zoom In">Zoom In</button>
<button type="button" id="zoomOutTool" name="zoomOutTool" value="Zoom Out">Zoom Out</button>
<span id="zoomValue">100</span>%
</div>
</div>
<!-- /Info panel -->
<!-- Actions panel -->
<div id="actionsPanel">
<button type="button" id="applyTool" name="applyTool" value="Apply">Apply</button>
<button type="button" id="cancelTool" name="cancelTool" value="Cancel">Cancel</button>
</div>
<!-- /Actions panel -->
</div>
</div>
<!-- Combo-handled YUI JS files: -->
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/utilities/utilities.js&2.6.0/build/container/container-min.js&2.6.0/build/menu/menu-min.js&2.6.0/build/button/button-min.js&2.6.0/build/slider/slider-min.js&2.6.0/build/colorpicker/colorpicker-min.js&2.6.0/build/resize/resize-min.js&2.6.0/build/imagecropper/imagecropper-beta-min.js&2.6.0/build/json/json-min.js&2.6.0/build/selector/selector-beta-min.js&2.6.0/build/layout/layout-min.js&2.6.0/build/tabview/tabview-min.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript" src="js/uploader.js"></script>
<script type="text/javascript" src="js/pixidou.js"></script>
<script type="text/javascript" src="js/keys.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
