mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity
0109eb81dd
piskel/index.html

65 lines
3.3 KiB
HTML
Raw Normal View History

Initial commit from dropbox Basic features : Can create frames Can edit frames (black and white only) Can select the frame to edit Animated preview And that's it. Really tired and code is extremely ugly, just needed to do something that _works_
2012-08-23 02:57:35 +04:00
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Piskel</title>
<meta name="description" content="">
<meta name="author" content="Julian Descottes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Fixing DnD, removing LESS, cleaning code - Updating DnD to use Sortable instead of draggable/dropppable (updating deps as well). - much simpler logic for DnD - Remove LESS for now since it's a bit yet overkill - fix moveFrame function
2013-06-13 02:04:39 +04:00
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
Import panel
2013-10-22 09:40:08 +04:00
<link rel="stylesheet" type="text/css" href="css/forms.css">
Gif export panel first draft
2013-09-07 19:50:43 +04:00
<link rel="stylesheet" type="text/css" href="css/settings.css">
Fixing DnD, removing LESS, cleaning code - Updating DnD to use Sortable instead of draggable/dropppable (updating deps as well). - much simpler logic for DnD - Remove LESS for now since it's a bit yet overkill - fix moveFrame function
2013-06-13 02:04:39 +04:00
<link rel="stylesheet" type="text/css" href="css/tools.css">
feature : add keyboard shortcuts : added help panel displayed on shift+?
2013-11-19 02:53:12 +04:00
<link rel="stylesheet" type="text/css" href="css/cheatsheet.css">
improve : color picker : initial implementation using spectrum
2013-11-21 03:44:46 +04:00
<link rel="stylesheet" type="text/css" href="css/spectrum/spectrum.css"/>
Design attempt
2013-11-27 02:49:55 +04:00
<link rel="stylesheet" type="text/css" href="css/spectrum/spectrum-overrides.css"/>
Fixing DnD, removing LESS, cleaning code - Updating DnD to use Sortable instead of draggable/dropppable (updating deps as well). - much simpler logic for DnD - Remove LESS for now since it's a bit yet overkill - fix moveFrame function
2013-06-13 02:04:39 +04:00
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-tooltip-custom.css">
<link rel="stylesheet" type="text/css" href="css/preview-film-section.css">
feature : zoom - Added MinimapController that displays a frame on the animated preview when zoomed in - Added bounds for the offset to make sure it doesn't go crazy - Added new utility Math.js with a minmax function - TODO : the minimap controller has a lot of dependencies, see if could be cleaned up - TODO : DrawingController knows the size of the picture it has to render only indirectly, which makes it hard in some cases (such as boundary checking performed during setOffset)
2013-11-02 02:11:11 +04:00
<link rel="stylesheet" type="text/css" href="css/minimap.css">
Initial commit from dropbox Basic features : Can create frames Can edit frames (black and white only) Can select the frame to edit Animated preview And that's it. Really tired and code is extremely ugly, just needed to do something that _works_
2012-08-23 02:57:35 +04:00
</head>
Plug canvas background settings on UserSettings storage Canvas background class are now manager at the FrameRenderer level instead of CSS classes at the top of the DOM.
2013-06-18 01:10:35 +04:00
<body>
Rollback of initialization sequence
2013-10-05 01:46:19 +04:00
<script type="text/javascript" src="js/lib/iframeLoader.js"></script>
added empty readonly name field to index.html for consistency
2013-07-15 01:25:12 +04:00
<div class="piskel-name-container">
<input readonly id="piskel-name" type="text" value=""/>
</div>
Fix canvas size when grid display is active - Dynamic resizing of canvas when display_grid is activated/deactivated - Adding a main-wrapper to get a perfect alignement at the top and bottom the application screen - fix DPI update on page load (independent of grid option). - fix available width for DPI calculation (using margin-box, was using only content before)
2013-06-19 21:01:12 +04:00
<div id="main-wrapper" class="main-wrapper">
Rollback of initialization sequence
2013-10-05 01:46:19 +04:00
<iframe src="templates/drawing-tools.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
Make tools sticky on screen's left edge So that the drawing canvas can expend full height
2013-06-13 15:57:03 +04:00
Fix canvas size when grid display is active - Dynamic resizing of canvas when display_grid is activated/deactivated - Adding a main-wrapper to get a perfect alignement at the top and bottom the application screen - fix DPI update on page load (independent of grid option). - fix available width for DPI calculation (using margin-box, was using only content before)
2013-06-19 21:01:12 +04:00
<div id="column-wrapper" class="column-wrapper">
<div class='column left-column'>
Rollback of initialization sequence
2013-10-05 01:46:19 +04:00
<iframe src="templates/frames-list.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
proto init implementation + less
2013-06-12 16:53:47 +04:00
</div>
Stroke tool Add stroke tool new icons for tools started some refactoring to help having a big redraw loop
2012-09-02 02:44:55 +04:00
Fix canvas size when grid display is active - Dynamic resizing of canvas when display_grid is activated/deactivated - Adding a main-wrapper to get a perfect alignement at the top and bottom the application screen - fix DPI update on page load (independent of grid option). - fix available width for DPI calculation (using margin-box, was using only content before)
2013-06-19 21:01:12 +04:00
<div class='column main-column'>
<div id="drawing-canvas-container" class="drawing-canvas-container canvas-container">
<div class="canvas-background"></div>
</div>
proto init implementation + less
2013-06-12 16:53:47 +04:00
</div>
Stroke tool Add stroke tool new icons for tools started some refactoring to help having a big redraw loop
2012-09-02 02:44:55 +04:00
Fix canvas size when grid display is active - Dynamic resizing of canvas when display_grid is activated/deactivated - Adding a main-wrapper to get a perfect alignement at the top and bottom the application screen - fix DPI update on page load (independent of grid option). - fix available width for DPI calculation (using margin-box, was using only content before)
2013-06-19 21:01:12 +04:00
<div class="column right-column">
Rollback of initialization sequence
2013-10-05 01:46:19 +04:00
<iframe src="templates/preview.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
<iframe src="templates/layers-list.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
proto init implementation + less
2013-06-12 16:53:47 +04:00
</div>
Initial commit from dropbox Basic features : Can create frames Can edit frames (black and white only) Can select the frame to edit Animated preview And that's it. Really tired and code is extremely ugly, just needed to do something that _works_
2012-08-23 02:57:35 +04:00
</div>
Gif export panel first draft
2013-09-07 19:50:43 +04:00
<div id="application-action-section" data-pskl-controller="settings" class="sticky-section right-sticky-section">
<div class="sticky-section-wrap">
Rollback of initialization sequence
2013-10-05 01:46:19 +04:00
<iframe src="templates/settings.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
Gif export panel first draft
2013-09-07 19:50:43 +04:00
<div class="drawer vertical-centerer">
<div class="drawer-content" id="drawer-container">
Import panel: - added pskl.controller.settings.ImportController (empty atm) - moved SettingsController under settings namespace - move settings templates in a dedicated folder - created import icon (svg is in the resources folder) - added import button in right-layer
2013-10-11 02:04:40 +04:00
<iframe src="templates/settings/application.html" onload="iframeloader.onLoad(event)" data-iframe-loader="store"></iframe>
<iframe src="templates/settings/export-gif.html" onload="iframeloader.onLoad(event)" data-iframe-loader="store"></iframe>
<iframe src="templates/settings/import.html" onload="iframeloader.onLoad(event)" data-iframe-loader="store"></iframe>
Gif export panel first draft
2013-09-07 19:50:43 +04:00
</div>
</div>
</div>
</div>
Initial commit from dropbox Basic features : Can create frames Can edit frames (black and white only) Can select the frame to edit Animated preview And that's it. Really tired and code is extremely ugly, just needed to do something that _works_
2012-08-23 02:57:35 +04:00
</div>
feature : add keyboard shortcuts : added help panel displayed on shift+?
2013-11-19 02:53:12 +04:00
<iframe src="templates/cheatsheet.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
Introducing iframe based templates
2013-08-11 03:26:38 +04:00
<script type="text/javascript" src="piskel-boot.js"></script>
Initial commit from dropbox Basic features : Can create frames Can edit frames (black and white only) Can select the frame to edit Animated preview And that's it. Really tired and code is extremely ugly, just needed to do something that _works_
2012-08-23 02:57:35 +04:00
</body>
</html>
Reference in New Issue Copy Permalink