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

chore: merge pull request #4 from dot013/placeholder-page

Browse Source 
Placeholder page
This commit is contained in:
Guz
2024-05-23 18:50:36 -03:00
committed by GitHub
parent 59d4128a1a 08a665df2f
commit fe5e43f35a
11 changed files with 148 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/page.templ
View File

@@ -4,9 +4,23 @@ templ Page(title string) {
<html>
<head>
<link rel="stylesheet" href="/uno.css"/>
<style>
@font-face {
font-family: Inter;
src: url(inter.woff2);
}
@font-face {
font-family: Cal Sans;
src: url(cal-sans.woff2);
}
@font-face {
font-family: Fira Code;
src: url(fira-code.woff2);
}
</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>

1
makefile
View File

@@ -6,6 +6,7 @@ dev:
pnpm unocss -w &
air -build.pre_cmd 'make templ' \
-build.include_ext 'templ' \
-build.include_ext 'css' \
-proxy.enabled true \
-proxy.app_port $(PORT) \
-proxy.proxy_port $$(($(PORT) + 1)) \

2
package.json
View File

@@ -2,6 +2,8 @@
"name": "www",
"version": "0.0.1",
"devDependencies": {
"@iconify-json/simple-icons": "^1.1.102",
"@iconify-json/solar": "^1.1.9",
"@types/node": "^20.12.12",
"@unocss/cli": "^0.60.3",
"unocss": "^0.60.3"

80
pages/homepage.templ
View File

@@ -5,6 +5,82 @@ import (
)
templ Homepage() {
<img src="/logo-013-dark.svg" alt="" width="100" height="100"/>
@layouts.Page("Hello world")
@layouts.Page("013") {
<main>
<img src="/logo-013.svg" alt="" width="100" height="100"/>
<h1 class="font-cal">Someone who's trying to improve</h1>
<div class="text-#181818 flex flex-row justify-between items-center">
<nav>
<ul class="list-none flex flex-row gap-3 p-0">
<li class="i-simple-icons:github 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 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 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 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 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 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 hover:text-#ababab transition-colors" href="mailto:contact.guz013@gmail.com">
<p class="m-0">2024 &copy Gustavo L. de Mello</p>
</a>
</div>
</main>
<footer class="fixed bottom-0 text-xs font-mono text-#181818">
<p>new website in development</p>
</footer>
}
}

18
pnpm-lock.yaml generated
View File

@@ -5,6 +5,12 @@ settings:
excludeLinksFromLockfile: false
devDependencies:
'@iconify-json/simple-icons':
specifier: ^1.1.102
version: 1.1.102
'@iconify-json/solar':
specifier: ^1.1.9
version: 1.1.9
'@types/node':
specifier: ^20.12.12
version: 20.12.12
@@ -557,6 +563,18 @@ packages:
dev: true
optional: true
/@iconify-json/simple-icons@1.1.102:
resolution: {integrity: sha512-ErRQGs7tjGsq4sj5SSeYwBOQ766yd9LtWblWakyL+ugg1k48ImabkI3mptDN5o+XSUb9SC+b7YNSStlrrecqNQ==}
dependencies:
'@iconify/types': 2.0.0
dev: true
/@iconify-json/solar@1.1.9:
resolution: {integrity: sha512-BcWzZqA02BiQduYizqU/J4v4RNs0MkjZUGpMbejpozH8YQSt3+S/LfV6zfVRonx/2DhXTVSqiLa1abDRAZtojQ==}
dependencies:
'@iconify/types': 2.0.0
dev: true
/@iconify/types@2.0.0:
resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
dev: true

BIN
static/cal-sans.woff2 Normal file
View File

Binary file not shown.

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

Binary file not shown.

BIN
static/inter.woff2 Normal file
View File

Binary file not shown.

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

18
uno.config.js
View File

@@ -23,7 +23,23 @@ export default defineConfig({
presetIcons(),
presetTypography(),
presetUno(),
presetWebFonts(),
presetWebFonts({
provider: 'bunny',
fonts: {
sans: {
name: 'Inter',
provider: 'none'
},
cal: {
name: 'Cal Sans',
provider: 'none',
},
mono: {
name: 'Fira Code',
provider: 'none',
},
},
}),
],
transformers: [
transformerDirectives(),