diff --git a/credits/index.html b/credits/index.html new file mode 100644 index 0000000..db6c331 --- /dev/null +++ b/credits/index.html @@ -0,0 +1,23 @@ + + + + + + + Tic Tac Toe Game + + + +

Credits

+ + + + + \ No newline at end of file diff --git a/credits/sytles/styles.css b/credits/sytles/styles.css new file mode 100644 index 0000000..fdeb44d --- /dev/null +++ b/credits/sytles/styles.css @@ -0,0 +1,75 @@ +html, body { + + height: 100%; + + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +body { + + margin: 0; + padding: 0; + + background-color: rgb(221, 121, 121); +} + +header { + + display: flex; + justify-content: center; +} + +header h1 { + + border-bottom: 2px solid #fff; + + width: 75vw; + + display: flex; + justify-content: center; + + margin: 0; + padding: 3vh 0px; + + color: #fff; + + font-size: 35pt; +} + +ul { + + padding: 2vh 13.8vw; +} + +li { + + color: #fff; + font-size: 17pt; +} + +li a, footer a { + + color: rgb(31, 94, 189) +} + +footer { + + position: absolute; + + height: 7vh; + width: 100%; + + padding-left: 2vw; + padding-right: 2vw; + + top: calc(100% - 7vh); + + box-sizing: border-box; + + display: flex; + align-items: center; + justify-content: space-between; + + color: #fff; + font-size: 13pt; +} \ No newline at end of file diff --git a/index.html b/index.html index c4a7bac..1f7eac9 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Tic tac toe + Tic Tac Toe Game @@ -69,6 +69,7 @@ diff --git a/styles/footer.scss b/styles/footer.scss index a7497a1..1d8360d 100644 --- a/styles/footer.scss +++ b/styles/footer.scss @@ -8,16 +8,21 @@ footer { width: 100%; padding-left: 2vw; + padding-right: 2vw; top: calc(100% - $height); box-sizing: border-box; - + + display: flex; + align-items: center; + justify-content: space-between; + color: #fff; font-size: 13pt; - + a { - + color: rgb(31, 94, 189) } } \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index cc824cf..3921c14 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -265,8 +265,12 @@ footer { height: 7vh; width: 100%; padding-left: 2vw; + padding-right: 2vw; top: calc(100% - 7vh); box-sizing: border-box; + display: flex; + align-items: center; + justify-content: space-between; color: #fff; font-size: 13pt; } diff --git a/styles/styles.css.map b/styles/styles.css.map index 0300ec4..367ea08 100644 --- a/styles/styles.css.map +++ b/styles/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["playerSelection.scss","game.scss","footer.scss","styles.scss"],"names":[],"mappings":"AAAA;EAEI;EAEA;EACA;EAEA;EAEA;EACA;EACA;EAEA;;AAEA;EAEG;;AAGH;EAEI;EAEA;;AAEA;EAKI;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;EAEA;EACA;;AAGJ;EAEI;EAEA;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAIR;EAEI;EACA;;AAEA;EAEI;EAEA;EACA;EACA;EAEA;;AAEA;EAEI;EACA;;AAKZ;EAEI;EACA;;AAII;EAEI;EACA;;AAMhB;EAEI;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;;AAGJ;EAEI;EAEA;;;AAIR;EAEI;EAEA;;;AAGJ;EAEI;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EAEI;EAEA;EAEA;EAEA;EACA;;;AAIR;EAEI;EACA;EAEA;EAEA;;;AAGJ;EAEI;;;ACzLJ;EAEI;EAEA;EACA;EAEA;EACA;;AAEA;EAEI;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAEI;;AAEA;EAEI;;;AAMhB;EAEI;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EAEI;EACA;;;AAQA;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;;AAKZ;EAEI;EAEA;EAEA;;;AAGJ;EAOI;EACA;;AAEA;EAEI;EACA;EAEA;;;AAIR;EAEI;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;;AAEA;EAEI;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EAEA;EAEA;;AAEA;EAEI;EAEA;;AAIR;EAEI;;;AAKR;EAEI;IAEI;IACA;;EAEA;IAEI;IACA;;;EAIR;IAEI;IACA;;;EAGJ;IAEI;IACA;;;AC7NR;EAII;EAEA,QAJS;EAKT;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EAEI;;;AChBR;EAEI;EAEA;EAEA;;;AAGJ;EAEI;EACA;EAEA;EAEA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EACI","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["playerSelection.scss","game.scss","footer.scss","styles.scss"],"names":[],"mappings":"AAAA;EAEI;EAEA;EACA;EAEA;EAEA;EACA;EACA;EAEA;;AAEA;EAEG;;AAGH;EAEI;EAEA;;AAEA;EAKI;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;EAEA;EACA;;AAGJ;EAEI;EAEA;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAIR;EAEI;EACA;;AAEA;EAEI;EAEA;EACA;EACA;EAEA;;AAEA;EAEI;EACA;;AAKZ;EAEI;EACA;;AAII;EAEI;EACA;;AAMhB;EAEI;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;;AAGJ;EAEI;EAEA;;;AAIR;EAEI;EAEA;;;AAGJ;EAEI;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EAEI;EAEA;EAEA;EAEA;EACA;;;AAIR;EAEI;EACA;EAEA;EAEA;;;AAGJ;EAEI;;;ACzLJ;EAEI;EAEA;EACA;EAEA;EACA;;AAEA;EAEI;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EAEI;;AAEA;EAEI;;;AAMhB;EAEI;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EAEI;EACA;;;AAQA;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;;AAKZ;EAEI;EAEA;EAEA;;;AAGJ;EAOI;EACA;;AAEA;EAEI;EACA;EAEA;;;AAIR;EAEI;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;;AAEA;EAEI;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EAEA;EAEA;;AAEA;EAEI;EAEA;;AAIR;EAEI;;;AAKR;EAEI;IAEI;IACA;;EAEA;IAEI;IACA;;;EAIR;IAEI;IACA;;;EAGJ;IAEI;IACA;;;AC7NR;EAII;EAEA,QAJS;EAKT;EAEA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;;AAEA;EAEI;;;ACrBR;EAEI;EAEA;EAEA;;;AAGJ;EAEI;EACA;EAEA;EAEA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EACI","file":"styles.css"} \ No newline at end of file