piskel/index.html

<!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">
  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="css/tools.css">
  <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">
</head>
<body>
  <script src="cheap-partials.js" type="text/javascript"></script>
  <div class="piskel-name-container">
    <input readonly id="piskel-name" type="text" value=""/>
  </div>
  <div id="main-wrapper" class="main-wrapper">
    <iframe src="templates/drawing-tools.html" class="_ctl" onload="_ctl(event)"></iframe>

    <div id="application-action-section" class="sticky-section right-sticky-section">
      <div class="sticky-section-wrap">
        <iframe src="templates/settings.html" class="_ctl" onload="_ctl(event)"></iframe>
        <div class="drawer vertical-centerer">
          <div class="drawer-content" id="drawer-container">
            <!-- these templates are only preloaded in script tags for reusing in JS later -->
            <iframe src="templates/settings-application.html" onload="_ctp(event)"></iframe>
            <iframe src="templates/settings-export-gif.html" onload="_ctp(event)"></iframe>
          </div>
        </div>
      </div>
    </div>

    <div id="column-wrapper" class="column-wrapper">
      <div class='column left-column'>
        <!-- List of frames: -->
        <iframe src="templates/frames-list.html" class="_ctl" onload="_ctl(event)"></iframe>
      </div>

      <div class='column main-column'>
        <!-- Drawing area: -->
        <div id="drawing-canvas-container" class="drawing-canvas-container canvas-container">
          <div class="canvas-background"></div>
        </div>
      </div>

      <div class="column right-column">
        <!-- Animation preview: -->
        <iframe src="templates/preview.html" class="_ctl" onload="_ctl(event)"></iframe>
      </div>
    </div>
  </div>
  
  <script type="text/javascript" src="piskel-boot.js"></script>
</body>
</html>
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">`
			`<link rel="stylesheet" type="text/css" href="css/tools.css">`
			`<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">`
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>`
Introducing iframe based templates 2013-08-11 03:26:38 +04:00			`<script src="cheap-partials.js" type="text/javascript"></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">`
Introducing iframe based templates 2013-08-11 03:26:38 +04:00			`<iframe src="templates/drawing-tools.html" class="_ctl" onload="_ctl(event)"></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="application-action-section" class="sticky-section right-sticky-section">`
Reintegrating css changes from master 2013-07-15 01:18:03 +04:00			`<div class="sticky-section-wrap">`
Added cheap lazy templates + logic to switch between setting controllers 2013-08-12 09:31:09 +04:00			`<iframe src="templates/settings.html" class="_ctl" onload="_ctl(event)"></iframe>`
			`<div class="drawer vertical-centerer">`
			`<div class="drawer-content" id="drawer-container">`
			`<!-- these templates are only preloaded in script tags for reusing in JS later -->`
			`<iframe src="templates/settings-application.html" onload="_ctp(event)"></iframe>`
			`<iframe src="templates/settings-export-gif.html" onload="_ctp(event)"></iframe>`
			`</div>`
			`</div>`
Moving settings markup to drawer 2013-06-16 12:16:26 +04:00			`</div>`
Adding drawer prototype 2013-06-15 21:35:55 +04:00			`</div>`
New layout: application actions sticking to the right edge 2013-06-15 21:04:36 +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'>`
			`<!-- List of frames: -->`
Introducing iframe based templates 2013-08-11 03:26:38 +04:00			`<iframe src="templates/frames-list.html" class="_ctl" onload="_ctl(event)"></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'>`
			`<!-- Drawing area: -->`
			`<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">`
			`<!-- Animation preview: -->`
Introducing iframe based templates 2013-08-11 03:26:38 +04:00			`<iframe src="templates/preview.html" class="_ctl" onload="_ctl(event)"></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>`
			`</div>`
Adding query 1.8.0 and pubsub bus 2012-08-30 02:48:22 +04:00
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>`