feat: update now page & hide link on jumbotron
This commit is contained in:
parent
7e85e61fa7
commit
e329fe8e22
10 changed files with 13206 additions and 20 deletions
13094
package-lock.json
generated
Normal file
13094
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
|
@ -60,5 +60,6 @@
|
|||
"*.json": [
|
||||
"prettier --write"
|
||||
]
|
||||
}
|
||||
},
|
||||
"packageManager": "pnpm@7.28.0+sha1.48be3292711ad554fe944f6caaf9b0f5477524fe"
|
||||
}
|
||||
|
|
|
@ -47,7 +47,7 @@ const year = new Date().getFullYear()
|
|||
<a href="/">Ayo Ayco</a>. This website <a
|
||||
href="https://ayos.blog/stopped-tracking-on-my-sites"
|
||||
>does not track users</a
|
||||
>. See the <a href="https://sr.ht/~ayoayco/personal-site">source code</a>.
|
||||
>.
|
||||
</p>
|
||||
|
||||
<WebRings />
|
||||
|
|
7
src/constants/bkup/2025-05-24.json
Normal file
7
src/constants/bkup/2025-05-24.json
Normal file
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"title": "Running self-hosted services at www.ayo.run",
|
||||
"description": "Put up a home to self-hosted open source alternatives to popular services",
|
||||
"publishDate": "2025-05-24",
|
||||
"publishedOn": "the 24th of May, 2025 in my home in Amsterdam",
|
||||
"publishState": "while it is drizzling and gloomy outside"
|
||||
}
|
13
src/constants/bkup/2025-05-24.md
Normal file
13
src/constants/bkup/2025-05-24.md
Normal file
|
@ -0,0 +1,13 @@
|
|||
As a weekend project, I have set up my old "gaming" laptop as an Ubuntu server to run services under my fancy new domain [ayo.run](https://ayo.run) (could be blocked by enterprise firewalls).
|
||||
|
||||
[](https://ayo.run)
|
||||
|
||||
The computer is sitting inside the water meter cabinet at home, and I route it through [Cloudflare Tunnel](https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/) which gives me the protection while exposing it to the Internet without a public IP address. It's like magic.
|
||||
|
||||
Very happy with this because it is way more powerful than the VPS (Virtual Private Server) I am renting for [ayco.io](https://ayco.io) stuff, but I am practically paying zero aside from the usual the electricity, internet bills.
|
||||
|
||||
I am posting updates about the project on this [thread](https://ayo.ayco.io/threads/114490408596372783).
|
||||
|
||||
By hosting more polished web applications created by active open source communities, I learn different approaches on how people build stuff and am now able to consider them for my own projects. 🎉
|
||||
|
||||
I have plans to make [cozy.pub](https://cozy.pub) easily self-hostable when I get to building more features for it.
|
|
@ -47,7 +47,7 @@ export const footerLinks: Link[] = [
|
|||
},
|
||||
{
|
||||
text: 'Mastodon',
|
||||
url: 'https://social.ayco.io/@ayo',
|
||||
url: 'https://fosstodon.org/@ayo',
|
||||
icon: 'mastodon',
|
||||
},
|
||||
{
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"title": "Running self-hosted services at www.ayo.run",
|
||||
"description": "Put up a home to self-hosted open source alternatives to popular services",
|
||||
"publishDate": "2025-05-24",
|
||||
"publishedOn": "the 24th of May, 2025 in my home in Amsterdam",
|
||||
"publishState": "while it is drizzling and gloomy outside"
|
||||
"title": "Reading stuff & something to look forward to",
|
||||
"description": "fighting to find a direction above the storm",
|
||||
"publishDate": "2025-06-10",
|
||||
"publishedOn": "",
|
||||
"publishState": ""
|
||||
}
|
||||
|
|
|
@ -1,13 +1,12 @@
|
|||
As a weekend project, I have set up my old "gaming" laptop as an Ubuntu server to run services under my fancy new domain [ayo.run](https://ayo.run) (could be blocked by enterprise firewalls).
|
||||
## Reading
|
||||
|
||||
[](https://ayo.run)
|
||||
Books I'm currently reading as I continue to have a messed up health & rhythm
|
||||
|
||||
The computer is sitting inside the water meter cabinet at home, and I route it through [Cloudflare Tunnel](https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/) which gives me the protection while exposing it to the Internet without a public IP address. It's like magic.
|
||||
- [Getting Real](https://books.37signals.com/8/getting-real)
|
||||
- [How to Read a Book](https://en.wikipedia.org/wiki/How_to_Read_a_Book)
|
||||
- [Code Complete 2](http://www.amazon.com/dp/0735619670/)
|
||||
- [The Mythical Man-Month](http://www.amazon.com/dp/0201835959/)
|
||||
|
||||
Very happy with this because it is way more powerful than the VPS (Virtual Private Server) I am renting for [ayco.io](https://ayco.io) stuff, but I am practically paying zero aside from the usual the electricity, internet bills.
|
||||
## Something to look forward to
|
||||
|
||||
I am posting updates about the project on this [thread](https://ayo.ayco.io/threads/114490408596372783).
|
||||
|
||||
By hosting more polished web applications created by active open source communities, I learn different approaches on how people build stuff and am now able to consider them for my own projects. 🎉
|
||||
|
||||
I have plans to make [cozy.pub](https://cozy.pub) easily self-hostable when I get to building more features for it.
|
||||
Reading has been a great companion lately. [37signals](https://37signals.com/) inspired me while reading their book "Getting Real", just in time as I'm up for updating my vision for 2030, after achieving most of my 2025 targets. [I want to start a cooperative that will empower people to take ownership of their digital lives.](https://social.ayco.io/@ayo/114655020696985932).
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
import Layout from '../layouts/Layout.astro'
|
||||
import Card from '../components/Card.astro'
|
||||
import Footer from '../components/Footer.astro'
|
||||
import now from '../constants/now.json'
|
||||
---
|
||||
|
||||
<Layout>
|
||||
|
@ -29,10 +28,10 @@ import now from '../constants/now.json'
|
|||
<h1 title="Ayo Ayco | Software Engineer + Web Developer">
|
||||
Hi, I'm <span class="heavy-text">Ayo</span>!
|
||||
</h1>
|
||||
<a href="/now" class="now-wrapper">
|
||||
<!--a href="/now" class="now-wrapper">
|
||||
<span class="now-label">Now</span>
|
||||
<span class="status">{now.title}</span>
|
||||
</a>
|
||||
</a-->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
73
src/pages/now/and-then/posts/2025-05-24.astro
Normal file
73
src/pages/now/and-then/posts/2025-05-24.astro
Normal file
|
@ -0,0 +1,73 @@
|
|||
---
|
||||
import Layout from '../../../../layouts/Layout.astro'
|
||||
import Footer from '../../../../components/Footer.astro'
|
||||
|
||||
const title = `Running self-hosted services at www.ayo.run`
|
||||
const description = `Put up a home to self-hosted open source alternatives to popular services`
|
||||
let publishedOn = `the 24th of May, 2025 in my home in Amsterdam`
|
||||
const publishDate = `2025-05-24`
|
||||
const publishState = `while it is drizzling and gloomy outside`
|
||||
const content = `<p>As a weekend project, I have set up my old "gaming" laptop as an Ubuntu server to run services under my fancy new domain <a href="https://ayo.run">ayo.run</a> (could be blocked by enterprise firewalls).</p>
|
||||
<p><a href="https://ayo.run"><img src="/ayo-run.png" alt="ayo.run screenshot"></a></p>
|
||||
<p>The computer is sitting inside the water meter cabinet at home, and I route it through <a href="https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/">Cloudflare Tunnel</a> which gives me the protection while exposing it to the Internet without a public IP address. It's like magic.</p>
|
||||
<p>Very happy with this because it is way more powerful than the VPS (Virtual Private Server) I am renting for <a href="https://ayco.io">ayco.io</a> stuff, but I am practically paying zero aside from the usual the electricity, internet bills.</p>
|
||||
<p>I am posting updates about the project on this <a href="https://ayo.ayco.io/threads/114490408596372783">thread</a>.</p>
|
||||
<p>By hosting more polished web applications created by active open source communities, I learn different approaches on how people build stuff and am now able to consider them for my own projects. 🎉</p>
|
||||
<p>I have plans to make <a href="https://cozy.pub">cozy.pub</a> easily self-hostable when I get to building more features for it.</p>`
|
||||
|
||||
publishedOn = publishedOn === '' ? publishDate : publishedOn
|
||||
---
|
||||
|
||||
<Layout title={title} description={description}>
|
||||
<main>
|
||||
<h1><span class="text-gradient">{title}</span></h1>
|
||||
<p>
|
||||
<small>
|
||||
Published on
|
||||
<time datetime={publishDate}>
|
||||
{publishedOn}
|
||||
</time>
|
||||
{publishState}
|
||||
</small>
|
||||
</p>
|
||||
|
||||
<Fragment set:html={content} />
|
||||
|
||||
<Footer />
|
||||
</main>
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
.text-gradient {
|
||||
font-weight: 900;
|
||||
background-image: var(--ayo-gradient);
|
||||
animation: pulse 4s ease-in-out infinite;
|
||||
background-size: 500% 500%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 100% 200%;
|
||||
background-position-y: 100%;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
|
||||
.highlighted-content {
|
||||
margin: 1rem 0;
|
||||
background: #4f39fa;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
color: var(--color-bg);
|
||||
}
|
||||
|
||||
.highlighted-content code {
|
||||
font-size: var(--font-size-base);
|
||||
border: 0.1em solid var(--color-border);
|
||||
border-radius: 4px;
|
||||
padding: 0.15em 0.25em;
|
||||
}
|
||||
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
Loading…
Reference in a new issue