esteban/Portfolio-Esteban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove html file

Browse Source
This commit is contained in:
Esteban
2026-07-11 04:59:37 +02:00
parent d47258fad8
commit 376a20966f
1 changed files with 0 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ascii-logo.html
-90
View File
@@ -1,90 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Logo pixel art</title>
<style>
html, body {
margin: 0;
height: 100%;
background: #000000;
display: flex;
align-items: center;
justify-content: center;
}
canvas {
image-rendering: pixelated;
}
</style>
</head>
<body>
<canvas id="art"></canvas>
<script>
const CELL = 20;
const COLOR = "#d57353";
// Grille generee automatiquement a partir de l'image source
// (detection auto de la taille de cellule + de l'alignement).
const grid = [
"............................................",
"............................................",
"............................................",
"............................................",
"............................................",
"............................................",
".....................###....................",
".....................###....................",
"......................#.....................",
"......................#.....................",
"......................#.....................",
"......................##....................",
"..............#################.............",
"..............##################............",
"..............##################............",
"..............##################............",
".............####################...........",
"............#####..#######..######..........",
"............#####..#######..######..........",
".......#.#..#####..#######..######..........",
".......####.#####..#######..######..........",
".......###...####..#######..#####...........",
"........##....##################............",
"........##....######.###.#######............",
"........##....#######...########............",
"........###....################.............",
".........####..################.............",
"..........#######################...........",
"............######################..........",
"...............################.##..........",
"...............################.##..........",
"...............################.##..........",
"...............#####......#####.##..........",
"...............####.......#####.#...........",
"................###.......###...............",
"................###.......###...............",
"...............####.......#####.............",
"............................................",
"............................................",
"............................................",
"............................................",
"............................................",
"............................................",
"............................................"
];
const canvas = document.getElementById("art");
const cols = grid[0].length;
const rows = grid.length;
canvas.width = cols * CELL;
canvas.height = rows * CELL;
const ctx = canvas.getContext("2d");
ctx.fillStyle = COLOR;
for (let r = 0; r < rows; r++) {
for (let c = 0; c < cols; c++) {
if (grid[r][c] === "#") {
ctx.fillRect(c * CELL, r * CELL, CELL, CELL);
}
}
}
</script>
</body>
</html>