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

feat: placeholder page

Browse Source
This commit is contained in:
Gustavo "Guz" L. de Mello
2024-05-23 18:29:45 -03:00
parent e3d4338f77
commit e0fd01e8fc
4 changed files with 95 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/page.templ
View File

@@ -16,7 +16,7 @@ templ Page(title string) {
</style>
<title>{ title }</title>
</head>
<body class="bg-black">
<body class="bg-black flex flex-col justify-center items-center w-screen h-screen overflow-hidden text-white font-sans">
{ children... }
</body>
</html>

79
pages/homepage.templ
View File

@@ -5,6 +5,81 @@ import (
)
templ Homepage() {
<img src="/logo-013-dark.svg" alt="" width="100" height="100"/>
@layouts.Page("Hello world")
@layouts.Page("013") {
<div>
<main>
<img src="/logo-013.svg" alt="" width="100" height="100"/>
<h1 class="font-cal">Someone who's trying to improve</h1>
</main>
<footer class="text-#181818 flex flex-row justify-between">
<nav>
<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">
<a
href="https://github.com/guz013"
target="_blank"
class="opacity-0"
rel="noreferrer noopener"
>
GitHub
</a>
</li>
<li class="i-simple-icons:codeberg h-4 w-4 hover:text-#ababab transition-colors">
<a
href="https://codeberg.org/guz013"
target="_blank"
class="opacity-0"
rel="noreferrer noopener"
>
Codeberg
</a>
</li>
<li class="i-simple-icons:twitter h-4 w-4 hover:text-#ababab transition-colors">
<a
href="https://twitter.com/guz013_"
target="_blank"
class="opacity-0"
rel="noreferrer noopener"
>
Twitter
</a>
</li>
<li class="i-simple-icons:mastodon h-4 w-4 hover:text-#ababab transition-colors">
<a
href="https://mastodon.social/@guz013"
target="_blank"
class="opacity-0"
rel="noreferrer noopener"
>
Mastodon
</a>
</li>
<li class="i-simple-icons:instagram h-4 w-4 hover:text-#ababab transition-colors">
<a
href="https://instagram.com/guz013_"
target="_blank"
class="opacity-0"
rel="noreferrer noopener"
>
Instagram
</a>
</li>
<li class="i-simple-icons:pixelfed h-4 w-4 hover:text-#ababab transition-colors">
<a
href="https://pixelfed.social/@guz013"
target="_blank"
class="opacity-0"
rel="noreferrer noopener"
>
Pixelfed
</a>
</li>
</ul>
</nav>
<a class="text-#181818" href="mailto:contact.guz013@gmail.com">
<p class="p-0">2024 &copy Gustavo L. de Mello</p>
</a>
</footer>
</div>
}
}

1
static/logo-013-dark.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.23 93.51"><defs><style>.cls-1{fill:#111;}</style></defs><g id="logos"><g id="dark"><polygon class="cls-1" points="68.37 51.8 22.71 2.1 5.59 17.14 51.25 66.85 68.37 51.8"/><rect class="cls-1" x="69.45" width="23.01" height="61.64"/><polygon class="cls-1" points="145.09 24.19 185.73 24.19 185.73 1.68 105.09 1.68 146.25 70.92 0 71 0.01 93.51 186.23 93.41 145.09 24.19"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 440 B

17
static/logo-013.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.23 93.51">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<g id="logos">
<g id="dark">
<polygon class="cls-1" points="68.37 51.8 22.71 2.1 5.59 17.14 51.25 66.85 68.37 51.8" />
<rect class="cls-1" x="69.45" width="23.01" height="61.64" />
<polygon class="cls-1"
points="145.09 24.19 185.73 24.19 185.73 1.68 105.09 1.68 146.25 70.92 0 71 0.01 93.51 186.23 93.41 145.09 24.19" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 496 B