My blog
update blog code
+260
-61
+4
src/_components/logo.vto
+4
src/_components/logo.vto
+23
src/_components/post_card.vto
+23
src/_components/post_card.vto
···
1
+
{{ if compact }}
2
+
<li class="bg-surface0 rounded">
3
+
<a href="{{ post.url }}">
4
+
<div class="m-4 pb-1">
5
+
<p class="text-subtext1 text-lg">{{ post.title }}</p>
6
+
<p class="inline italic text-subtext0">{{ post.summary }}</p>
7
+
<p class="float-right inline text-blue">{{ post.date |> date('DATE') }}</p>
8
+
</div>
9
+
</a>
10
+
</li>
11
+
{{ else }}
12
+
<li class="bg-surface0 rounded-md">
13
+
<a href="{{ post.url }}">
14
+
<div class="m-6 py-2">
15
+
<h2 class="text-subtext1 font-serif text-2xl mb-2">{{ post.title }}</h2>
16
+
<h3 class="text-lg lg:inline italic text-subtext0">{{ post.summary }}</h3>
17
+
<p class="text-lg lg:float-right lg:inline text-blue">
18
+
{{ post.date |> date('DATE') }}
19
+
</p>
20
+
</div>
21
+
</a>
22
+
</li>
23
+
{{ /if }}
+4
src/_data/metas.toml
+4
src/_data/metas.toml
+8
-2
src/_includes/components/head.vto
+8
-2
src/_includes/components/head.vto
···
1
+
{{# Site-wide Metadata #}}
1
2
<meta charset="utf-8" />
2
3
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
3
4
<meta name="view-transition" content="same-origin" />
4
-
<meta name="supported-color-schemes" content="light dark" />
5
+
<meta name="supported-color-schemes" content="dark light" />
6
+
{{# Feed Links #}}
5
7
<link rel="alternate" type="application/feed+json" href="/blog.json" />
6
8
<link rel="alternate" type="application/rss+xml" href="/blog.rss" />
9
+
{{# Stylesheets #}}
10
+
<link rel="stylesheet" href="/static/fonts.css" />
7
11
<link rel="stylesheet" href="/static/styles.css" />
8
12
<link rel="stylesheet" href="/static/icons/bsi.min.css" />
9
13
<link rel="stylesheet" href="/static/icons/si.min.css" />
10
-
<title>{{title}}</title>
14
+
{{# Page Metadata #}}
15
+
<link rel="canonical" href="{{ url }}" />
16
+
<title>{{ title }}</title>
+21
src/_includes/layouts/about.vto
+21
src/_includes/layouts/about.vto
···
1
+
{{ layout "layouts/base.vto" }}
2
+
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2 h-card">
3
+
<h1 class="mt-8 text-5xl text-bold text-mauve">
4
+
About
5
+
<div class="p-name p-nickname inline">
6
+
dish
7
+
</div>
8
+
</h1>
9
+
10
+
<h2 class="text-2xl mt-4">
11
+
<div class="inline p-job-title">Student</div>, Sysadmin, and UX Crafter
12
+
</h2>
13
+
<p class="text-lg mt-2">
14
+
Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
15
+
experiences.
16
+
</p>
17
+
18
+
<h3 class="text-mauve text-2xl">About This Blog</h3>
19
+
<p class="text-"></p>
20
+
</main>
21
+
{{ /layout }}
+11
src/_includes/layouts/base.vto
+11
src/_includes/layouts/base.vto
+13
src/_includes/layouts/blog-list.vto
+13
src/_includes/layouts/blog-list.vto
···
1
+
{{ layout "layouts/base.vto" }}
2
+
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
3
+
<h1 class="text-5xl my-8">Blog</h1>
4
+
<a class="lg:inline float-right -mt-20 mr-1.5" href="/blog.rss" aria-label="Blog RSS Feed">
5
+
<i class="text-5xl si si-rss"></i>
6
+
</a>
7
+
<ul class="mt-8">
8
+
{{ for post of search.pages("category=blog") }}
9
+
{{ comp.post_card({"post": post}) }}
10
+
{{ /for }}
11
+
</ul>
12
+
</main>
13
+
{{ /layout }}
+21
src/_includes/layouts/blog-post.vto
+21
src/_includes/layouts/blog-post.vto
···
1
+
{{ layout "layouts/base.vto" }}
2
+
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
3
+
<article class="h-entry">
4
+
<h1 class="text-5xl font-serif mt-8 p-name">{{ title }}</h1>
5
+
<h2 class="text-2xl font-sans mt-4 text-subtext0">
6
+
Published on
7
+
<time class="dt-published" datetime="{{ published |> date }}">
8
+
{{ published |> date('POST_DATE') }}
9
+
</time>
10
+
</h2>
11
+
<h2 class="text-2xl font-sans mb-8 text-overlay1">
12
+
By
13
+
<div class="inline p-author">{{ author.name }}</div>
14
+
</h2>
15
+
16
+
<div class="e-content text-lg">
17
+
{{ content }}
18
+
</div>
19
+
</article>
20
+
</main>
21
+
{{ /layout }}
+19
-12
src/_includes/layouts/home.vto
+19
-12
src/_includes/layouts/home.vto
···
1
-
<!DOCTYPE html>
2
-
<html lang="en-US">
3
-
<head>
4
-
{{ include "components/head.vto" }}
5
-
</head>
6
-
<body id="body" class="mocha bg-crust">
7
-
{{ include "components/navbar.vto" }}
8
-
<h1 class="text-blue">meow</h1>
9
-
<h2 class="text-mauve">the fitnessgram pacer test</h2>
10
-
{{ include "components/footer.vto" }}
11
-
</body>
12
-
</html>
1
+
{{ layout "layouts/base.vto" }}
2
+
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
3
+
<h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>
4
+
{{# Profile picture goes here #}}
5
+
<div class="h-64 content-center border-2 mt-4">Profile Picture</div>
6
+
<h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>
7
+
<p class="text-lg mt-2">
8
+
Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
9
+
experiences.
10
+
</p>
11
+
<!-- <div class="h-4"></div> -->
12
+
<h2 class="my-8 text-2xl">Recent blog posts:</h2>
13
+
<ul class="lg:w-3/4">
14
+
{{ for post of search.pages("category=blog", "date", 5) }}
15
+
{{ comp.post_card({"post": post, compact: true}) }}
16
+
{{ /for }}
17
+
</ul>
18
+
</main>
19
+
{{ /layout }}
+19
src/_includes/layouts/projects.vto
+19
src/_includes/layouts/projects.vto
···
1
+
{{ layout "layouts/base.vto" }}
2
+
<main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">
3
+
<h1 class="mt-8 text-5xl text-bold text-mauve">hi, I'm dish</h1>
4
+
{{# Profile picture goes here #}}
5
+
<div class="h-64 content-center border-2 mt-4">Profile Picture</div>
6
+
<h2 class="text-2xl mt-4">Student, Sysadmin, and UX Crafter</h2>
7
+
<p class="text-lg mt-2">
8
+
Howdy! I play with computers, with an emphasis on accessible, secure, and enjoyable
9
+
experiences.
10
+
</p>
11
+
<!-- <div class="h-4"></div> -->
12
+
<h2 class="my-8 text-2xl">Recent blog posts:</h2>
13
+
<ul class="lg:w-3/4">
14
+
{{ for post of search.pages("category=blog", "date", 5) }}
15
+
{{ comp.post_card({"post": post, compact: true}) }}
16
+
{{ /for }}
17
+
</ul>
18
+
</main>
19
+
{{ /layout }}
+5
src/about.vto
+5
src/about.vto
+8
src/blog/_data.toml
+8
src/blog/_data.toml
+8
src/blog/example-blog-post-2.md
+8
src/blog/example-blog-post-2.md
+8
src/blog/example-blog-post.md
+8
src/blog/example-blog-post.md
+6
src/blog/index.vto
+6
src/blog/index.vto
-1
src/index.vto
-1
src/index.vto