diff --git a/public/css/index.css b/public/css/index.css new file mode 100644 index 0000000..44153c3 --- /dev/null +++ b/public/css/index.css @@ -0,0 +1,34 @@ +html, body { + margin: 0; + padding: 0; +} + +header { + border-bottom: 1px solid #c8c8c8; + height: 10vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +header h1 { + font-family: "Raleway", sans-serif; + font-weight: bold; + user-select: none; + margin: 0; +} +header h2 { + font-family: "Raleway", sans-serif; + font-weight: bold; + user-select: none; + margin: 0; + color: #48a6fd; + margin-top: 0.5vh; + cursor: pointer; +} + +.hangman img { + width: 20vw; +} + +/*# sourceMappingURL=index.css.map */ diff --git a/public/css/index.css.map b/public/css/index.css.map new file mode 100644 index 0000000..5022d19 --- /dev/null +++ b/public/css/index.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_hangman.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;ACFJ;EACI;EAEA;EAEA;EACA;EACA;EACA;;AAEA;EDHA;EACA;EAIA;EACA;;ACGA;EDTA;EACA;EAIA;EACA;ECMI;EACA;EAEA;;;ACrBJ;EACI","file":"index.css"} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 127f789..7122733 100644 --- a/public/index.html +++ b/public/index.html @@ -8,6 +8,11 @@ name="description" content="Web site created using create-react-app" /> + + + + + + diff --git a/src/components/Hangman/Hangman Game SVGs/01.svg b/src/components/Hangman/Hangman Game SVGs/01.svg new file mode 100644 index 0000000..180db16 --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/01.svg @@ -0,0 +1,17 @@ + + + diff --git a/src/components/Hangman/Hangman Game SVGs/02.svg b/src/components/Hangman/Hangman Game SVGs/02.svg new file mode 100644 index 0000000..418377a --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/02.svg @@ -0,0 +1,415 @@ + + + + + + + + + + +]> + diff --git a/src/components/Hangman/Hangman Game SVGs/03.svg b/src/components/Hangman/Hangman Game SVGs/03.svg new file mode 100644 index 0000000..037de61 --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/03.svg @@ -0,0 +1,403 @@ + + + + + + + + + + +]> + diff --git a/src/components/Hangman/Hangman Game SVGs/04.svg b/src/components/Hangman/Hangman Game SVGs/04.svg new file mode 100644 index 0000000..bd3fe4b --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/04.svg @@ -0,0 +1,406 @@ + + + + + + + + + + +]> + diff --git a/src/components/Hangman/Hangman Game SVGs/05.svg b/src/components/Hangman/Hangman Game SVGs/05.svg new file mode 100644 index 0000000..5a325ca --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/05.svg @@ -0,0 +1,426 @@ + + + + + + + + + + +]> + diff --git a/src/components/Hangman/Hangman Game SVGs/06.svg b/src/components/Hangman/Hangman Game SVGs/06.svg new file mode 100644 index 0000000..24abaa3 --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/06.svg @@ -0,0 +1,412 @@ + + + + + + + + + + +]> + diff --git a/src/components/Hangman/Hangman Game SVGs/hangman.svg b/src/components/Hangman/Hangman Game SVGs/hangman.svg new file mode 100644 index 0000000..c54acc5 --- /dev/null +++ b/src/components/Hangman/Hangman Game SVGs/hangman.svg @@ -0,0 +1,11 @@ + + + diff --git a/src/components/Hangman/Hangman.jsx b/src/components/Hangman/Hangman.jsx new file mode 100644 index 0000000..f985343 --- /dev/null +++ b/src/components/Hangman/Hangman.jsx @@ -0,0 +1,15 @@ +import React, {useState} from 'react' +import { images } from './Images' + +const Hangman = () => { + + const [hangmanFrame, setHangmanFrame] = useState(0) + + return ( +