From 89506b4503b7930159d26232106da71840eb68e3 Mon Sep 17 00:00:00 2001 From: Kainoa Kanter <44733677+ThatOneCalculator@users.noreply.github.com> Date: Mon, 9 Nov 2020 21:24:16 -0800 Subject: [PATCH] Add files via upload --- icon/buildings (1).png | Bin 0 -> 1082 bytes index.html | 43 +++++++++++++++++++ scr/script.js | 14 ++++++ scr/search.js | 17 ++++++++ style/style.css | 94 +++++++++++++++++++++++++++++++++++++++++ 5 files changed, 168 insertions(+) create mode 100644 icon/buildings (1).png create mode 100644 index.html create mode 100644 scr/script.js create mode 100644 scr/search.js create mode 100644 style/style.css diff --git a/icon/buildings (1).png b/icon/buildings (1).png new file mode 100644 index 0000000000000000000000000000000000000000..f7a34f1ee101726be5c6c2f2a2fbedbd207c919f GIT binary patch literal 1082 zcmV-A1jYM_P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGVx&QzHx&i2`0R{j71J6lBK~#8N?b}_5 z4PhL|@wIl>OC;|}%3Iz_6kAfn+BP>UCCWuTtIN=CDU;O z)7(~u$+7@TA+P*ExAkwv;W`@KRz}IH0IfKK{%*^QoO_qOZg)mN#+uz$7LjW}%2wbT zg87M!kbmDN11ev!68fZ9k_yP%t-SN-$f+tvt+l3` zIT$bi7oj6}V?$uAsfLN@fR4Oy@&a0G9CI*W7j&*+5UlytG#YoHvjf(A#~ci}g73}d#v@k-O>B-SK@vs`qOWFb7K9BS${9k z>rxcJZ*!ZX0Dha>6b10x+@>gi-{v-16`&6C)p#7TCiSFUfO?$3Cv?UnYhT& A&j0`b literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..b458ac2 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + Home + + + + + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + + + diff --git a/scr/script.js b/scr/script.js new file mode 100644 index 0000000..f8d72ba --- /dev/null +++ b/scr/script.js @@ -0,0 +1,14 @@ +function updateClock() { + var date = new Date(); + var hours = date.getHours(); + var minutes = date.getMinutes(); + var ampm = hours >= 12 ? 'pm' : 'am'; + hours = hours % 12; + hours = hours ? hours : 12; + minutes = minutes < 10 ? '0'+minutes : minutes; + var time = hours + ':' + minutes + ' ' + ampm; + document.getElementById('time').innerHTML = time; + setTimeout(updateClock, 1000); +} + +updateClock(); diff --git a/scr/search.js b/scr/search.js new file mode 100644 index 0000000..7727e68 --- /dev/null +++ b/scr/search.js @@ -0,0 +1,17 @@ +window.onload = function() { + this.initSearchBar() +} + +function initSearchBar() { + document.getElementById("search-bar-input").value = "" + document.getElementById("search-bar-input").focus() + + document.getElementById("search-bar-input").addEventListener("keypress", (event) => { + if (event.key != 'Enter') return + + googleSearchUrl = "https://www.duckduckgo.com/?q=" + otherThing = "&atb=v225-7&ia=web" + query = document.getElementById("search-bar-input").value.replace(/\ /g, "+") + document.location = googleSearchUrl + query + otherThing + }) +} diff --git a/style/style.css b/style/style.css new file mode 100644 index 0000000..f8cecac --- /dev/null +++ b/style/style.css @@ -0,0 +1,94 @@ +@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&display=swap'); + +@font-face { + font-family: 'Fira Code', monospace; +} + +/*Change font and colors*/ +:root { + --font: "Fira Code"; + --bgcolor: #1F1D29; + --linkcolor: #FFFFFF; +} + +/*-----------------------------------------------------------*/ +input { + height: inherit; + width: 680px; + background: #1F1D29; + color: #EABBB9; + font: "Fira Code"; + font-weight: mono; + line-height: 1.8em; + box-shadow: 1px 1px 3px #000000; + border: none; + text-align: center; + border-radius: 8px; + outline: none; + padding: 7px 14px; + font-size: 18; + grid-column: 1 / -1; + margin: 0px 0px 30px 0px;; +} +body { +/* + background-image: url('../background/bg.jpg'); + background-repeat : no-repeat; +*/ + background-color: #1F1D29; + background-size: cover; +} + +.everything { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; +} + +.link { + display: inline-block; + margin: 1%; + height: 185px; + width: 140px; + text-align: left; + padding-left: 3%; + background-color: var(--bgcolor); + border-radius: 8px; + box-shadow: 2px 2px 8px #000000; +} + +.box { + width: 750px; +} + +ul { + padding-inline-start: 0; + list-style: none; +} + +a { + display: block; + line-height: 2.4em; + font-family: var(--font); + color: var(--linkcolor); + font-size: 1rem; + text-decoration: none; + outline: none; + transition: .2s; +} + +a:hover { + color: #EA6F91; +} + +.time { + font-family: "Fira Code"; monospace; + font-weight: mono; + font-size: 5.5rem; + margin: 50px 0px 50px 0px; + color: var(--linkcolor); + text-shadow: -5px 5px 0px #34738E, -10px 10px 0px #C3A5E6, -15px 15px 0px #9BCED7; +} +