feat: update now page & hide link on jumbotron

This commit is contained in:
Ayo Ayco 2025-06-10 15:18:39 +02:00
parent 7e85e61fa7
commit e329fe8e22
10 changed files with 13206 additions and 20 deletions

13094
package-lock.json generated Normal file

File diff suppressed because it is too large Load diff

View file

@ -60,5 +60,6 @@
"*.json": [
"prettier --write"
]
}
},
"packageManager": "pnpm@7.28.0+sha1.48be3292711ad554fe944f6caaf9b0f5477524fe"
}

View file

@ -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 />

View 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"
}

View 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).
[![ayo.run screenshot](/ayo-run.png)](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.

View file

@ -47,7 +47,7 @@ export const footerLinks: Link[] = [
},
{
text: 'Mastodon',
url: 'https://social.ayco.io/@ayo',
url: 'https://fosstodon.org/@ayo',
icon: 'mastodon',
},
{

View file

@ -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": ""
}

View file

@ -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
[![ayo.run screenshot](/ayo-run.png)](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).

View file

@ -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>

View 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>