GitHub pages website first commit

This commit is contained in:
Lucas Gabriel 2024-12-14 18:20:12 -03:00
commit 700354a0db
3 changed files with 72 additions and 0 deletions

26
header.css Normal file
View File

@ -0,0 +1,26 @@
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 30px 0;
}
.logo {
font-size: 1.5rem;
font-weight: 640;
}
nav {
display: flex;
gap: 15px;
}
nav a {
color: #f0f6fc;
text-decoration: none;
font-size: 1rem;
}
nav a:hover {
text-decoration: underline;
}

29
index.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="header.css">
<script type="module">
import ZeroMd, { STYLES } from 'https://cdn.jsdelivr.net/npm/zero-md@3'
customElements.define('zero-md', class extends ZeroMd {
async load() {
await super.load()
this.template = STYLES.preset('dark')
}
})
</script>
<title>Kowalski Telegram Bot</title>
</head>
<body>
<header>
<div class="logo">A Bunch of Computer Nerds</div>
<nav id="menu">
<a href="https://github.com/ABOCN/TelegramBot">Source code</a>
</nav>
</header>
<zero-md src="https://raw.githubusercontent.com/abocn/TelegramBot/refs/heads/main/README.md"></zero-md>
</body>
</html>

17
style.css Normal file
View File

@ -0,0 +1,17 @@
html {
background-color: #0d1117;
color: #f0f6fc;
}
body {
margin: 0;
transition: 300ms;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
padding: 2rem 13rem;
}
@media (max-width: 1200px) {
body {
padding: 2rem 3rem;
}
}