feat: placeholder info and index page

This commit is contained in:
Gustavo "Guz" L. de Mello
2024-06-24 15:39:38 -03:00
parent 66d2548a21
commit 3c7243b976
2 changed files with 64 additions and 2 deletions

View File

@@ -2,7 +2,7 @@ package layouts
templ Page(title string) {
<!DOCTYPE html>
<html lang="en-US" class="scroll-smooth motion-reduce:scroll-auto">
<html lang="en-US" data-theme="dark">
<head>
<meta
name="viewport"
@@ -11,6 +11,10 @@ templ Page(title string) {
"maximum-scale=1.0, " +
"user-scalable=no" }
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
/>
<title>{ title }</title>
</head>
<body>

View File

@@ -6,6 +6,64 @@ import (
templ Index() {
@layouts.Page("013") {
<h1>Hello, world</h1>
<style>
@media(min-width: 640px) {
article {
max-width: 50%;
}
}
aritcle {
max-width: 100%;
}
</style>
<main class="container-fluid" style="display:flex;justify-content:center;align-content:center;">
<article>
<header>
<nav>
<ul>
<li>Project Extrovert</li>
</ul>
<ul>
<li>
<a
class="secondary"
target="_blank"
href="https://github.com/capytalcode/project-extrovert"
rel="noreferer nofollow"
>GitHub</a>
</li>
<li>
<a
class="secondary"
target="_blank"
href="https://codeberg.org/capytalcode/project-extrovert"
rel="noreferer nofollow"
>Codeberg</a>
</li>
</ul>
</nav>
</header>
This is a project by
<a
target="_blank"
href="https://github.com/capytalcode"
rel="noreferer nofollow"
>
Capytal Code
</a>,
keep visting this link to see the project's evoluition and development.
<footer>
&copy; 2024
<a
href="https://guz.one"
target="_blank"
rel="noreferer nofollow"
class="secondary"
>
Gustavo L. de Mello
</a>
</footer>
</article>
</main>
}
}