Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@VBproDev
VBproDev authored Sep 23, 2024
1 parent 683b278 commit 41b8e77
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +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://vbprodev.github.io/Canvascript/CanvaScript.png"><meta property="og:url" content="https://vbprodev.github.io/Canvascript/"><meta property="og:type" content="website"><link href="stylesheet.min.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" target="_blank"><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" target="_blank"><img class="img" src="github.png" alt="Github repo link"></a></p><script src="script.min.js" defer="defer"></script></body></html>
<!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://vbprodev.github.io/Canvascript/CanvaScript.png"><meta property="og:url" content="https://vbprodev.github.io/Canvascript/"><meta property="og:type" content="website"><link href="stylesheet.min.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" target="_blank"><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" target="_blank"><img class="img" src="github.png" alt="Github repo link"></a></p><script src="script.js" defer="defer"></script></body></html>

0 comments on commit 41b8e77

Please sign in to comment.