Darrellthedesigner commited on
Commit
05afcbe
·
verified ·
1 Parent(s): f6d04b3

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +5 -2
  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
- overflow: hidden;
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
- overflow: hidden;
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