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
b869d63211
piskel/src/index.html

107 lines
3.6 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">
</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>
Added localstorage save + read
2014-02-10 04:00:16 +04:00
<div
id="loading-mask"
added loading over + fixed bug with highlighted pixel removal
2013-12-23 18:04:13 +04:00
style="
position:fixed;
top:0;right:0;bottom:0;left:0;
background:black;
opacity:1;
text-align:center;
z-index : 20000;
transition:opacity 0.5s;
color:white;">
Issue #158 : updated zindex of minimap zoom square
2014-03-30 23:29:44 +04:00
<span style="top:45%">Loading Piskel ...</span>
added loading over + fixed bug with highlighted pixel removal
2013-12-23 18:04:13 +04:00
</div>
dev env: automatically remove fake header from desktop builds
2016-07-10 14:59:11 +03:00
<!--standalone-start-->
extract dev header to separate template
2016-07-03 16:40:04 +03:00
@@include('templates/debug-header.html', {})
dev env: automatically remove fake header from desktop builds
2016-07-10 14:59:11 +03:00
<!--standalone-end-->
Fix : remove cache issues for css, js, templates Packaged css and js are now suffixed with the build date. All templates are exported to a folder named after the build date. Streamlined the build process to copy files to piskel-website. Isolated common part between piskel and piskel-website in a separated template, which is now completely created by the grunt build of piskel. Added a windows CMD script to copy the static resources to piskel-website.
2014-07-06 18:17:14 +04:00
<!-- the comment below indicates the beginning of markup reused by the editor integrated in piskelapp.com -->
<!-- do not delete, do not move :) -->
<!--body-main-start-->
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">
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
@@include('templates/drawing-tools.html', {})
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'>
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
@@include('templates/frames-list.html', {})
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">
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
@@include('templates/preview.html', {})
@@include('templates/layers-list.html', {})
@@include('templates/transformations.html', {})
@@include('templates/palettes-list.html', {})
Feature : display cursor coordinates - new controller CursorCoordinatesController - added div in right column (bottom:0) - 3 new events : CURSOR_MOVED, DRAG_START, DRAG_END - modified tools to fire events when necessary The cursor coordinates are displayed when the mouse is hovering the drawing area. When the mouse leaves the area, the indication disappears. If the user is using a tool that involves dragging (selection, rectangle, circle), the indicator displays the original coordinates (captured during drag start) and the current coordinates.
2014-04-12 01:32:28 +04:00
<div class="pull-bottom cursor-coordinates"></div>
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">
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
@@include('templates/settings.html', {})
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">
</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>
Color Palette : Added popup mgr + palettes list
2014-03-26 10:41:45 +04:00
<div id="dialog-container-wrapper">
<div id="dialog-container">
</div>
</div>
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
@@include('templates/misc-templates.html', {})
@@include('templates/popup-preview.html', {})
Fixed : cache issue coming from piskel-boot file
2014-09-30 02:19:54 +04:00
issue #555: add performance warning icon, show dialog
2016-11-28 03:00:49 +03:00
<span class="cheatsheet-link icon-common-keyboard-gold"
rel="tooltip" data-placement="right" title="Keyboard shortcuts">&nbsp;</span>
<div class="performance-link icon-common-warning-red"
performance warning: text cleanup
2016-12-18 08:52:44 +03:00
rel="tooltip" data-placement="left" title="Performance problem detected, learn more.">&nbsp;</div>
Issue #287 : Move CheatsheetService to CheatsheetController + DialogsController
2015-10-10 23:53:48 +03:00
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
<!-- dialogs partials -->
@@include('templates/dialogs/create-palette.html', {})
@@include('templates/dialogs/import-image.html', {})
@@include('templates/dialogs/browse-local.html', {})
@@include('templates/dialogs/cheatsheet.html', {})
issue #555: add performance warning icon, show dialog
2016-11-28 03:00:49 +03:00
@@include('templates/dialogs/performance-info.html', {})
add a warning popup when detecting an unsupported browser
2016-12-12 04:00:49 +03:00
@@include('templates/dialogs/unsupported-browser.html', {})
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
<!-- settings-panel partials -->
@@include('templates/settings/application.html', {})
@@include('templates/settings/resize.html', {})
@@include('templates/settings/save.html', {})
@@include('templates/settings/import.html', {})
@@include('templates/settings/export.html', {})
Issue #446: Add export tabs, move zoom controls
2016-05-23 00:37:28 +03:00
@@include('templates/settings/export/png.html', {})
@@include('templates/settings/export/gif.html', {})
@@include('templates/settings/export/zip.html', {})
@@include('templates/settings/export/misc.html', {})
Issue #344 : Remove iframes loader, Gruntf cleanup
2015-11-30 02:08:50 +03:00
Issue #344 : include piskel-boot in index.html
2015-11-30 15:36:27 +03:00
<script type="text/javascript">
@@include('piskel-boot.js', {})
</script>
Fix : remove cache issues for css, js, templates Packaged css and js are now suffixed with the build date. All templates are exported to a folder named after the build date. Streamlined the build process to copy files to piskel-website. Isolated common part between piskel and piskel-website in a separated template, which is now completely created by the grunt build of piskel. Added a windows CMD script to copy the static resources to piskel-website.
2014-07-06 18:17:14 +04:00
<!--body-main-end-->
<!-- the comment above indicates the end of the markup reused by the editor integrated in piskelapp.com -->
<!-- do not delete, do not move :) -->
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