diff --git a/assignments/phase3/Website with integrated JS Hangan/css/stylesheet.css b/assignments/phase3/docs/css/stylesheet.css similarity index 72% rename from assignments/phase3/Website with integrated JS Hangan/css/stylesheet.css rename to assignments/phase3/docs/css/stylesheet.css index e5825a6..c1447c8 100644 --- a/assignments/phase3/Website with integrated JS Hangan/css/stylesheet.css +++ b/assignments/phase3/docs/css/stylesheet.css @@ -17,6 +17,7 @@ 6. Responsive Design Adjustments 7. Footer Styles 8. Hangman Game Styles +9. Minesweeper Game Styles */ /* ------------------------------------------------------------------- */ @@ -331,7 +332,7 @@ button, .start-game { } /* ------------------------------------------------------------------- */ -/* ----------------- 8. Hamg,am---------------------- ---------------- */ +/* ----------------- 8. Hangman---------------------- ---------------- */ /* ------------------------------------------------------------------- */ /* General Styles for Hangman Game Container */ @@ -431,3 +432,19 @@ button, .start-game { cursor: default; opacity: 0.5; } + +/* ------------------------------------------------------------------- */ +/* ----------------- 8. Minesweeper ---------------------------------- */ +/* ------------------------------------------------------------------- */ + +#minesweeper{padding:2rem} + +#minesweeper #game.hidden,#minesweeper #main-menu.hidden,.hidden{display:none} + +#minesweeper h1{font-size:3rem;margin-bottom:2rem} + +#minesweeper button{padding:.8rem 1.5rem;font-family:JetBrains Mono} + +#minesweeper .return{text-decoration:underline;font-weight:700;border:none;background-color:#fff} + +#minesweeper #main-menu{display:grid;grid-template-columns:1fr 1fr;gap:2rem}#main-menu>div{display:flex;flex-direction:column;align-items:center;gap:1rem}#minesweeper h2{margin-top:2rem;font-weight:700;font-size:2.4rem}#main-menu p,#minesweeper h2{text-align:center}#main-menu form{display:flex;flex-direction:column;gap:1rem}#main-menu form>div{display:flex;justify-content:space-evenly;gap:1rem}#main-menu input{border:none;border-bottom:.1rem solid;font-family:JetBrains Mono}#main-menu button{margin-top:1rem}#instructions h2,#instructions p{margin-bottom:1.5rem}#instructions h3{font-size:2.2rem}#instructions ul{padding:0 2rem}#instructions li{font-size:1.8rem;margin-bottom:1rem}#instructions a{font-size:1.8rem}#instructions button{padding:1rem 1.8rem;margin:2rem auto}#board-background{width:100%;background-color:#ededed;padding:2rem 0}#board{max-width:fit-content;margin:0 auto}#board .row{display:flex}#board button{border-radius:0;padding:.8rem;width:3rem;height:3rem;border-color:#d3d3d3}button[data-status=checked]{color:#000;font-weight:700;background-color:#fff7e4}button[data-num-adj-mines="1"]{background-color:#ffe6c6}button[data-num-adj-mines="2"]{background-color:#ffc384}button[data-num-adj-mines="3"]{background-color:#dea38b}button[data-num-adj-mines="4"]{background-color:#e9f59d}button[data-num-adj-mines="5"]{background-color:#b0eb93}button[data-num-adj-mines="6"]{background-color:#accce4}button[data-num-adj-mines="7"]{background-color:#b0a9e4}button[data-num-adj-mines="8"]{background-color:#feaae4}button[data-status=flag]{background:url(../images/minesweeper/flag.svg) no-repeat 50%;background-size:1.5rem 1.5rem}button[data-status=question]{background:url(../images/minesweeper/question.svg) no-repeat 50%;background-size:1.5rem 1.5rem}button[data-status=bomb-reveal]{background:url(../images/minesweeper/bomb.svg) no-repeat 50%;background-size:1.5rem 1.5rem}#flagged-mines-container,#info,#settings{display:flex;justify-content:center;align-items:center;gap:4rem}#info{margin-bottom:.5rem}#flagged-mines-container{gap:.2rem}#mine-svg-container{margin-bottom:.3rem}#emoji,#mine-svg-container,img[src="bomb.svg"]{width:2.5rem;height:2.5rem}#emoji{border:none;background:url(../images/minesweeper/alive.svg) no-repeat 50%;background-size:2.5rem 2.5rem}#emoji.dead{background:url(../images/minesweeper/dead.svg) no-repeat 50%;background-size:2.5rem 2.5rem}#timer span{font-size:1.8rem}#settings{flex-direction:column;gap:.5rem;margin-top:.5rem}#settings .return{background-color:#ededed;font-size:1.8rem;font-weight:400}dialog{border-color:grey;border-radius:1rem;margin:auto;padding:2rem}dialog div{display:flex;flex-direction:column;align-items:center;gap:1rem}dialog p{text-align:center}dialog button{margin:0 auto} diff --git a/assignments/phase3/Website with integrated JS Hangan/documents.html b/assignments/phase3/docs/documents.html similarity index 100% rename from assignments/phase3/Website with integrated JS Hangan/documents.html rename to assignments/phase3/docs/documents.html diff --git a/assignments/phase3/Website with integrated JS Hangan/documents/designplan.pdf b/assignments/phase3/docs/documents/designplan.pdf similarity index 100% rename from assignments/phase3/Website with integrated JS Hangan/documents/designplan.pdf rename to assignments/phase3/docs/documents/designplan.pdf diff --git a/assignments/phase3/Website with integrated JS Hangan/documents/phase1.pdf b/assignments/phase3/docs/documents/phase1.pdf similarity index 100% rename from assignments/phase3/Website with integrated JS Hangan/documents/phase1.pdf rename to assignments/phase3/docs/documents/phase1.pdf diff --git a/assignments/phase3/Website with integrated JS Hangan/documents/phase2.pdf b/assignments/phase3/docs/documents/phase2.pdf similarity index 100% rename from assignments/phase3/Website with integrated JS Hangan/documents/phase2.pdf rename to assignments/phase3/docs/documents/phase2.pdf diff --git a/assignments/phase3/Website with integrated JS Hangan/documents/plansandspecifications.pdf b/assignments/phase3/docs/documents/plansandspecifications.pdf similarity index 100% rename from assignments/phase3/Website with integrated JS Hangan/documents/plansandspecifications.pdf rename to assignments/phase3/docs/documents/plansandspecifications.pdf diff --git a/assignments/phase3/Website with integrated JS Hangan/documents/testplan.pdf b/assignments/phase3/docs/documents/testplan.pdf similarity index 100% rename from assignments/phase3/Website with integrated JS Hangan/documents/testplan.pdf rename to assignments/phase3/docs/documents/testplan.pdf diff --git a/assignments/phase3/docs/game.html b/assignments/phase3/docs/game.html new file mode 100644 index 0000000..26a2d2a --- /dev/null +++ b/assignments/phase3/docs/game.html @@ -0,0 +1,58 @@ + + + + +
+UMGC CMSC 495 Capstone Project
+