ayco.io-astro/src/pages/now/and-then/posts/2025-02-15.astro

66 lines
2 KiB
Text

---
import Layout from '../../../../layouts/Layout.astro'
import Footer from '../../../../components/Footer.astro'
const title = `Moved projects to SourceHut`
const description = `Learning other ways of software collaboration`
let publishedOn = `the 15th of February, 2025`
const publishDate = `2025-02-15`
const publishState = ``
const content = `<p>I have moved main activities (e.g, repository, planned work, announcements/discussions) on my projects to <a href="https://sourcehut.org">SourceHut</a> — a <em>code forge</em> much like GitHub, GitLab or Codeberg, but with significant differences.</p>
<p>The projects are still automatically mirrored to GitHub using automatic <code class="inline-code">git push --mirror</code> via <a href="https://builds.sr.ht">SourceHut Builds</a>.</p>
<p>👉 <a href="https://sr.ht/~ayoayco/">My projects on SourceHut</a></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} />
</main>
<Footer />
</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>