Update and rename index.min.html to index.html

VBproDev · Sep 13, 2024 · 39b44e5 · 39b44e5
1 parent f0992cd
commit 39b44e5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 1 deletion.
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Draw on the canvas, then get the js script to render it on the HTML canvas"><meta name="keywords" content="draw, canvas, js, script, render, design, html, code, canvascript, graphic"><meta name="author" content="Viraj Bijpuria"><meta property="og:title" content="CanvaScript - Design for the canvas"><meta property="og:description" content="Draw on the canvas, then get the js script to render it on the HTML canvas. A tool for graphic designers and developers."><meta property="og:image" content="https://github.io/VBproDev/Canvascript/CanvaScript.png"><meta property="og:url" content="https://github.io/VBproDev/Canvascript"><meta property="og:type" content="website"><link href="stylesheet.css" rel="stylesheet"><link defer="defer" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"><link rel="icon" href="CanvaScript.png" type="image/icon type"><title>CanvaScript - Design for the canvas</title></head><body><div class="d-flex justify-content-center p-2"><h4 class="me-1">Pick Color:</h4><input class="color me-3" type="color"><h4 class="me-1">Pick width:</h4><input class="stroke-width" placeholder="1" min="1" type="number" id="stroke-width"></div><div class="d-flex justify-content-center"><canvas class="canvas"></canvas></div><div class="d-flex justify-content-center"><button class="redo btn btn-warning text-white m-3">Redo</button><button class="reset btn btn-danger m-3">Reset</button><button class="save btn btn-info text-white m-3">Save</button></div><div class="d-flex justify-content-center"><button class="generate btn btn-success mb-3">Generate code</button></div><code class="space"></code><div class="container"><div class="row justify-content-center align-items-center"><div class="col-sm-7 col-xl-4 mb-2"><div class="input-group"><input placeholder="width" id="width" class="width form-control"><div class="input-group-append"><span class="input-group-text">px</span></div></div></div><div class="col-1 mb-2 text-center"><span>X</span></div><div class="col-sm-7 col-xl-4 mb-2"><div class="input-group"><input placeholder="height" id="height" class="height form-control"><div class="input-group-append"><span class="input-group-text">px</span></div></div></div><div class="col-md-2 col-xl-2 mb-2"><button class="btn btn-primary w-100 setBtn">Set</button></div></div></div><div class="d-flex justify-content-center"><h3 class="ms-3 mb-4">Share and receive designs, and edit them here</h3></div><div class="d-flex justify-content-center"><div class="col-sm-7 col-xl-5 mb-2"><div class="input-group"><input class="design form-control" id="copy-design"><div class="input-group-append"><span class="input-group-text me-2 copy"><img class="copy-btn" src="copy.png" alt="Copy to clipboard">Copy</span></div></div><small class="form-text text-muted ms-1">Get your design (It's a series of numbers).</small></div></div><div class="d-flex justify-content-center"><div class="col-sm-7 col-xl-6"><div class="d-flex"><input class="form-control new-design" id="paste-design"><button class="user-design btn btn-success ms-2">Use design</button></div><small class="form-text text-muted ms-1">Paste those numbers.</small></div></div><p class="text-center">We have a Discord server<a href="https://discord.gg/ZXMEkzfZXx"><img class="discord" src="discord.png" alt="Discord server link"></a></p><p class="text-center">We are open source!<a href="https://github.com/VBproDev/Canvascript"><img class="img" src="github.png" alt="Github repo link"></a></p><script src="script.js" defer="defer"></script></body></html>
diff --git a/index.min.html b/index.min.html
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Draw on the canvas, then get the js script to render it on the HTML canvas"><meta name="keywords" content="draw, canvas, js, script, render, design, html, code, canvascript, graphic"><meta name="author" content="Viraj Bijpuria"><meta property="og:title" content="CanvaScript - Design for the canvas"><meta property="og:description" content="Draw on the canvas, then get the js script to render it on the HTML canvas. A tool for graphic designers and developers."><meta property="og:image" content="https://github.io/VBproDev/Canvascript/CanvaScript.png"><meta property="og:url" content="https://github.io/VBproDev/Canvascript"><meta property="og:type" content="website"><link href="stylesheet.css" rel="stylesheet"><link defer="defer" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"><link rel="icon" href="CanvaScript.png" type="image/icon type"><title>CanvaScript - Design for the canvas</title></head><body><div class="d-flex justify-content-center p-2"><h4 class="me-1">Pick Color:</h4><input class="color me-3" type="color"><h4 class="me-1">Pick width:</h4><input class="stroke-width" placeholder="1" min="1" type="number" id="stroke-width"></div><div class="d-flex justify-content-center"><canvas class="canvas"></canvas></div><div class="d-flex justify-content-center"><button class="redo btn btn-warning text-white m-3">Redo</button><button class="reset btn btn-danger m-3">Reset</button><button class="save btn btn-info text-white m-3">Save</button></div><div class="d-flex justify-content-center"><button class="generate btn btn-success mb-3">Generate code</button></div><code class="space"></code><div class="container"><div class="row justify-content-center align-items-center"><div class="col-sm-7 col-xl-4 mb-2"><div class="input-group"><input placeholder="width" id="width" class="width form-control"><div class="input-group-append"><span class="input-group-text">px</span></div></div></div><div class="col-1 mb-2 text-center"><span>X</span></div><div class="col-sm-7 col-xl-4 mb-2"><div class="input-group"><input placeholder="height" id="height" class="height form-control"><div class="input-group-append"><span class="input-group-text">px</span></div></div></div><div class="col-md-2 col-xl-2 mb-2"><button class="btn btn-primary w-100 setBtn">Set</button></div></div></div><div class="d-flex justify-content-center"><h3 class="ms-3 mb-4">Share and receive designs, and edit them here</h3></div><div class="d-flex justify-content-center"><div class="col-sm-7 col-xl-5 mb-2"><div class="input-group"><input class="design form-control" id="copy-design"><div class="input-group-append"><span class="input-group-text me-2 copy"><img class="copy-btn" src="copy.png" alt="Copy to clipboard">Copy</span></div></div><small class="form-text text-muted ms-1">Get your design (It's a series of numbers).</small></div></div><div class="d-flex justify-content-center"><div class="col-sm-7 col-xl-6"><div class="d-flex"><input class="form-control new-design" id="paste-design"><button class="user-design btn btn-success ms-2">Use design</button></div><small class="form-text text-muted ms-1">Paste those numbers.</small></div></div><p class="text-center">We have a Discord server<a href="https://discord.gg/ZXMEkzfZXx"><img class="discord" src="discord.png" alt="Discord server link"></a></p><p class="text-center">We are open source!<a href="https://github.com/VBproDev/Canvascript"><img class="img" src="github.png" alt="Github repo link"></a></p><script src="script.js" defer="defer"></script></body></html>