From 7f1f85d84c0c82a5ff7b1cc4f0ae4f379e0f5519 Mon Sep 17 00:00:00 2001 From: Andy Baizon Date: Fri, 11 Nov 2022 23:05:47 +0000 Subject: [PATCH] feat(verified): add user verification checkbox additional: create input group to align checkboxes --- images/tw-verified.png | Bin 0 -> 26264 bytes index.html | 1659 ++++++++++++++++++++-------------------- site.css | 1009 ++++++++++++------------ 3 files changed, 1355 insertions(+), 1313 deletions(-) create mode 100644 images/tw-verified.png diff --git a/images/tw-verified.png b/images/tw-verified.png new file mode 100644 index 0000000000000000000000000000000000000000..b7d534dc302bb65234bf7031d3a9769e7edce18d GIT binary patch literal 26264 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 1f8d842..242406b 100644 --- a/index.html +++ b/index.html @@ -1,819 +1,840 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Service Never - Helpdesk Ticket System - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- - - - - Cornify - -
- -
- Submit a Ticket - Request New Computer - Download RAM - Restart my Computer - - Log In - -
- -
-
- -
- ServiceNever.Git - Submit Feedback - Discord - Merch - Send Email -
- -
- About ServiceNever - -
-
- - - - - -
-
- -
- - -
- - - - - -
-
- -

The next phone tech will be available in: - - Please use the online ticket form below.

- - - web counter people have visted this site to submit a ticket. - -
-
- - -
-
- - - -
-
-
- -
-

Submit a Ticket

-
- - - -
- -
-
- - -
-
- - - - - - - - - -
-
- - -
-
- - -
-
- -
-
- - - -
-
- -
-
- -
- - - - - -
- -
- -
- - - - -
-
-
Select all squares with Waldo if there are none, click skip
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
- - - - - - - -
-
-
- - -
-
- -
-
- -
-
- -
- -
-
- -
-
- - - -
- -
- - -

-
- - -

- -
-

Chat with Tech Support

-
-
- X -
- -
- -
-
-
-
- - -
-
-
-
-
-
-
-
-
- - - - - - -
-
- - microwave edge - - If there are any issues with the form, click here & ask for Tyler. - - best viewed with - created with Microsoft Frontpage -
- -
- - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Service Never - Helpdesk Ticket System + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + Cornify + +
+ +
+ Submit a Ticket + Request New Computer + Download RAM + Restart my Computer + + Log In + +
+ +
+
+ +
+ ServiceNever.Git + Submit Feedback + Discord + Merch + Send Email +
+ +
+ About ServiceNever + +
+
+ + + + + +
+
+ +
+ + +
+ + + + + +
+
+ +

The next phone tech will be available in: + - Please use the online ticket form below.

+ + + web counter people have visted this site to submit a ticket. + +
+
+ + +
+
+ + + +
+
+
+ +
+

Submit a Ticket

+
+ + + +
+ +
+
+ + +
+
+ + + + + + + + + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+
+ +
+ + + + + +
+ +
+ +
+
+ +
+
+
+
+ +
+
+ + + + +
+
+
Select all squares with Waldo if there are none, click skip
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+ + + + + + + +
+
+
+ + +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+ + + +
+ +
+ + +

+
+ + +

+ +
+

Chat with Tech Support

