2015-12-30 11:03:51 +00:00
<!DOCTYPE html>
< html dir = "ltr" lang = "en-US" >
< head >
2017-12-03 21:58:23 +00:00
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
< meta http-equiv = "x-ua-compatible" content = "IE=edge" / >
< title > miniPaint - image editor< / title >
< meta name = "description" content = "miniPaint is free online image editor using HTML5. Edit, adjust your images, add effects online in your browser, without installing anything..." / >
2020-11-22 16:17:27 +00:00
< meta name = "keywords" content = "photo, image, picture, transparent, layers, free, edit, html5, canvas, javascript, online, photoshop, gimp, effects, sharpen, blur, magic eraser tool, clone tool, rotate, resize, photoshop online, online tools, tilt shift, sprites, keypoints" / >
2020-12-04 20:34:42 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0" / >
2020-12-23 20:57:22 +00:00
< link rel = "icon" sizes = "192x192" href = "images/favicon.png" >
2017-12-03 21:58:23 +00:00
<!-- Google -->
< meta itemprop = "name" content = "miniPaint" / >
< meta itemprop = "description" content = "miniPaint is free online image editor using HTML5. Edit, adjust your images, add effects online in your browser, without installing anything..." / >
2018-08-17 11:23:04 +00:00
< meta itemprop = "image" content = "https://viliusle.github.io/miniPaint/images/preview.jpg" / >
2017-12-03 21:58:23 +00:00
<!-- Twitter -->
< meta name = "twitter:card" content = "summary_large_image" / >
< meta name = "twitter:title" content = "miniPaint" / >
< meta name = "twitter:description" content = "miniPaint is free online image editor using HTML5. Edit, adjust your images, add effects online in your browser, without installing anything..." / >
2018-08-17 11:23:04 +00:00
< meta name = "twitter:image" content = "https://viliusle.github.io/miniPaint/images/preview.jpg" / >
2017-12-03 21:58:23 +00:00
< meta name = "twitter:image:alt" content = "miniPaint is free online image editor using HTML5. Edit, adjust your images, add effects online in your browser, without installing anything..." / >
<!-- Facebook, Pinterest -->
< meta property = "og:title" content = "miniPaint" / >
< meta property = "og:type" content = "article" / >
2018-08-17 11:23:04 +00:00
< meta property = "og:url" content = "https://viliusle.github.io/miniPaint/" / >
< meta property = "og:image" content = "https://viliusle.github.io/miniPaint/images/preview.jpg" / >
2017-12-03 21:58:23 +00:00
< meta property = "og:description" content = "miniPaint is free online image editor using HTML5. Edit, adjust your images, add effects online in your browser, without installing anything..." / >
< meta property = "og:site_name" content = "miniPaint" / >
< script src = "dist/bundle.js" > < / script >
2015-12-30 11:03:51 +00:00
< / head >
< body >
2017-12-03 21:58:23 +00:00
< div class = "wrapper" >
2020-10-13 20:29:23 +00:00
< nav aria-label = "Main Menu" class = "main_menu" id = "main_menu" > < / nav >
2017-12-03 21:58:23 +00:00
< div class = "submenu" >
2020-10-14 18:29:53 +00:00
< a class = "logo" href = "#" > miniPaint< / a >
2017-12-03 21:58:23 +00:00
< div class = "block attributes" id = "action_attributes" > < / div >
2015-12-30 11:03:51 +00:00
< / div >
2017-12-03 21:58:23 +00:00
< div class = "sidebar_left" id = "tools_container" > < / div >
2021-01-31 16:50:34 +00:00
< div class = "middle_area" id = "middle_area" >
< canvas class = "ruler_left" id = "ruler_left" > < / canvas >
< canvas class = "ruler_top" id = "ruler_top" > < / canvas >
< div class = "main_wrapper" id = "main_wrapper" >
< div class = "canvas_wrapper" id = "canvas_wrapper" >
< div id = "mouse" > < / div >
< div class = "transparent-grid" id = "canvas_minipaint_background" > < / div >
< canvas id = "canvas_minipaint" >
< div class = "trn error" >
Your browser does not support canvas or JavaScript is not enabled.
< / div >
< / canvas >
< / div >
2016-06-15 21:52:25 +00:00
< / div >
< / div >
2017-12-03 21:58:23 +00:00
< div class = "sidebar_right" >
< div class = "preview block" >
< h2 class = "trn toggle" data-target = "toggle_preview" > Preview< / h2 >
< div id = "toggle_preview" > < / div >
< / div >
2016-06-15 21:52:25 +00:00
2017-12-03 21:58:23 +00:00
< div class = "colors block" >
< h2 class = "trn toggle" data-target = "toggle_colors" > Colors< / h2 >
< div class = "content" id = "toggle_colors" > < / div >
< / div >
2016-06-15 21:52:25 +00:00
2017-12-03 21:58:23 +00:00
< div class = "block" id = "info_base" >
< h2 class = "trn toggle toggle-full" data-target = "toggle_info" > Information< / h2 >
< div class = "content" id = "toggle_info" > < / div >
2015-12-30 11:03:51 +00:00
< / div >
2017-12-03 21:58:23 +00:00
< div class = "details block" id = "details_base" >
< h2 class = "trn toggle toggle-full" data-target = "toggle_details" > Layer details< / h2 >
< div class = "content" id = "toggle_details" > < / div >
< / div >
< div class = "layers block" >
< h2 class = "trn" > Layers< / h2 >
< div class = "content" id = "layers_base" > < / div >
2015-12-30 11:03:51 +00:00
< / div >
< / div >
< / div >
2017-12-03 21:58:23 +00:00
< div class = "mobile_menu" >
2020-10-12 05:17:56 +00:00
< button class = "right_mobile_menu" id = "mobile_menu_button" type = "button" >
< span class = "sr_only" > Toggle Menu< / span >
< / button >
2017-12-03 21:58:23 +00:00
< / div >
< div class = "hidden" id = "tmp" > < / div >
< div id = "popup" > < / div >
2015-12-30 11:03:51 +00:00
< / body >
< / html >
