dot013/guz.one
1
0
Fork 0
Code Issues Pull Requests Activity

feat: in development notice

Browse Source
This commit is contained in:
Gustavo "Guz" L. de Mello
2024-05-23 18:47:30 -03:00
parent e0fd01e8fc
commit 08a665df2f
4 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/page.templ
View File

@@ -13,6 +13,10 @@ templ Page(title string) {
font-family: Cal Sans; font-family: Cal Sans;
src: url(cal-sans.woff2); src: url(cal-sans.woff2);
} }
@font-face {
font-family: Fira Code;
src: url(fira-code.woff2);
}
</style> </style>
<title>{ title }</title> <title>{ title }</title>
</head> </head>

33
pages/homepage.templ
View File

@@ -6,15 +6,13 @@ import (
templ Homepage() { templ Homepage() {
@layouts.Page("013") { @layouts.Page("013") {
<div> <main>
<main> <img src="/logo-013.svg" alt="" width="100" height="100"/>
<img src="/logo-013.svg" alt="" width="100" height="100"/> <h1 class="font-cal">Someone who's trying to improve</h1>
<h1 class="font-cal">Someone who's trying to improve</h1> <div class="text-#181818 flex flex-row justify-between items-center">
</main>
<footer class="text-#181818 flex flex-row justify-between">
<nav> <nav>
<ul class="list-none flex flex-row gap-3 p-0"> <ul class="list-none flex flex-row gap-3 p-0">
<li class="i-simple-icons:github h-4 w-4 hover:text-#ababab transition-colors"> <li class="i-simple-icons:github w-4 hover:text-#ababab transition-colors">
<a <a
href="https://github.com/guz013" href="https://github.com/guz013"
target="_blank" target="_blank"
@@ -24,7 +22,7 @@ templ Homepage() {
GitHub GitHub
</a> </a>
</li> </li>
<li class="i-simple-icons:codeberg h-4 w-4 hover:text-#ababab transition-colors"> <li class="i-simple-icons:codeberg w-4 hover:text-#ababab transition-colors">
<a <a
href="https://codeberg.org/guz013" href="https://codeberg.org/guz013"
target="_blank" target="_blank"
@@ -34,7 +32,7 @@ templ Homepage() {
Codeberg Codeberg
</a> </a>
</li> </li>
<li class="i-simple-icons:twitter h-4 w-4 hover:text-#ababab transition-colors"> <li class="i-simple-icons:twitter w-4 hover:text-#ababab transition-colors">
<a <a
href="https://twitter.com/guz013_" href="https://twitter.com/guz013_"
target="_blank" target="_blank"
@@ -44,7 +42,7 @@ templ Homepage() {
Twitter Twitter
</a> </a>
</li> </li>
<li class="i-simple-icons:mastodon h-4 w-4 hover:text-#ababab transition-colors"> <li class="i-simple-icons:mastodon w-4 hover:text-#ababab transition-colors">
<a <a
href="https://mastodon.social/@guz013" href="https://mastodon.social/@guz013"
target="_blank" target="_blank"
@@ -54,7 +52,7 @@ templ Homepage() {
Mastodon Mastodon
</a> </a>
</li> </li>
<li class="i-simple-icons:instagram h-4 w-4 hover:text-#ababab transition-colors"> <li class="i-simple-icons:instagram w-4 hover:text-#ababab transition-colors">
<a <a
href="https://instagram.com/guz013_" href="https://instagram.com/guz013_"
target="_blank" target="_blank"
@@ -64,7 +62,7 @@ templ Homepage() {
Instagram Instagram
</a> </a>
</li> </li>
<li class="i-simple-icons:pixelfed h-4 w-4 hover:text-#ababab transition-colors"> <li class="i-simple-icons:pixelfed w-4 hover:text-#ababab transition-colors">
<a <a
href="https://pixelfed.social/@guz013" href="https://pixelfed.social/@guz013"
target="_blank" target="_blank"
@@ -76,10 +74,13 @@ templ Homepage() {
</li> </li>
</ul> </ul>
</nav> </nav>
<a class="text-#181818" href="mailto:contact.guz013@gmail.com"> <a class="text-#181818 hover:text-#ababab transition-colors" href="mailto:contact.guz013@gmail.com">
<p class="p-0">2024 &copy Gustavo L. de Mello</p> <p class="m-0">2024 &copy Gustavo L. de Mello</p>
</a> </a>
</footer> </div>
</div> </main>
<footer class="fixed bottom-0 text-xs font-mono text-#181818">
<p>new website in development</p>
</footer>
} }
} }

BIN
static/fira-code.woff2 Normal file
View File

Binary file not shown.

4
uno.config.js
View File

@@ -34,6 +34,10 @@ export default defineConfig({
name: 'Cal Sans', name: 'Cal Sans',
provider: 'none', provider: 'none',
}, },
mono: {
name: 'Fira Code',
provider: 'none',
},
}, },
}), }),
], ],