+
+
+ X +
+ +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+ + + + + + +
+
+ + microwave edge + + If there are any issues with the form, click here & ask for Tyler. + + best viewed with + created with Microsoft Frontpage +
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/site.css b/site.css index dbacf93..cc7a059 100644 --- a/site.css +++ b/site.css @@ -1,494 +1,515 @@ -@import url('http://fonts.cdnfonts.com/css/comic-sans'); - -html { - font-size: 14px; -} - -@media (min-width: 768px) { - html { - font-size: 16px; - } -} - -html { - position: relative; - min-height: 100%; -} - -body { - margin-bottom: 60px; -} - -footer { - padding: 20px; - background-color: #d1d1d1; - -} - -.navlinks { - font-size: 18px; - font-family: "Comic Sans MS", "Comic Sans"; - padding: 10px; - text-decoration: none; -} - -.navcontainer { - width: 100%; - height: 100%; - padding: 5px; - background-color: #d1d1d1; - -} - - - -.buttonFLASH { - background-color: #004A7F; - width: 100% -webkit-border-radius: 10px; - border-radius: 10px; - border: none; - color: #FFFFFF; - cursor: pointer; - display: inline-block; - font-family: Arial; - font-size: 24px; - padding: 5px 10px; - text-align: center; - text-decoration: none; - -webkit-animation: glowing 1500ms infinite; - -moz-animation: glowing 1500ms infinite; - -o-animation: glowing 1500ms infinite; - animation: glowing 1500ms infinite; -} - - - -@-webkit-keyframes glowing { - - 0% { - background-color: #B20000; - -webkit-box-shadow: 0 0 3px #B20000; - } - - - - 50% { - background-color: #FF0000; - -webkit-box-shadow: 0 0 40px #FF0000; - } - - - - 100% { - background-color: #B20000; - -webkit-box-shadow: 0 0 3px #B20000; - } -} - - - -@-moz-keyframes glowing { - - 0% { - background-color: #B20000; - -moz-box-shadow: 0 0 3px #B20000; - } - - - - 50% { - background-color: #FF0000; - -moz-box-shadow: 0 0 40px #FF0000; - } - - - - 100% { - background-color: #B20000; - -moz-box-shadow: 0 0 3px #B20000; - } -} - - - -@-o-keyframes glowing { - - 0% { - background-color: #B20000; - box-shadow: 0 0 3px #B20000; - } - - - - 50% { - background-color: #FF0000; - box-shadow: 0 0 40px #FF0000; - } - - - - 100% { - background-color: #B20000; - box-shadow: 0 0 3px #B20000; - } -} - - - -@keyframes glowing { - - 0% { - background-color: #B20000; - box-shadow: 0 0 3px #B20000; - } - - - - 50% { - background-color: #FF0000; - box-shadow: 0 0 40px #FF0000; - } - - - - 100% { - background-color: #B20000; - box-shadow: 0 0 3px #B20000; - } -} - - - - - - - - -.box-bounds { - padding: 10px; - position: absolute; -} - -.box { - width: 50px; - height: 50px; - border: 1px #000 solid; - right: 200px; - - transition: 0.5s; -} - - - -.buttonhover { - font-size: 16px; - background-color: #d1d1d1; - color: white; - padding: 5px; - border: none; - -} - -.buttonhover:hover { - font-size: 16px; - padding: 5px; - - background-color: green; - color: white; - border: none; - -} - - -.buttonhover .cancel { - display: none; -} - -.buttonhover:hover .submit { - display: none; -} - -.buttonhover:hover .cancel { - display: inline; -} - - - - -/* Dropdown Button */ -.dropbtn { - background-color: #04AA6D; - font-family: "Comic Sans MS", "Comic Sans"; - color: white; - padding: 16px; - font-size: 16px; - border: none; -} - -/* The container
- needed to position the dropdown content */ -.dropdown { - position: relative; - display: inline-block; -} - -/* Dropdown Content (Hidden by Default) */ -.dropdown-content { - white-space: nowrap; - font-family: "Comic Sans MS", "Comic Sans"; - display: none; - position: absolute; - background-color: #f1f1f1; - min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); - z-index: 1; -} - -/* Links inside the dropdown */ -.dropdown-content a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; -} - -/* Change color of dropdown links on hover */ -.dropdown-content a:hover { - background-color: #ddd; -} - -/* Show the dropdown menu on hover */ -.dropdown:hover .dropdown-content { - display: block; -} - -/* Change the background color of the dropdown button when the dropdown content is shown */ -.dropdown:hover .dropbtn { - background-color: #3e8e41; -} - - - - - -/* Chat box */ -body { - margin: 0; - font-family: sans-serif; - -ms-overflow-style: scrollbar; - overflow-style: scrollbar; - background-color: #DDD; -} - -main { - max-width: 400px; - margin: auto; - height: 70vh; - background-color: #DDD; - padding: 15px; - position: relative; - display: flex; - flex-direction: column; -} - -.chat-box-container { - margin: 0; - width: 100%; - flex-grow: 1; - display: flex; - flex-direction: column; - height: 0; -} - -.chat-box-header { - display: block; - text-align: center; -} - -.chat-box { - margin: 4px 4px 4px 4px; - - flex-grow: 1; - background-color: #FFF; - overflow-y: scroll; -} - -.chat-box p { - margin: 0; - padding: 6px; - font-size: 20px; -} - -.ai-person-container { - display: block; - overflow: auto; -} - -.ai, -.person { - overflow: auto; - margin: 4px; - border: 2px solid black; - border-radius: 8px; - display: inline-block; -} - -.ai { - text-align: left; - margin-right: 36px; - border-color: #f59ccf; - float: left; - border-bottom-left-radius: 0px; -} - -.person { - text-align: left; - margin-left: 36px; - border-color: #98b3e6; - float: right; - border-bottom-right-radius: 0px; -} - -.ai-date, -.person-date { - font-size: 10px; - clear: both; -} - -.ai-date { - float: left; - margin-left: 6px; -} - -.person-date { - float: right; - margin-right: 6px; -} - -.chat-input-container { - position: relative; - - bottom: 0; - align-items: center; - justify-content: center; - overflow: auto; -} - -.chat-input { - height: 40px; - width: auto; - display: inline-block; - flex-grow: 1; - padding: 2px 2px 2px 2px; - margin: 0 4px 0 4px; - font-size: 16px; - border: none; -} - -.chat-input:focus { - outline: 0; -} - -.chat-submit { - padding: 2px 2px 2px 2px; - margin-right: 4px; - border: none; - - background-color: #69AAFF; - font-size: 18px; -} - -.chat-submit:hover { - cursor: pointer; - background-color: #80BBFF; -} - -.chat-submit:focus { - outline: 0; -} - -@media screen and (max-width: 480px) { - .chat-box p { - font-size: 20px; - } - - .chat-input { - width: 80%; - float: left; - font-size: 28px; - } - - .chat-submit { - float: right; - } -} - -.chat-open { - position: fixed; - bottom: 0; - right: 0; -} - -.box { - transition: height 0.6s ease-out; - width: 400px; - height: 0px; - z-index: 9999; -} - -.open:hover>.box { - height: 100%; - transition: height 0.6s ease-out; -} - -.open { - text-align: center; - font-size: 20px; - border: 2px solid #3f51b5; - background: linear-gradient(to top right, #33ccff 0%, #ff99cc 100%); - color: black; -} - - - - -.text-center { - text-align: center; } - -#phone-generator { - width: 500px; - border: 1px solid grey; - padding: 15px 20px; - margin: 0px auto; } - -.button-positioner { - position: relative; - text-align: center; - width: 500px; } - -.phone-number { - display: inline-block; - font-size: 32px; } - -.select-button { - border: 2px solid red; - background-color: green; - color: red; - border-radius: 5px; - padding: 15px 15px; } - -.select-button:hover { - border: 2px solid green; - color: green; - background-color: red; } - -#phone-select { - margin: 50px auto; - width: 500px; - border: 1px solid grey; } - -#phone-select-row { - text-align: center; } - -#phone-select-button { - margin: 10px 0px; - text-align: center; } +@import url('http://fonts.cdnfonts.com/css/comic-sans'); + +html { + font-size: 14px; +} + +@media (min-width: 768px) { + html { + font-size: 16px; + } +} + +html { + position: relative; + min-height: 100%; +} + +body { + margin-bottom: 60px; +} + +footer { + padding: 20px; + background-color: #d1d1d1; + +} + +.navlinks { + font-size: 18px; + font-family: "Comic Sans MS", "Comic Sans"; + padding: 10px; + text-decoration: none; +} + +.navcontainer { + width: 100%; + height: 100%; + padding: 5px; + background-color: #d1d1d1; + +} + + + +.buttonFLASH { + background-color: #004A7F; + width: 100% -webkit-border-radius: 10px; + border-radius: 10px; + border: none; + color: #FFFFFF; + cursor: pointer; + display: inline-block; + font-family: Arial; + font-size: 24px; + padding: 5px 10px; + text-align: center; + text-decoration: none; + -webkit-animation: glowing 1500ms infinite; + -moz-animation: glowing 1500ms infinite; + -o-animation: glowing 1500ms infinite; + animation: glowing 1500ms infinite; +} + + + +@-webkit-keyframes glowing { + + 0% { + background-color: #B20000; + -webkit-box-shadow: 0 0 3px #B20000; + } + + + + 50% { + background-color: #FF0000; + -webkit-box-shadow: 0 0 40px #FF0000; + } + + + + 100% { + background-color: #B20000; + -webkit-box-shadow: 0 0 3px #B20000; + } +} + + + +@-moz-keyframes glowing { + + 0% { + background-color: #B20000; + -moz-box-shadow: 0 0 3px #B20000; + } + + + + 50% { + background-color: #FF0000; + -moz-box-shadow: 0 0 40px #FF0000; + } + + + + 100% { + background-color: #B20000; + -moz-box-shadow: 0 0 3px #B20000; + } +} + + + +@-o-keyframes glowing { + + 0% { + background-color: #B20000; + box-shadow: 0 0 3px #B20000; + } + + + + 50% { + background-color: #FF0000; + box-shadow: 0 0 40px #FF0000; + } + + + + 100% { + background-color: #B20000; + box-shadow: 0 0 3px #B20000; + } +} + + + +@keyframes glowing { + + 0% { + background-color: #B20000; + box-shadow: 0 0 3px #B20000; + } + + + + 50% { + background-color: #FF0000; + box-shadow: 0 0 40px #FF0000; + } + + + + 100% { + background-color: #B20000; + box-shadow: 0 0 3px #B20000; + } +} + + + + + + + + +.box-bounds { + padding: 10px; + position: absolute; +} + +.box { + width: 50px; + height: 50px; + border: 1px #000 solid; + right: 200px; + + transition: 0.5s; +} + + + +.buttonhover { + font-size: 16px; + background-color: #d1d1d1; + color: white; + padding: 5px; + border: none; + +} + +.buttonhover:hover { + font-size: 16px; + padding: 5px; + + background-color: green; + color: white; + border: none; + +} + + +.buttonhover .cancel { + display: none; +} + +.buttonhover:hover .submit { + display: none; +} + +.buttonhover:hover .cancel { + display: inline; +} + + + + +/* Dropdown Button */ +.dropbtn { + background-color: #04AA6D; + font-family: "Comic Sans MS", "Comic Sans"; + color: white; + padding: 16px; + font-size: 16px; + border: none; +} + +/* The container
- needed to position the dropdown content */ +.dropdown { + position: relative; + display: inline-block; +} + +/* Dropdown Content (Hidden by Default) */ +.dropdown-content { + white-space: nowrap; + font-family: "Comic Sans MS", "Comic Sans"; + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 1; +} + +/* Links inside the dropdown */ +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +/* Change color of dropdown links on hover */ +.dropdown-content a:hover { + background-color: #ddd; +} + +/* Show the dropdown menu on hover */ +.dropdown:hover .dropdown-content { + display: block; +} + +/* Change the background color of the dropdown button when the dropdown content is shown */ +.dropdown:hover .dropbtn { + background-color: #3e8e41; +} + + + + + +/* Chat box */ +body { + margin: 0; + font-family: sans-serif; + -ms-overflow-style: scrollbar; + overflow-style: scrollbar; + background-color: #DDD; +} + +main { + max-width: 400px; + margin: auto; + height: 70vh; + background-color: #DDD; + padding: 15px; + position: relative; + display: flex; + flex-direction: column; +} + +.chat-box-container { + margin: 0; + width: 100%; + flex-grow: 1; + display: flex; + flex-direction: column; + height: 0; +} + +.chat-box-header { + display: block; + text-align: center; +} + +.chat-box { + margin: 4px 4px 4px 4px; + + flex-grow: 1; + background-color: #FFF; + overflow-y: scroll; +} + +.chat-box p { + margin: 0; + padding: 6px; + font-size: 20px; +} + +.ai-person-container { + display: block; + overflow: auto; +} + +.ai, +.person { + overflow: auto; + margin: 4px; + border: 2px solid black; + border-radius: 8px; + display: inline-block; +} + +.ai { + text-align: left; + margin-right: 36px; + border-color: #f59ccf; + float: left; + border-bottom-left-radius: 0px; +} + +.person { + text-align: left; + margin-left: 36px; + border-color: #98b3e6; + float: right; + border-bottom-right-radius: 0px; +} + +.ai-date, +.person-date { + font-size: 10px; + clear: both; +} + +.ai-date { + float: left; + margin-left: 6px; +} + +.person-date { + float: right; + margin-right: 6px; +} + +.chat-input-container { + position: relative; + + bottom: 0; + align-items: center; + justify-content: center; + overflow: auto; +} + +.chat-input { + height: 40px; + width: auto; + display: inline-block; + flex-grow: 1; + padding: 2px 2px 2px 2px; + margin: 0 4px 0 4px; + font-size: 16px; + border: none; +} + +.chat-input:focus { + outline: 0; +} + +.chat-submit { + padding: 2px 2px 2px 2px; + margin-right: 4px; + border: none; + + background-color: #69AAFF; + font-size: 18px; +} + +.chat-submit:hover { + cursor: pointer; + background-color: #80BBFF; +} + +.chat-submit:focus { + outline: 0; +} + +@media screen and (max-width: 480px) { + .chat-box p { + font-size: 20px; + } + + .chat-input { + width: 80%; + float: left; + font-size: 28px; + } + + .chat-submit { + float: right; + } +} + +.chat-open { + position: fixed; + bottom: 0; + right: 0; +} + +.box { + transition: height 0.6s ease-out; + width: 400px; + height: 0px; + z-index: 9999; +} + +.open:hover>.box { + height: 100%; + transition: height 0.6s ease-out; +} + +.open { + text-align: center; + font-size: 20px; + border: 2px solid #3f51b5; + background: linear-gradient(to top right, #33ccff 0%, #ff99cc 100%); + color: black; +} + + + + +.text-center { + text-align: center; } + +#phone-generator { + width: 500px; + border: 1px solid grey; + padding: 15px 20px; + margin: 0px auto; } + +.button-positioner { + position: relative; + text-align: center; + width: 500px; } + +.phone-number { + display: inline-block; + font-size: 32px; } + +.select-button { + border: 2px solid red; + background-color: green; + color: red; + border-radius: 5px; + padding: 15px 15px; } + +.select-button:hover { + border: 2px solid green; + color: green; + background-color: red; } + +#phone-select { + margin: 50px auto; + width: 500px; + border: 1px solid grey; } + +#phone-select-row { + text-align: center; } + +#phone-select-button { + margin: 10px 0px; + text-align: center; } + +.input-align { + display: flex; + width: 110px; + margin-top: 5px; +} + +.input-group { + display: inline-block; + width: fit-content; + margin-right: 0px; +} + +.input-group input{ + margin-left: 5px; + margin-right: 5px; +} + +.input-group label{ + width: fit-content; +} \ No newline at end of file