diff --git a/config.json b/config.json index c23c7dc..27996d4 100644 --- a/config.json +++ b/config.json @@ -30,5 +30,6 @@ } ], "user": "Deepjyoti", - "disableMessage": true + "disableMessage": false, + "disableDate": false } diff --git a/css/main.css b/css/main.css index a4889bb..84586ec 100644 --- a/css/main.css +++ b/css/main.css @@ -1,7 +1,14 @@ @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); -.roboto, body { +.roboto { font-family: 'Roboto', sans-serif; } +@font-face { + font-family: "JetBrains Mono"; + src: url("../fonts/woff/JetBrainsMono-Regular.woff") format("woff"), url("../fonts/woff2/JetBrainsMono-Regular.woff2") format("woff2"); } + +.jetbrains-mono, body { + font-family: 'JetBrains Mono'; } + body { height: 97.5vh; display: flex; @@ -13,12 +20,14 @@ body { .main { width: 100%; text-align: center; } - .main #message { - padding-bottom: 35px; } + .main #date-text { + padding-top: 15px; + color: #d9d9d9; } .main #search-bar { width: 50%; margin: 0 auto 50px auto; - height: 45px; } + height: 45px; + padding-top: 35px; } .main #search-bar input { height: inherit; width: 100%; diff --git a/fonts/woff/JetBrainsMono-Bold-Italic.woff b/fonts/woff/JetBrainsMono-Bold-Italic.woff new file mode 100644 index 0000000..0ec4bff Binary files /dev/null and b/fonts/woff/JetBrainsMono-Bold-Italic.woff differ diff --git a/fonts/woff/JetBrainsMono-Bold.woff b/fonts/woff/JetBrainsMono-Bold.woff new file mode 100644 index 0000000..dd2e280 Binary files /dev/null and b/fonts/woff/JetBrainsMono-Bold.woff differ diff --git a/fonts/woff/JetBrainsMono-ExtraBold-Italic.woff b/fonts/woff/JetBrainsMono-ExtraBold-Italic.woff new file mode 100644 index 0000000..8da8fe0 Binary files /dev/null and b/fonts/woff/JetBrainsMono-ExtraBold-Italic.woff differ diff --git a/fonts/woff/JetBrainsMono-ExtraBold.woff b/fonts/woff/JetBrainsMono-ExtraBold.woff new file mode 100644 index 0000000..4603980 Binary files /dev/null and b/fonts/woff/JetBrainsMono-ExtraBold.woff differ diff --git a/fonts/woff/JetBrainsMono-Italic.woff b/fonts/woff/JetBrainsMono-Italic.woff new file mode 100644 index 0000000..b3172f2 Binary files /dev/null and b/fonts/woff/JetBrainsMono-Italic.woff differ diff --git a/fonts/woff/JetBrainsMono-Medium-Italic.woff b/fonts/woff/JetBrainsMono-Medium-Italic.woff new file mode 100644 index 0000000..5e95753 Binary files /dev/null and b/fonts/woff/JetBrainsMono-Medium-Italic.woff differ diff --git a/fonts/woff/JetBrainsMono-Medium.woff b/fonts/woff/JetBrainsMono-Medium.woff new file mode 100644 index 0000000..18ad34c Binary files /dev/null and b/fonts/woff/JetBrainsMono-Medium.woff differ diff --git a/fonts/woff/JetBrainsMono-Regular.woff b/fonts/woff/JetBrainsMono-Regular.woff new file mode 100644 index 0000000..69b14ea Binary files /dev/null and b/fonts/woff/JetBrainsMono-Regular.woff differ diff --git a/fonts/woff2/JetBrainsMono-Bold-Italic.woff2 b/fonts/woff2/JetBrainsMono-Bold-Italic.woff2 new file mode 100644 index 0000000..34b5c69 Binary files /dev/null and b/fonts/woff2/JetBrainsMono-Bold-Italic.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-Bold.woff2 b/fonts/woff2/JetBrainsMono-Bold.woff2 new file mode 100644 index 0000000..84a008a Binary files /dev/null and b/fonts/woff2/JetBrainsMono-Bold.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-ExtraBold-Italic.woff2 b/fonts/woff2/JetBrainsMono-ExtraBold-Italic.woff2 new file mode 100644 index 0000000..09865c5 Binary files /dev/null and b/fonts/woff2/JetBrainsMono-ExtraBold-Italic.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-ExtraBold.woff2 b/fonts/woff2/JetBrainsMono-ExtraBold.woff2 new file mode 100644 index 0000000..a8e7702 Binary files /dev/null and b/fonts/woff2/JetBrainsMono-ExtraBold.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-Italic.woff2 b/fonts/woff2/JetBrainsMono-Italic.woff2 new file mode 100644 index 0000000..85fd468 Binary files /dev/null and b/fonts/woff2/JetBrainsMono-Italic.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-Medium-Italic.woff2 b/fonts/woff2/JetBrainsMono-Medium-Italic.woff2 new file mode 100644 index 0000000..f22fa8b Binary files /dev/null and b/fonts/woff2/JetBrainsMono-Medium-Italic.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-Medium.woff2 b/fonts/woff2/JetBrainsMono-Medium.woff2 new file mode 100644 index 0000000..45a63c1 Binary files /dev/null and b/fonts/woff2/JetBrainsMono-Medium.woff2 differ diff --git a/fonts/woff2/JetBrainsMono-Regular.woff2 b/fonts/woff2/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..d5b94cb Binary files /dev/null and b/fonts/woff2/JetBrainsMono-Regular.woff2 differ diff --git a/index.html b/index.html index c48f0a5..f2d3deb 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,9 @@

Hey Deepjyoti, Good Morning!

+
+

13 May, 11:30

+
diff --git a/js/main.js b/js/main.js index 4a18524..c375410 100644 --- a/js/main.js +++ b/js/main.js @@ -4,6 +4,8 @@ window.onload = function() { searchBarId = "search-bar-input" messageDivId = "message" +dateDivId = "date" +dateId = "date-text" messageId = "message-text" otherContentId = "other-content" userName = "Deepjyoti" @@ -13,6 +15,20 @@ bgClassContainer = [ "social", "others" ] +dateMap = { + 0: "Jan", + 1: "Feb", + 2: "Mar", + 3: "Apr", + 4: "May", + 5: "Jun", + 6: "Jul", + 7: "Aug", + 8: "Sep", + 9: "Oct", + 10: "Nov", + 11: "Dec" +} function initBody() { /** @@ -70,6 +86,25 @@ function buildMsg() { return "" } +function updateTime() { + /** + * Get the current time and date and return it. + */ + currentDate = new Date() + date = currentDate.getDate() + month = dateMap[currentDate.getMonth()] + time = currentDate.getHours() + ":" + currentDate.getMinutes() + finalDate = date + " " + month + ", " + time + document.getElementById(dateId).textContent = finalDate +} + +function updateTimeHook() { + updateTime() + interval = setInterval(() => { + updateTime() + }, 30 * 1000) +} + function inRange(number, min, max) { return (number >= min && number <= max) } @@ -96,9 +131,12 @@ function parseAndCreate(jsonData) { document.getElementById(messageId).textContent = builtMsg // Check if welcome message is supposed to be disabled - disableMsg = jsonData["disableMessage"] - if (disableMsg) + if (jsonData["disableMessage"]) document.getElementById(messageDivId).style.display = "none" + if (jsonData["disableDate"]) + document.getElementById(dateDivId).style.display = "none" + else + updateTimeHook() sqrs = jsonData["squares"] diff --git a/scss/main.scss b/scss/main.scss index 4e3af6d..0a0f1a0 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -10,6 +10,17 @@ $others: #81C784; font-family: 'Roboto', sans-serif; } +// JetBrains Mono +@font-face { + font-family: "JetBrains Mono"; + src: url("../fonts/woff/JetBrainsMono-Regular.woff") format("woff"), + url("../fonts/woff2/JetBrainsMono-Regular.woff2") format("woff2"); +} + +.jetbrains-mono { + font-family: 'JetBrains Mono'; +} + body { height: 97.5vh; display: flex; @@ -17,21 +28,23 @@ body { justify-content: center; background: $background; color: $foreground; - @extend .roboto; + @extend .jetbrains-mono; } .main { width: 100%; text-align: center; - #message { - padding-bottom: 35px; + #date-text { + padding-top: 15px; + color: darken($foreground, 15); } #search-bar { width: 50%; margin: 0 auto 50px auto; height: 45px; + padding-top: 35px; input { height: inherit;