-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.njk
69 lines (68 loc) · 2.69 KB
/
index.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
---
layout:
permalink: index.html
title: Atora Suunva
description: Software developer, programmer, coder, rockstar dev, code ninja or whatever else you call someone who writes code for a living. This is my personal site to post my cool things.
eleventyImport:
collections: ["posts"]
---
{% extends "templates/page.njk" %}
{% block header %}
<div class="center-piece">
<div>
<h1>
Atora Suunva <small>(they/he)</small>
</h1>
<h2>Who am I?</h2>
<p>Heya, I'm Atora Suunva, software developer and person on the internet.</p>
<p>I've been writing code for 10+ years, which was first my hobby, then education, then job.</p>
<p>
While I do love programming, I also do things like play games or go outside or go for long walks on the beach unironically.
</p>
<p>This site is a showcase of things I've done along with a place for me to post things.</p>
<p>
Scroll down to see some of my <a href="/posts">posts</a> and <a href="/projects">projects</a>, or read more <a href="/about">about me</a> or how to <a href="/contact">contact me</a>.
</p>
<p>
<a href="https://twitter.com/siggymcc/status/1566071435461738496">Avatar Source (Twitter/siggymc)</a>
</p>
</div>
<div class="me-irl">
<a href="https://twitter.com/siggymcc/status/1566071435461738496">{% picture "/siggy-bleppy.png", "Atora Suunva", "", [128, 256] %}</a>
</div>
</div>
{% endblock header %}
{% block main %}
<section>
{% import "macros/cards.njk" as cards %}
<h2>Recent Posts</h2>
{% set postslist = collections.posts | reverse | head(3) %}
{%- for post in postslist -%}
{{ cards.card(title=post.data.title,
date=post.date,
tags=post.data.tags,
description=post.data.description,
image=post.data.image,
imageAlt=post.data.imageAlt,
link=post.url,
linkText="Continue Reading") }}
{%- endfor -%}
</section>
<section>
<h2>Recent Projects</h2>
{{ cards.card(title="This site!",
description="I wrote all of this from scratch myself",
link="/",
linkText="You're already on it!",
icon="/feather.png",
iconAlt="A green, beige, and purple feather") }}
{{ cards.card(title="Booru",
description="booru is a Node.js package to easily interface with the APIs of several boorus",
link="https://github.com/AtoraSuunva/booru",
linkText="View on GitHub") }}
{{ cards.card(title="Bots",
description="Mostly utility and moderation tools for Discord, with some 'fun' commands thrown in too.",
link="/bots",
linkText="View bots") }}
</section>
{% endblock main %}