feat: move all pages into cms
This commit is contained in:
parent
63e5961756
commit
b5d5424555
13 changed files with 14 additions and 262 deletions
3
_headers
3
_headers
|
|
@ -40,6 +40,9 @@
|
|||
/feeds/books.json
|
||||
Content-Type: application/json
|
||||
|
||||
/api/search
|
||||
Content-Type: application/json
|
||||
|
||||
/.well-known/webfinger
|
||||
Content-Type: application/jrd+json; charset=utf-8
|
||||
|
||||
|
|
|
|||
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "24.21.4",
|
||||
"version": "25.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "coryd.dev",
|
||||
"version": "24.21.4",
|
||||
"version": "25.0.0",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@cdransf/api-text": "^1.5.0",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "24.21.4",
|
||||
"version": "25.0.0",
|
||||
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -6,6 +6,10 @@
|
|||
text-align: center;
|
||||
margin: var(--margin-vertical-base-horizontal-zero);
|
||||
|
||||
& p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& .webring-navigation {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -1,35 +0,0 @@
|
|||
import { createClient } from '@supabase/supabase-js'
|
||||
|
||||
const SUPABASE_URL = process.env.SUPABASE_URL
|
||||
const SUPABASE_KEY = process.env.SUPABASE_KEY
|
||||
const supabase = createClient(SUPABASE_URL, SUPABASE_KEY)
|
||||
|
||||
const fetchAllBadges = async () => {
|
||||
const { data, error } = await supabase
|
||||
.from('badges')
|
||||
.select(`
|
||||
*,
|
||||
image(filename_disk)
|
||||
`)
|
||||
|
||||
if (error) {
|
||||
console.error('Error fetching badge data:', error)
|
||||
return []
|
||||
}
|
||||
|
||||
const transformedData = data.map(badge => ({
|
||||
...badge,
|
||||
image: badge.image?.['filename_disk'] || '',
|
||||
})).sort((a, b) => a['sort'] - b['sort'])
|
||||
|
||||
return transformedData
|
||||
}
|
||||
|
||||
export default async function () {
|
||||
try {
|
||||
return await fetchAllBadges()
|
||||
} catch (error) {
|
||||
console.error('Error fetching and processing badge data:', error)
|
||||
return []
|
||||
}
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<div class="badge-grid">
|
||||
{%- for badge in badges limit: 8 -%}
|
||||
<a href="{{ badge.url }}">
|
||||
<img srcset="
|
||||
https://cdn.coryd.dev/{{ badge.image }}?class=w100&type=webp 100w,
|
||||
https://cdn.coryd.dev/{{ badge.image }}?class=w200&type=webp 200w
|
||||
" sizes="(max-width: 450px) 88px,
|
||||
200px"
|
||||
src="https://cdn.coryd.dev/{{ badge.image }}?class=w100&type=webp"
|
||||
alt="{{ badge.image_alt }}"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
width="100"
|
||||
height="36"
|
||||
/>
|
||||
</a>
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
<div class="webring-wrapper">
|
||||
<h3>
|
||||
<a href="https://cs.sjoy.lol">CSS JOY Webring</a>
|
||||
</h3>
|
||||
<div class="webring-navigation">
|
||||
<a href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
|
||||
{% tablericon "arrow-left" "Previous site" %}
|
||||
</a>
|
||||
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings">
|
||||
{% tablericon "dice-3" "Random site" %}
|
||||
</a>
|
||||
<a href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
|
||||
{% tablericon "arrow-right" "Next site" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
<div class="webring-wrapper">
|
||||
<img
|
||||
srcset="
|
||||
https://cdn.coryd.dev/{{ logo }}?class=w200&type=webp 200w,
|
||||
https://cdn.coryd.dev/{{ logo }}?class=w400&type=webp 400w,
|
||||
https://cdn.coryd.dev/{{ logo }}?class=w800&type=webp 800w,
|
||||
https://cdn.coryd.dev/{{ logo }}?class=w1600&type=webp 1600w
|
||||
"
|
||||
sizes="(max-width: 450px) 200px,
|
||||
(max-width: 850px) 400px,
|
||||
(max-width: 1000px) 800px,
|
||||
1200px"
|
||||
src="https://cdn.coryd.dev/{{ logo }}?class=w200&type=webp"
|
||||
alt="The Claw Webring"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
width="200"
|
||||
height="169"
|
||||
/>
|
||||
<h3>The Claw Webring</h3>
|
||||
<p>
|
||||
<strong>
|
||||
<a class="no-underline" href="https://github.com/whitep4nth3r/the-claw-webring">Join!</a>
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
4
src/pages/data/search.json.liquid
Normal file
4
src/pages/data/search.json.liquid
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
permalink: /api/search
|
||||
---
|
||||
{{ collections.searchIndex | json }}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
---
|
||||
title: About
|
||||
layout: page
|
||||
permalink: /about.html
|
||||
---
|
||||
{%- assign artist = music.week.artists | first -%}
|
||||
{%- assign book = books.all | bookStatus: 'started' | reverse | first -%}
|
||||
{%- assign show = tv.recentlyWatched | first -%}
|
||||
<div class="avatar-wrapper">
|
||||
<div class="interior">
|
||||
{%- capture about_alt -%}{{ globals.site_name }} - image by @joel@fosstodon.org{%- endcapture -%}
|
||||
<img
|
||||
srcset="
|
||||
https://cdn.coryd.dev/{{ globals.about }}?class=squaresm&type=webp 200w,
|
||||
https://cdn.coryd.dev/{{ globals.about }}?class=squaremd&type=webp 400w,
|
||||
https://cdn.coryd.dev/{{ globals.about }}?class=squarebase&type=webp 800w
|
||||
"
|
||||
sizes="(max-width: 450px) 200px, (max-width: 850px) 400px, 800px"
|
||||
src="https://cdn.coryd.dev/{{ globals.about }}?class=squaresm&type=webp"
|
||||
alt="{{ about_alt }}"
|
||||
loading="eager"
|
||||
decoding="async"
|
||||
width="200"
|
||||
height="200"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="about-title">Hi, I'm Cory</h2>
|
||||
|
||||
<strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, [music](https://coryd.dev/music), [writing](https://coryd.dev/posts), [reading](https://coryd.dev/books), [tv](https://coryd.dev/watching#tv) and [movies](https://coryd.dev/watching#movies). Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.
|
||||
|
||||
I build, maintain and design web applications. I've been coding professionally since 2010 with a focus on frontend technologies. I also mentor through [Underdog Devs](https://www.underdogdevs.org).
|
||||
|
||||
I tend to write about whatever strikes me, with a focus on development, technology, automation or issues I run into with these things. This is all typically light on editing with and heavy on spur of the moment thoughts.
|
||||
|
||||
[You can also see what I'm doing now](/now), [take a look at the links I've shared recently](/links) or [check out the webrings I'm a member of](/webrings).
|
||||
|
||||
{% render "partials/blocks/badge-grid.liquid", badges: badges %}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
---
|
||||
title: Contact
|
||||
layout: default
|
||||
permalink: /contact.html
|
||||
description: How to contact me.
|
||||
---
|
||||
<h2>{{ title }}</h2>
|
||||
<div class="contact-wrapper">
|
||||
<div class="column description">
|
||||
<p>Fill out the form to get in touch. Or I've got other options 👇🏻</p>
|
||||
<ul>
|
||||
<li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li>
|
||||
<li>Message me on Signal or iMessage (if you have my phone number)</li>
|
||||
<li><a href="mailto:{{ globals.email }}">Email me directly</a> if you have a client set up to use <code>mailto:</code> links</li>
|
||||
<li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<form data-form="contact" class="column" method="POST" action="https://coryd.dev/api/contact" name="contact">
|
||||
<label class="hp">
|
||||
Don't fill this out if you're human: <input type="text" name="hp_name">
|
||||
</label>
|
||||
<label>
|
||||
<span>Name</span>
|
||||
<input type="text" name="name" placeholder="Name" required />
|
||||
</label>
|
||||
<label>
|
||||
<span>Email</span>
|
||||
<input type="email" name="email" placeholder="Email" required />
|
||||
</label>
|
||||
<textarea name="message" placeholder="Message" required></textarea>
|
||||
<button type="submit">Send message</button>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -1,80 +0,0 @@
|
|||
---
|
||||
title: Search
|
||||
description: Search through and find the posts and links on my site.
|
||||
layout: default
|
||||
permalink: /search.html
|
||||
---
|
||||
<script src="/assets/scripts/components/minisearch.js?v={% appVersion %}"></script>
|
||||
<script type="module">
|
||||
(() => {
|
||||
const miniSearch = new MiniSearch({
|
||||
fields: ['title', 'text', 'tags']
|
||||
})
|
||||
|
||||
const $form = document.querySelector('.search__form')
|
||||
const $input = document.querySelector('.search__form--input')
|
||||
const $fallback = document.querySelector('.search__form--fallback')
|
||||
const $results = document.querySelector('.search__results')
|
||||
|
||||
// remove noscript fallbacks
|
||||
$form.removeAttribute('action')
|
||||
$form.removeAttribute('method')
|
||||
$fallback.remove()
|
||||
|
||||
const index = {{ collections.searchIndex | json }}
|
||||
const resultsById = index.reduce((byId, result) => {
|
||||
byId[result.id] = result
|
||||
return byId
|
||||
}, {})
|
||||
miniSearch.addAll(index)
|
||||
|
||||
$input.addEventListener('input', () => {
|
||||
const query = $input.value
|
||||
const results = (query.length > 1) ? getSearchResults(query) : []
|
||||
if (query.length === 0) {
|
||||
// Clear the results when input is empty
|
||||
renderSearchResults([])
|
||||
} else {
|
||||
if (query.length > 1) {
|
||||
try {
|
||||
umami.trackEvent('Search', { query: query })
|
||||
} catch (err) {}
|
||||
}
|
||||
renderSearchResults(results, query)
|
||||
}
|
||||
})
|
||||
|
||||
$input.addEventListener('keydown', (event) => {
|
||||
if (event.key === 'Enter') event.preventDefault()
|
||||
})
|
||||
|
||||
const getSearchResults = (query) => miniSearch.search(query, { prefix: true, fuzzy: 0.2, boost: { title: 2 } }).map(({ id }) => resultsById[id])
|
||||
|
||||
const renderSearchResults = (results, query = '') => {
|
||||
if (results.length > 0) {
|
||||
$results.innerHTML = results.map(({ title, url }) => {
|
||||
return `<li class="search__results--result"><a href="${url}">${title}</a></li>`
|
||||
}).join('\n')
|
||||
$results.style.display = 'block'
|
||||
} else {
|
||||
if (query.trim() !== '') {
|
||||
$results.innerHTML = `<li class="search__results--no-results">No results found for "${query}"</li>`
|
||||
} else {
|
||||
$results.innerHTML = ''
|
||||
}
|
||||
$results.style.display = 'block'
|
||||
}
|
||||
}
|
||||
})()
|
||||
</script>
|
||||
<h2>Search</h2>
|
||||
<p>You can find <a href="/posts">posts</a>, <a href="/links">links</a>, <a href="/music/#artists">artists</a>, genres, <a href="/watching#movies">movies</a>, <a href="/watching#tv">shows</a> and <a href="/books">books</a> via the field below (though it only surfaces movies and books I've written something about).</p>
|
||||
<noscript>
|
||||
<p><strong class="highlight-text">If you're seeing this it means that you've (quite likely) disabled JavaScript (that's a totally valid choice!).</strong> You can search for anything on my site using the form below, but your query will be routed through <a href="https://duckduckgo.com">DuckDuckGo</a>.</p>
|
||||
<p><strong class="highlight-text">Type something in and hit enter.</strong></p>
|
||||
</noscript>
|
||||
<form class="search__form" action="https://duckduckgo.com" method="get">
|
||||
<input class="search__form--input" placeholder="Search" type="search" name="q" autocomplete="off" autofocus>
|
||||
<input class="search__form--fallback" type="hidden" placeholder="Type away..." name="sites" value="coryd.dev">
|
||||
</form>
|
||||
<ul class="search__results"></ul>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
---
|
||||
title: Webrings
|
||||
layout: page
|
||||
permalink: /webrings.html
|
||||
description: Webrings are awesome! These are the ones I'm a member of.
|
||||
---
|
||||
<h2>{{ title }}</h2>
|
||||
|
||||
[Webrings](https://en.wikipedia.org/wiki/Webring) are _awesome_. I'm a member of a few that follow. Check them out!
|
||||
|
||||
{% render "webrings/the-claw.liquid", logo: globals.logo_the_claw %}
|
||||
<hr />
|
||||
{% render "webrings/css-joy.liquid" %}
|
||||
Reference in a new issue