chore: merge pull request #4 from dot013/placeholder-page
Placeholder page
This commit is contained in:
Guz
@@ -4,9 +4,23 @@ templ Page(title string) {
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="/uno.css"/>
|
<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>
|
<title>{ title }</title>
|
||||||
</head>
|
</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... }
|
{ children... }
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
1
makefile
1
makefile
@@ -6,6 +6,7 @@ dev:
|
|||||||
pnpm unocss -w &
|
pnpm unocss -w &
|
||||||
air -build.pre_cmd 'make templ' \
|
air -build.pre_cmd 'make templ' \
|
||||||
-build.include_ext 'templ' \
|
-build.include_ext 'templ' \
|
||||||
|
-build.include_ext 'css' \
|
||||||
-proxy.enabled true \
|
-proxy.enabled true \
|
||||||
-proxy.app_port $(PORT) \
|
-proxy.app_port $(PORT) \
|
||||||
-proxy.proxy_port $$(($(PORT) + 1)) \
|
-proxy.proxy_port $$(($(PORT) + 1)) \
|
||||||
|
|||||||
@@ -2,6 +2,8 @@
|
|||||||
"name": "www",
|
"name": "www",
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@iconify-json/simple-icons": "^1.1.102",
|
||||||
|
"@iconify-json/solar": "^1.1.9",
|
||||||
"@types/node": "^20.12.12",
|
"@types/node": "^20.12.12",
|
||||||
"@unocss/cli": "^0.60.3",
|
"@unocss/cli": "^0.60.3",
|
||||||
"unocss": "^0.60.3"
|
"unocss": "^0.60.3"
|
||||||
|
|||||||
@@ -5,6 +5,82 @@ import (
|
|||||||
)
|
)
|
||||||
|
|
||||||
templ Homepage() {
|
templ Homepage() {
|
||||||
<img src="/logo-013-dark.svg" alt="" width="100" height="100"/>
|
@layouts.Page("013") {
|
||||||
@layouts.Page("Hello world")
|
<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 © 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
18
pnpm-lock.yaml
generated
@@ -5,6 +5,12 @@ settings:
|
|||||||
excludeLinksFromLockfile: false
|
excludeLinksFromLockfile: false
|
||||||
|
|
||||||
devDependencies:
|
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':
|
'@types/node':
|
||||||
specifier: ^20.12.12
|
specifier: ^20.12.12
|
||||||
version: 20.12.12
|
version: 20.12.12
|
||||||
@@ -557,6 +563,18 @@ packages:
|
|||||||
dev: true
|
dev: true
|
||||||
optional: 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:
|
/@iconify/types@2.0.0:
|
||||||
resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
|
resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
|
||||||
dev: true
|
dev: true
|
||||||
|
|||||||
BIN
static/cal-sans.woff2
Normal file
BIN
static/cal-sans.woff2
Normal file
Binary file not shown.
BIN
static/fira-code.woff2
Normal file
BIN
static/fira-code.woff2
Normal file
Binary file not shown.
BIN
static/inter.woff2
Normal file
BIN
static/inter.woff2
Normal file
Binary file not shown.
@@ -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>
|
|
||||||
|
Before Width: | Height: | Size: 440 B |
17
static/logo-013.svg
Normal file
17
static/logo-013.svg
Normal 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>
|
||||||
|
After Width: | Height: | Size: 496 B |
@@ -23,7 +23,23 @@ export default defineConfig({
|
|||||||
presetIcons(),
|
presetIcons(),
|
||||||
presetTypography(),
|
presetTypography(),
|
||||||
presetUno(),
|
presetUno(),
|
||||||
presetWebFonts(),
|
presetWebFonts({
|
||||||
|
provider: 'bunny',
|
||||||
|
fonts: {
|
||||||
|
sans: {
|
||||||
|
name: 'Inter',
|
||||||
|
provider: 'none'
|
||||||
|
},
|
||||||
|
cal: {
|
||||||
|
name: 'Cal Sans',
|
||||||
|
provider: 'none',
|
||||||
|
},
|
||||||
|
mono: {
|
||||||
|
name: 'Fira Code',
|
||||||
|
provider: 'none',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}),
|
||||||
],
|
],
|
||||||
transformers: [
|
transformers: [
|
||||||
transformerDirectives(),
|
transformerDirectives(),
|
||||||
|
|||||||
Reference in New Issue
Block a user