diff --git a/.DS_Store b/.DS_Store index 9b975a5..0f3aa91 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/Profile copy/Profile.html b/Profile copy/Profile.html deleted file mode 100644 index 99402b4..0000000 --- a/Profile copy/Profile.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - Profile - - - - - - -
- -
- -
- -
- - - - \ No newline at end of file diff --git a/Profile copy/style.css b/Profile copy/style.css deleted file mode 100644 index 3119a1e..0000000 --- a/Profile copy/style.css +++ /dev/null @@ -1,36 +0,0 @@ -body { - background-color: powderblue -} -h1 { - color: blue; -} -p { - color:red; -} - -.home-button { - display: flex; - justify-content: center; -} - -.text { - transform: skew(0deg); -} - -.user-info { - background-color:rgb(24, 68, 134); - border: 1px solid rgb(120, 187, 203); - color: white; - width: 100px; - height: 80px; - transform: skew(20deg); - padding: 10px 24px; - margin: 50px; - cursor: pointer; - float: left; -} - -.btn-text { - transform: skew(-20deg); - padding: 12px; -} diff --git a/css/style.css b/css/style.css index 8091bed..cd8ab17 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,100 @@ +/* HOME PAGE */ +.home-title-image { + margin: auto; + display: block; + height: 100%; + width: auto; + margin-bottom: 30px; +} + +.menu-container { + height: 500px; + + display: flex; + align-items: center; + justify-content: center; +} + +.sub-menu-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.slide-to-the-left { + margin-right: 20px; +} + +.menu-container-item { + background-color: rgb(120, 163, 227); + color: white; + + border: 2px solid rgb(120, 163, 227); + border-radius: 24px; + + width: 400px; + line-height: 50px; + margin: 10px; + transform: skew(-10deg); + font-family: 'Convergence', sans-serif; + box-shadow: 5px 5px; +} + +.menu-container-item2 { + background-color: rgb(120, 163, 227); + color: white; + + border: 2px solid rgb(120, 163, 227); + border-radius: 24px; + + width: 400px; + line-height: 50px; + margin: 10px; + transform: skew(-10deg) translate(-30px); + font-family: 'Convergence', sans-serif; + box-shadow: 5px 5px; +} + +.menu-container-item3 { + background-color: rgb(120, 163, 227); + color: white; + + border: 2px solid rgb(120, 163, 227); + border-radius: 24px; + + width: 400px; + height: 380px; + line-height: 50px; + margin: 10px; + transform: skew(-10deg); + font-family: 'Convergence', sans-serif; + box-shadow: 5px 5px; +} + +.menu-container-item2:hover { + background-color: white; + color: rgb(120, 163, 227); + cursor: pointer; +} + +.menu-container-item3:hover { + background-color: white; + color: rgb(120, 163, 227); + cursor: pointer; +} + +.menu-container-word { + padding: 60px 0px; + transform: skew(10deg); + font-size: 40px; +} + +.extra-padding { + padding: 100px 0px; +} + + /* GAME PAGE */ .background { background-position: center center; @@ -15,11 +112,11 @@ font-family: 'Lato', sans-serif; text-align: center; font-size: 20px; - transform: skew(20deg); - border-radius: 8px; + transform: skew(10deg); + border-radius: 16px; margin-right: 30px; - margin-top: -150px; + margin-top: -110px; padding: 0px 12px; border: 4px solid rgb(29, 161, 242); } @@ -47,6 +144,7 @@ color: rgb(29, 161, 242); border: 4px solid rgb(29, 161, 242); border-radius: 16px; + padding: 5px; margin-left: auto; margin-right: auto; margin-bottom: 25px; @@ -55,12 +153,12 @@ .tweetbox { background-color: rgb(236, 240, 246); - height: 200px; + height: 250px; width: 550px; margin: auto; - border-radius: 8px; + border-radius: 16px; } .pfp { @@ -102,7 +200,7 @@ .tweettext { font-family: 'Roboto', sans-serif; - padding-left: 20px; + padding: 0px 20px; } .datetime { @@ -110,6 +208,7 @@ color:rgb(134, 141, 151); padding-left: 20px; + float: bottom; } .answer-container { @@ -134,15 +233,17 @@ .answer-container-item { background-color: rgb(29, 161, 242); color: white; - font-family: 'Convergence', sans-serif; + font-family: 'Lato', sans-serif; border: 2px solid rgb(29, 161, 242); - border-radius: 8px; + border-radius: 16px; width: 300px; line-height: 50px; - transform: skew(-20deg); - margin: 0px 30px; + transform: skew(-10deg); + margin: 0px 16px; + + box-shadow: 5px 5px; } .answer-container-item:hover { @@ -152,12 +253,12 @@ } .unskew { - transform: skew(20deg); + transform: skew(10deg); padding: 7px; } .skew { - transform: skew(-20deg); + transform: skew(-10deg); padding: 0px 7px; } @@ -172,8 +273,12 @@ .title-image { margin: auto; display: block; - height: 130px; - width: auto; + height: auto; + width: 240px; +} + +.title-image:hover { + cursor: pointer; } .fail-score-container { @@ -200,7 +305,7 @@ margin: 0px 0px; padding: 0px 20px; border: 4px solid #3AB5B8; - border-radius: 8px; + border-radius: 16px; } .just-some-padding { @@ -228,12 +333,12 @@ color: white; border: 2px solid #042B33; - border-radius: 8px; + border-radius: 16px; width: 200px; line-height: 50px; margin: 10px; - transform: skew(-20deg); + transform: skew(-10deg); } .play-again-button:hover { @@ -258,6 +363,7 @@ .socials { display: flex; justify-content: center; + margin-top: 20px; } .text { @@ -270,7 +376,7 @@ color: white; width: 100px; height: 80px; - transform: skew(-20deg); + transform: skew(-10deg); padding-left: 5px; padding-right: 5px; margin-top: 50px; @@ -281,15 +387,18 @@ } .btn-text { - transform: skew(20deg); + transform: skew(10deg); padding: 15px; } .socials-title { font-family: 'Convergence', sans-serif; text-align: center; - font-size: 20px; - color:blue; + font-size: 50px; + color:rgb(24, 68, 134); + + padding-top: 20px; + padding-bottom: 80px; } .socials-container { @@ -298,12 +407,13 @@ font-family: 'Convergence', sans-serif; border: 2px solid rgb(116, 118, 63); - border-radius: 8px; + border-radius: 16px; width: 120px; line-height: 50px; - transform: skew(-20deg); + transform: skew(-10deg); margin: 0px 20px; + box-shadow: 3px 3px; } .socials-container:hover { @@ -316,7 +426,7 @@ display: block; margin-left: auto; margin-right: auto; - margin-top: 70px; + margin-top: 30px; width: 400px; transform:rotate(30deg); } @@ -326,4 +436,4 @@ background-repeat: no-repeat; background-attachment: fixed; background-size: cover; -} \ No newline at end of file +} diff --git a/html/.DS_Store b/html/.DS_Store index 904f859..2608f44 100644 Binary files a/html/.DS_Store and b/html/.DS_Store differ diff --git a/html/assets/.DS_Store b/html/assets/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/html/assets/.DS_Store differ diff --git a/html/assets/celebtweets-logo2.png b/html/assets/celebtweets-logo2.png new file mode 100644 index 0000000..4980d25 Binary files /dev/null and b/html/assets/celebtweets-logo2.png differ diff --git a/html/assets/pirate-background.webp b/html/assets/pirate-background.webp new file mode 100644 index 0000000..bfb0607 Binary files /dev/null and b/html/assets/pirate-background.webp differ diff --git a/html/contact.html b/html/contact.html index 929a9dc..a8e4cc0 100644 --- a/html/contact.html +++ b/html/contact.html @@ -3,22 +3,19 @@ Contact Us - + - -
- -
+ + +
-

Contact Us

+ Contact Us!
@@ -42,13 +39,13 @@

Contact Us

+ + +
+ + +
+
+ + +
+ + + + + + diff --git a/html/index.html b/html/index.html index f49e760..38a549e 100644 --- a/html/index.html +++ b/html/index.html @@ -1,90 +1,54 @@ - + + + Home Page - - + - - - + + + + - Document + - - + logo - +
-
- title -
+
-
-
-

Your Score:

-

- 1 -

-
- -
+ -

Who Tweeted This?

- -
+ + +
-
+
+ +
-
-
-
-
- -

- Age limits for people in power seems smart -

- -

- 10:57 am · 24 Jun 2022 -

-
- - - - -
- - -
-
- - -
- - - - - + + + + \ No newline at end of file diff --git a/html/profile.html b/html/profile.html deleted file mode 100644 index 16c12d8..0000000 --- a/html/profile.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - Contact Us - - - - - - -
- -
- -
-

Contact Us

-
- - - - \ No newline at end of file