Skip to content

Instantly share code, notes, and snippets.

@johirbuet johirbuet/index.html
Created May 25, 2018

Embed
What would you like to do?
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body background="http://res.cloudinary.com/dxuvuvh7s/image/upload/v1526680568/abstract-art-artistic-459799.jpg"
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Monoton">
<link rel="stylesheet" href="styles.css">
<script src="http://res.cloudinary.com/dxuvuvh7s/image/upload/v1524020589/Pixel_Art_Maker_4.png"></script>
<meta charset="UTF-8">
</head>
<body>
<div class="game">
<img src="http://res.cloudinary.com/dxuvuvh7s/image/upload/v1524020589/Pixel_Art_Maker_4.png" alt="image" style="width:600px;height:250px;">
<h2>Choose Grid Size</h2>
<form id="sizePicker">
Grid Height:
<input type="number" id="inputHeight" name="height" min="1" value="1">
Grid Width:
<input type="number" id="inputWidth" name="width" min="1" value="1">
<input type="submit">
</form>
<h2>Pick A Color</h2>
<input type="color" id="colorPicker" value="#15586">
<h2>Design Canvas</h2>
<table id="pixelCanvas">
</table>
<script src="designs.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.