.
This commit is contained in:
Fabio
commit
1bdc30a194
BIN
Iosevka.ttf
Normal file
BIN
Iosevka.ttf
Normal file
Binary file not shown.
BIN
JetBrains.ttf
Normal file
BIN
JetBrains.ttf
Normal file
Binary file not shown.
52
index.html
Normal file
52
index.html
Normal file
@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>~/startpage 🏠</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="image">
|
||||
<img alt="fem" src="zerotwo_small.png">
|
||||
</div>
|
||||
<nav>
|
||||
<h1>Welcome back!</h1>
|
||||
<h2 id="date"></h2>
|
||||
<ul>
|
||||
<li>~/general </li>
|
||||
<li><a href="https://gmail.com/">Gmail</a></li>
|
||||
<li><a href="https://facebook.com/messages/t">Messenger</a></li>
|
||||
<li><a href="https://youtube.com">YouTube</a></li>
|
||||
<li><a href="https://twitch.tv">Twitch</a></li>
|
||||
<li><a href="https://monkeytype.com/">MonkeyType</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>~/dev </li>
|
||||
<li><a href="https://aur.archlinux.org/">AUR</a></li>
|
||||
<li><a href="https://github.com/f1rq">GitHub</a></li>
|
||||
<li><a href="https://github.com/f1rq/dotfiles">Dots</a></li>
|
||||
<li><a href="https://svelte.dev/">Svelte</a></li>
|
||||
<li><a href="https://tailwindcss.com/docs/installation">Tailwind</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>~/school 拾</li>
|
||||
<li><a href="https://onenote.com">OneNote</a></li>
|
||||
<li><a href="https://www.office.com/?auth=2">Office</a></li>
|
||||
<li><a href="https://ckziu-kursy.pl/my/">Moodle</a></li>
|
||||
<li><a href="https://uonetplus.vulcan.net.pl/powiatstrzelecki">Vulcan</a></li>
|
||||
<li><a href="https://www.w3schools.com">W3Schools</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>~/reddit </li>
|
||||
<li><a href="https://reddit.com/">reddit.com</a></li>
|
||||
<li><a href="https://reddit.com/r/unixporn/">r/unixporn</a></li>
|
||||
<li><a href="https://reddit.com/r/archlinux/">r/archlinux</a></li>
|
||||
<li><a href="https://reddit.com/r/startpages/">r/startpages</a></li>
|
||||
<li><a href="https://reddit.com/r/linux_gaming/">r/linux_gaming</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<script type="text/javascript" src="index.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
26
index.js
Normal file
26
index.js
Normal file
@ -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();
|
||||
86
style.css
Normal file
86
style.css
Normal file
@ -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;
|
||||
}
|
||||
BIN
zerotwo_small.png
Normal file
BIN
zerotwo_small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 457 KiB |
Loading…
x
Reference in New Issue
Block a user