chrisCNG

PixelArtIndex

Oct 20th, 2020 (edited)
876
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.     <link rel="stylesheet" href="PAstyle.css">
  5.   <script src="PAscript.js"></script>
  6. </head>
  7. <body>
  8.   <div id="palette">
  9.     <div class="pen" style="background-color:white;" onclick="setPenColour('white')"></div>
  10.     <div class="pen" style="background-color:black;" onclick="setPenColour('black')"></div>
  11.     <div class="pen" style="background-color:tomato;" onclick="setPenColour('tomato')"></div>
  12.     <div class="pen" style="background-color:cyan;" onclick="setPenColour('cyan')"></div>
  13.     <div class="pen" style="background-color:chartreuse;" onclick="setPenColour('chartreuse')"></div>
  14.     <div class="pen" style="background-color:darkgoldenrod;" onclick="setPenColour('darkgoldenrod')"></div>
  15.     <div class="pen" style="background-color:darkorchid;" onclick="setPenColour('darkorchid')"></div>
  16.     <div class="pen" style="background-color:gold;" onclick="setPenColour('gold')"></div>
  17.     <div class="pen" style="background-color:lemonchiffon;" onclick="setPenColour('lemonchiffon')"></div>
  18.   </div>
  19.   <div id="art">
  20.     <div class="row">
  21.       <div class="pixel" onclick="setPixelColour(this)"></div>
  22.       <div class="pixel" onclick="setPixelColour(this)"></div>
  23.       <div class="pixel" onclick="setPixelColour(this)"></div>
  24.       <div class="pixel" onclick="setPixelColour(this)"></div>
  25.       <div class="pixel" onclick="setPixelColour(this)"></div>
  26.       <div class="pixel" onclick="setPixelColour(this)"></div>
  27.       <div class="pixel" onclick="setPixelColour(this)"></div>
  28.       <div class="pixel" onclick="setPixelColour(this)"></div>
  29.       <div class="pixel" onclick="setPixelColour(this)"></div>
  30.     </div>
  31.      <div class="row">
  32.       <div class="pixel" onclick="setPixelColour(this)"></div>
  33.       <div class="pixel" onclick="setPixelColour(this)"></div>
  34.       <div class="pixel" onclick="setPixelColour(this)"></div>
  35.       <div class="pixel" onclick="setPixelColour(this)"></div>
  36.       <div class="pixel" onclick="setPixelColour(this)"></div>
  37.       <div class="pixel" onclick="setPixelColour(this)"></div>
  38.       <div class="pixel" onclick="setPixelColour(this)"></div>
  39.       <div class="pixel" onclick="setPixelColour(this)"></div>
  40.       <div class="pixel" onclick="setPixelColour(this)"></div>
  41.     </div>
  42.      <div class="row">
  43.       <div class="pixel" onclick="setPixelColour(this)"></div>
  44.       <div class="pixel" onclick="setPixelColour(this)"></div>
  45.       <div class="pixel" onclick="setPixelColour(this)"></div>
  46.       <div class="pixel" onclick="setPixelColour(this)"></div>
  47.       <div class="pixel" onclick="setPixelColour(this)"></div>
  48.       <div class="pixel" onclick="setPixelColour(this)"></div>
  49.       <div class="pixel" onclick="setPixelColour(this)"></div>
  50.       <div class="pixel" onclick="setPixelColour(this)"></div>
  51.       <div class="pixel" onclick="setPixelColour(this)"></div>
  52.     </div>
  53.      <div class="row">
  54.       <div class="pixel" onclick="setPixelColour(this)"></div>
  55.       <div class="pixel" onclick="setPixelColour(this)"></div>
  56.       <div class="pixel" onclick="setPixelColour(this)"></div>
  57.       <div class="pixel" onclick="setPixelColour(this)"></div>
  58.       <div class="pixel" onclick="setPixelColour(this)"></div>
  59.       <div class="pixel" onclick="setPixelColour(this)"></div>
  60.       <div class="pixel" onclick="setPixelColour(this)"></div>
  61.       <div class="pixel" onclick="setPixelColour(this)"></div>
  62.       <div class="pixel" onclick="setPixelColour(this)"></div>
  63.     </div>
  64.      <div class="row">
  65.       <div class="pixel" onclick="setPixelColour(this)"></div>
  66.       <div class="pixel" onclick="setPixelColour(this)"></div>
  67.       <div class="pixel" onclick="setPixelColour(this)"></div>
  68.       <div class="pixel" onclick="setPixelColour(this)"></div>
  69.       <div class="pixel" onclick="setPixelColour(this)"></div>
  70.       <div class="pixel" onclick="setPixelColour(this)"></div>
  71.       <div class="pixel" onclick="setPixelColour(this)"></div>
  72.       <div class="pixel" onclick="setPixelColour(this)"></div>
  73.       <div class="pixel" onclick="setPixelColour(this)"></div>
  74.     </div>
  75.      <div class="row">
  76.       <div class="pixel" onclick="setPixelColour(this)"></div>
  77.       <div class="pixel" onclick="setPixelColour(this)"></div>
  78.       <div class="pixel" onclick="setPixelColour(this)"></div>
  79.       <div class="pixel" onclick="setPixelColour(this)"></div>
  80.       <div class="pixel" onclick="setPixelColour(this)"></div>
  81.       <div class="pixel" onclick="setPixelColour(this)"></div>
  82.       <div class="pixel" onclick="setPixelColour(this)"></div>
  83.       <div class="pixel" onclick="setPixelColour(this)"></div>
  84.       <div class="pixel" onclick="setPixelColour(this)"></div>
  85.     </div>
  86.      <div class="row">
  87.       <div class="pixel" onclick="setPixelColour(this)"></div>
  88.       <div class="pixel" onclick="setPixelColour(this)"></div>
  89.       <div class="pixel" onclick="setPixelColour(this)"></div>
  90.       <div class="pixel" onclick="setPixelColour(this)"></div>
  91.       <div class="pixel" onclick="setPixelColour(this)"></div>
  92.       <div class="pixel" onclick="setPixelColour(this)"></div>
  93.       <div class="pixel" onclick="setPixelColour(this)"></div>
  94.       <div class="pixel" onclick="setPixelColour(this)"></div>
  95.       <div class="pixel" onclick="setPixelColour(this)"></div>
  96.     </div>
  97.      <div class="row">
  98.       <div class="pixel" onclick="setPixelColour(this)"></div>
  99.       <div class="pixel" onclick="setPixelColour(this)"></div>
  100.       <div class="pixel" onclick="setPixelColour(this)"></div>
  101.       <div class="pixel" onclick="setPixelColour(this)"></div>
  102.       <div class="pixel" onclick="setPixelColour(this)"></div>
  103.       <div class="pixel" onclick="setPixelColour(this)"></div>
  104.       <div class="pixel" onclick="setPixelColour(this)"></div>
  105.       <div class="pixel" onclick="setPixelColour(this)"></div>
  106.       <div class="pixel" onclick="setPixelColour(this)"></div>
  107.     </div>
  108.      <div class="row">
  109.       <div class="pixel" onclick="setPixelColour(this)"></div>
  110.       <div class="pixel" onclick="setPixelColour(this)"></div>
  111.       <div class="pixel" onclick="setPixelColour(this)"></div>
  112.       <div class="pixel" onclick="setPixelColour(this)"></div>
  113.       <div class="pixel" onclick="setPixelColour(this)"></div>
  114.       <div class="pixel" onclick="setPixelColour(this)"></div>
  115.       <div class="pixel" onclick="setPixelColour(this)"></div>
  116.       <div class="pixel" onclick="setPixelColour(this)"></div>
  117.       <div class="pixel" onclick="setPixelColour(this)"></div>
  118.     </div>
  119.    
  120.   </div>
  121. </body>
  122. </html>
  123.  
RAW Paste Data