Martin/Collaborative-pixel-art
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit the code is uploaded

Browse source
This commit is contained in:
Martin 2023-07-21 17:46:01 +02:00
commit c8598bfa6a
6 changed files with 1761 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

35
public/index.html Normal file
View file

@ -0,0 +1,35 @@
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Collaborative Pixel Art</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<h1>Collaborative Pixel Art</h1>
<div id="pixel-count"></div> <!-- Element to display pixel count -->
</div>
<div class="container">
<div id="canvas">
<!-- Canvas will be generated dynamically -->
</div>
<div class="color-selector">
<div class="color-option" style="background-color: #000000;"></div>
<div class="color-option" style="background-color: #FF0000;"></div>
<div class="color-option" style="background-color: #00FF00;"></div>
<div class="color-option" style="background-color: #0000FF;"></div>
<div class="color-option" style="background-color: #FFFF00;"></div>
<div class="color-option" style="background-color: #FF00FF;"></div>
<div class="color-option" style="background-color: #00FFFF;"></div>
<div class="color-option" style="background-color: #FFFFFF;"></div>
</div>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="script.js"></script>
</body>
</html>