Skip to content

Instantly share code, notes, and snippets.

@johirbuet

johirbuet/index.html

Created May 25, 2018 10:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save johirbuet/a8c1d735ad576b0970adde2c13a3e432 to your computer and use it in GitHub Desktop.
Save johirbuet/a8c1d735ad576b0970adde2c13a3e432 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<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