commit 1bdc30a194a4b344bd199734422137b9f2708d3a Author: Fabio Date: Sat Dec 30 00:44:19 2023 +0100 . diff --git a/Iosevka.ttf b/Iosevka.ttf new file mode 100644 index 0000000..27dbf67 Binary files /dev/null and b/Iosevka.ttf differ diff --git a/JetBrains.ttf b/JetBrains.ttf new file mode 100644 index 0000000..c286eff Binary files /dev/null and b/JetBrains.ttf differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..0e05e5a --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + + ~/startpage 🏠 + + + + +
+ fem +
+ + + + + diff --git a/index.js b/index.js new file mode 100644 index 0000000..3468cb0 --- /dev/null +++ b/index.js @@ -0,0 +1,26 @@ +function showTime() { + const date = new Date(); + + let today = date.toLocaleString("en", { weekday: "long" }); + let hour = date.toLocaleString("pl", { hour: "2-digit" }); // use 24h time format + let minute = date.toLocaleString("en", { minute: "2-digit" }); + let second = date.toLocaleString("en", { second: "2-digit" }); + let day = date.toLocaleString("en", { day: "2-digit" }); + let month = date.toLocaleString("en", { month: "2-digit" }); + let year = date.toLocaleString("en", { year: "numeric" }); + + minute = addZero(minute); + second = addZero(second); + + document.getElementById( + "date" + ).innerHTML = `${today}, ${hour}:${minute}:${second} | ${day}/${month}/${year}`; + setTimeout(showTime, 0); +} + +function addZero(i) { + if (i.length < 2) i = "0" + i; + return i; +} + +showTime(); diff --git a/style.css b/style.css new file mode 100644 index 0000000..0a03bc4 --- /dev/null +++ b/style.css @@ -0,0 +1,86 @@ +@font-face { + font-family: "Font"; + src: url("./JetBrains.ttf"); +} + +html { + align-items: center; + display: flex; + height: 100%; + justify-content: center; +} + +body { + display: flex; + color: #de9777; + background: #160b08; + margin-right: 9em; + padding: 1em; + font-family: Font; +} + +img { + height: 600px; + width: 350px; + margin-right: 2em; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; +} + +nav { + display: grid; + grid-row-gap: 1em; + grid-template-columns: 1fr 1fr; + min-width: 24em; + grid-auto-rows: max-content; +} + +h1 { + font-size: 2.2em; + font-weight: 600; + grid-column: 1/-1; + text-align: center; + margin-bottom: 0; +} + +h2 { + font-size: 1.2em; + font-weight: 600; + color: #c25a45; + grid-column: 1/-1; + text-align: center; + margin-bottom: 2.3em; +} + +ul { + margin: 0; + padding: 0; + white-space: nowrap; + list-style-type: none; +} + +li { + line-height: 1.4em; + margin-left: 4.8em; +} + +li:first-child { + display: inline-block; + color: #f9bf91; + font-size: 1.5em; + font-weight: 600; + text-align: center; + line-height: 2em; + margin-left: 2.5em; +} + +a { + color: #f9a069; + font-size: 1.1em; + text-decoration: none; +} + +a:hover { + color: #ab4e3c; + font-style: italic; +} diff --git a/zerotwo_small.png b/zerotwo_small.png new file mode 100644 index 0000000..f303d7d Binary files /dev/null and b/zerotwo_small.png differ