From 5b677d7b20c9ec40f1b530eb9716602ec35fbdf1 Mon Sep 17 00:00:00 2001 From: Houlihan Date: Wed, 16 Sep 2020 17:38:04 -0400 Subject: [PATCH 1/5] added stuff --- package.json | 8 +-- public/css/style.css | 133 ++++++++++++++++++++++++++++++++++++++++++- public/index.html | 44 +++++++++++--- server.improved.js | 79 ++++++++++++++++++++++--- 4 files changed, 245 insertions(+), 19 deletions(-) diff --git a/package.json b/package.json index 988f135f..c91d493a 100755 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { - "name": "", - "version": "", - "description": "", - "author": "", + "name": "server", + "version": "1.0.0", + "description": "Assignment 2", + "author": "Patrick Houlihan", "scripts": { "start": "node server.improved.js" }, diff --git a/public/css/style.css b/public/css/style.css index d5f842ab..f85afde5 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -1 +1,132 @@ -/*Style your own assignment! This is fun! */ \ No newline at end of file +/*Style your own assignment! This is fun! *//*Style your own assignment! This is fun! */ +body { + font-family: 'Source Sans Pro', sans-serif; + margin: 2em; + background: url("https://cdn.glitch.com/a0932599-8cec-49e9-8b52-8f59ed766e23%2Fmini.png?v=1599345336237") + no-repeat center center fixed; + } + + h1 { + font-style: italic; + text-align: center; + padding: 2%; + background-color: rgba(62, 112, 230, 0.9); + } + + li { + list-style-type: none; + } + + .grid { + display: grid; + grid-gap: 30px; + grid-auto-rows: auto; + } + + .grid > div { + text-align: center; + width: auto; + } + + .gridItem1a { + grid-row: 1; + grid-column: 1; + text-align: center; + background-color: rgba(191, 157, 245, 0.96) !important; + } + + .gridItem2a { + grid-row: 2; + grid-column: 1; + text-align: center; + background-color: rgba(250, 236, 162, 0.98); + } + + .gridItem1b { + grid-row: 1; + grid-column: 2; + text-align: center; + background-color: rgba(252, 168, 56, 0.99); + } + + .gridItem2b { + grid-row: 2; + grid-column: 2; + text-align: center; + background-color: rgba(53, 238, 242, 0.95); + } + + .gridItem2 { + grid-row: 2; + padding: 3%; + grid-column-start: 1; + grid-column-end: 3; + text-align: center; + background-color: rgba(53, 238, 242, 0.95); + } + + .gridItem3 { + grid-column-start: 1; + grid-column-end: 3; + text-align: center; + } + + .gridItem4 { + grid-column-start: 1; + grid-column-end: 3; + text-align: center; + } + + .button1 { + background-color: rgba(250, 236, 162, 0.97); + text-align: center; + transition-duration: 0.4s; + border: none; + } + + .button1:hover { + color: rgba(250, 236, 162, 0.75); + background-color: black; + } + + .button2 { + background-color: rgba(53, 238, 242, .95); + text-align: center; + width: 100%; + height: 100%; + font-size: 30px; + transition-duration: 0.4s; + border: none; + } + + .button2:hover { + color: rgba(53, 238, 242, .95); + background-color: black; + } + + #start { + font-family: 'Source Sans Pro', sans-serif; + font-size: 30px; + background-color: white; + box-sizing: border-box; + border: white; + text-align: center; + width: 100%; + padding-top: 5%; + padding-bottom: 5%; + } + + #start:hover { + background-color: black; + color: white; + transition-duration: 0.4s; + } + + #submission { + width: 100%; + padding: 3%; + background-color: white; + border: none; + } + + diff --git a/public/index.html b/public/index.html index c56d620e..06ef349b 100755 --- a/public/index.html +++ b/public/index.html @@ -2,12 +2,40 @@ CS4241 Assignment 2 + + -
- - +

Pico Fermi Bagel Range : 1000 - 9999

+ +
+
+
    +
  • Hint Mode
    • +
  • Hot / Cold
    • +
  • Pico Fermi Bagel
    • +
+ +
+
+
    +
  • Guess
    • +
    • +
+ +
+
+ + +
+
+ +
+
+

Result :

+
+