Spaces:
Running
Running
Add 2 files
Browse files- index.html +5 -2
- prompts.txt +2 -1
index.html
CHANGED
|
@@ -40,6 +40,7 @@
|
|
| 40 |
aspect-ratio: 1;
|
| 41 |
background-color: rgba(0, 0, 0, 0.1);
|
| 42 |
position: relative;
|
|
|
|
| 43 |
}
|
| 44 |
|
| 45 |
.gold {
|
|
@@ -49,7 +50,7 @@
|
|
| 49 |
inset 0 0 10px rgba(255, 215, 0, 0.5),
|
| 50 |
0 0 5px rgba(255, 215, 0, 0.8);
|
| 51 |
position: relative;
|
| 52 |
-
|
| 53 |
}
|
| 54 |
|
| 55 |
.gold::after {
|
|
@@ -83,7 +84,7 @@
|
|
| 83 |
inset 0 0 10px rgba(255, 215, 0, 0.8),
|
| 84 |
0 0 8px rgba(255, 215, 0, 0.9);
|
| 85 |
position: relative;
|
| 86 |
-
|
| 87 |
}
|
| 88 |
|
| 89 |
.gold-light::after {
|
|
@@ -434,6 +435,7 @@
|
|
| 434 |
cell.style.backgroundColor = nextPiece.color;
|
| 435 |
cell.style.border = '1px solid #fff';
|
| 436 |
cell.style.boxShadow = 'inset 0 0 5px rgba(255, 255, 255, 0.5)';
|
|
|
|
| 437 |
|
| 438 |
// Add dollar sign to preview pieces
|
| 439 |
const dollarSign = document.createElement('div');
|
|
@@ -663,6 +665,7 @@
|
|
| 663 |
|
| 664 |
if (grid[row][col]) {
|
| 665 |
cell.classList.add('gold-light');
|
|
|
|
| 666 |
} else {
|
| 667 |
cell.classList.remove('gold-light');
|
| 668 |
cell.style.backgroundColor = '';
|
|
|
|
| 40 |
aspect-ratio: 1;
|
| 41 |
background-color: rgba(0, 0, 0, 0.1);
|
| 42 |
position: relative;
|
| 43 |
+
overflow: hidden;
|
| 44 |
}
|
| 45 |
|
| 46 |
.gold {
|
|
|
|
| 50 |
inset 0 0 10px rgba(255, 215, 0, 0.5),
|
| 51 |
0 0 5px rgba(255, 215, 0, 0.8);
|
| 52 |
position: relative;
|
| 53 |
+
clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
|
| 54 |
}
|
| 55 |
|
| 56 |
.gold::after {
|
|
|
|
| 84 |
inset 0 0 10px rgba(255, 215, 0, 0.8),
|
| 85 |
0 0 8px rgba(255, 215, 0, 0.9);
|
| 86 |
position: relative;
|
| 87 |
+
clip-path: polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%);
|
| 88 |
}
|
| 89 |
|
| 90 |
.gold-light::after {
|
|
|
|
| 435 |
cell.style.backgroundColor = nextPiece.color;
|
| 436 |
cell.style.border = '1px solid #fff';
|
| 437 |
cell.style.boxShadow = 'inset 0 0 5px rgba(255, 255, 255, 0.5)';
|
| 438 |
+
cell.style.clipPath = 'polygon(0% 20%, 20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%)';
|
| 439 |
|
| 440 |
// Add dollar sign to preview pieces
|
| 441 |
const dollarSign = document.createElement('div');
|
|
|
|
| 665 |
|
| 666 |
if (grid[row][col]) {
|
| 667 |
cell.classList.add('gold-light');
|
| 668 |
+
cell.style.backgroundColor = '';
|
| 669 |
} else {
|
| 670 |
cell.classList.remove('gold-light');
|
| 671 |
cell.style.backgroundColor = '';
|
prompts.txt
CHANGED
|
@@ -2,4 +2,5 @@ make a Tetris-like game, where the blocks are gold bars. allow keyboard controls
|
|
| 2 |
the main game screen is cutoff at the bottom, I can only see half the area, please fix
|
| 3 |
make the game's dimensions responsive, so that no matter the device or screen size that all of the elements are visible without scrolling. also make sure the blocks look like gold bars. make the text dark golden instead of white so its more readable.
|
| 4 |
the right column with the controls and stuff is still not aligned properly, it starts above the top of the screen, please fix, also use a condensed font for the title in all caps. make the dark golden text darker. there seems to be an issue with the sizing on the control area, it extends to the bottom of the page, it should only have padding of 60px after the pause button.
|
| 5 |
-
make the gold bricks have little dark gold dollar signs on them, also make a start button so it doesn't start automatically upon load
|
|
|
|
|
|
| 2 |
the main game screen is cutoff at the bottom, I can only see half the area, please fix
|
| 3 |
make the game's dimensions responsive, so that no matter the device or screen size that all of the elements are visible without scrolling. also make sure the blocks look like gold bars. make the text dark golden instead of white so its more readable.
|
| 4 |
the right column with the controls and stuff is still not aligned properly, it starts above the top of the screen, please fix, also use a condensed font for the title in all caps. make the dark golden text darker. there seems to be an issue with the sizing on the control area, it extends to the bottom of the page, it should only have padding of 60px after the pause button.
|
| 5 |
+
make the gold bricks have little dark gold dollar signs on them, also make a start button so it doesn't start automatically upon load
|
| 6 |
+
make the blocks shape like gold bars more accurately, like how a gold bar tapered slightly toward the top
|