simple shortcodes
This commit is contained in:
parent
1d39002bb5
commit
ba252d7d6a
10 changed files with 209 additions and 9 deletions
29
content/about.md
Normal file
29
content/about.md
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
+++
|
||||
title = "About Me"
|
||||
template = "post.html"
|
||||
+++
|
||||
|
||||
Hi!
|
||||
I'm me!
|
||||
|
||||
You can call me Emilia, Lynxize, Lynx, or basically anything else. I'm not picky.
|
||||
|
||||
I'm currently studying Mechanical Engineering with a focus on aerospace,
|
||||
though a lot of my hobbies tend to be computer science related.
|
||||
|
||||
I like gamedev (though I'm not particularly great at it), D&D, reading Epic Fantasy books, and going way too deep into random Wikipedia rabbit-holes.
|
||||
|
||||
I explain why I set up this site [over here](/blog/yet-another-blog), if you're curious.
|
||||
I'm not quite sure what I'm going to put here, probably just random stuff I feel like writing about.
|
||||
|
||||
Profile picture is from [this picrew](https://picrew.me/en/image_maker/2122621) (for now).
|
||||
|
||||
### Contact
|
||||
You can find me in the following places:
|
||||
- Discord - `@lynxize`
|
||||
- Mastodon - [`@emilia@lynxize.dev`](https://mastodon.lynxize.dev/@emilia)
|
||||
- GitHub - [`@lynxize`](https://github.com/lynxize)
|
||||
|
||||
You can also reach me [through email](mailto:lynxize@gmail.com), though response times will ~~definitely~~ probably be slower.
|
||||
|
||||
I can get pretty nervous about interacting with people I don't know, so please be patient!
|
||||
BIN
static/fonts/JetBrainsMono-Regular.woff2
Normal file
BIN
static/fonts/JetBrainsMono-Regular.woff2
Normal file
Binary file not shown.
124
static/main.css
Normal file
124
static/main.css
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=JetBrains Mono');
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
src: url("/fonts/JetBrainsMono-Regular.woff2")
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #11111b;
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
|
||||
max-width: max(800px, 45%);
|
||||
height: 100vh;
|
||||
margin: auto;
|
||||
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 10px;
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
a {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
color: #a6e3a1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
align-self: flex-end;
|
||||
justify-self: flex-end;
|
||||
width: 100%;
|
||||
|
||||
margin-top: auto;
|
||||
|
||||
div {
|
||||
align-self: center;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 2px dashed #89b4fa
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
}
|
||||
|
||||
.insert-note {
|
||||
border-style: dotted;
|
||||
border-width: 3px;
|
||||
border-radius: 5px;
|
||||
|
||||
padding: 8px;
|
||||
|
||||
background-color: hsl(199deg, 76%, 39%);
|
||||
border-color: hsl(189deg, 71%, 73%);
|
||||
}
|
||||
|
||||
.insert-warning {
|
||||
border-style: dashed;
|
||||
border-width: 3px;
|
||||
border-radius: 5px;
|
||||
|
||||
padding: 8px;
|
||||
|
||||
background-color: hsl(343deg, 81%, 20%);
|
||||
border-color: hsl(23deg, 92%, 40%);
|
||||
}
|
||||
|
||||
.insert-important {
|
||||
border-style: dashed;
|
||||
border-width: 3px;
|
||||
border-radius: 5px;
|
||||
|
||||
padding: 8px;
|
||||
|
||||
background-color: hsl(23deg, 92%, 30%);
|
||||
border-color: hsl(350deg, 65%, 77%);
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
#new-site-warning {
|
||||
margin-top: 10px;
|
||||
padding: 8px;
|
||||
|
||||
background-color: hsl(343deg, 81%, 20%);
|
||||
border-color: hsl(23deg, 92%, 40%);
|
||||
|
||||
border-style: dashed;
|
||||
border-radius: 5px;
|
||||
border-width: 3px;
|
||||
}
|
||||
|
|
@ -2,17 +2,43 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>lynxize</title>
|
||||
<meta name="description" content="Very WIP personal site v2">
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>lynxize</title>
|
||||
<meta name="color-scheme" content="dark light" />
|
||||
<link rel="stylesheet" type="text/css" href="/main.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<header>
|
||||
<nav>
|
||||
<a href="/">/home</a>
|
||||
<a href="/about">/about</a>
|
||||
<a href="/blog">/blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div id="new-site-warning">
|
||||
Hey! This is a new version of my site rewritten from scratch!
|
||||
I still don't really know what I'm doing with web dev, and this is still <i>very</i> WIP.
|
||||
Stuff is still very broken/incomplete relative to the old site, but I'm working on it! (Hopefully)
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
{% block content %} {% endblock %}
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<div>
|
||||
<hr>
|
||||
© lynxize 2024
|
||||
-
|
||||
<a href="https://github.com/lynxize/">GitHub</a>
|
||||
|
|
||||
<a rel="me" href="https://mastodon.lynxize.dev/@emilia">Mastodon</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,10 +5,8 @@
|
|||
{{ section.title }}
|
||||
</h1>
|
||||
<ul>
|
||||
<!-- If you are using pagination, section.pages will be empty.
|
||||
You need to use the paginator object -->
|
||||
{% for page in section.pages %}
|
||||
<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
|
||||
<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endblock content %}
|
||||
|
|
@ -2,7 +2,17 @@
|
|||
|
||||
{% block content %}
|
||||
<h1 class="title">
|
||||
This is my blog made with Zola.
|
||||
New Website!! (WIP)
|
||||
</h1>
|
||||
|
||||
Professional waster of time, purveyor of useless activities, and chronic avoider of productivity.
|
||||
<!-- br brr brrrrr (bad) -->
|
||||
<br>
|
||||
<br>
|
||||
I write bad code for fun and play games
|
||||
<br>
|
||||
<br>
|
||||
<a href="/about">More about me</a>.
|
||||
|
||||
<p><a href="{{ get_url(path='@/blog/_index.md') }}">Posts</a>.</p>
|
||||
{% endblock content %}
|
||||
4
templates/shortcodes/image.html
Normal file
4
templates/shortcodes/image.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<figure>
|
||||
<img src="{{ src }}" {% if alt %} alt="{{ alt }}"{% endif %}>
|
||||
<figcaption>{{ caption }}</figcaption>
|
||||
</figure>
|
||||
3
templates/shortcodes/important.html
Normal file
3
templates/shortcodes/important.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="insert-important">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
3
templates/shortcodes/note.html
Normal file
3
templates/shortcodes/note.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="insert-note">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
3
templates/shortcodes/warning.html
Normal file
3
templates/shortcodes/warning.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="insert-warning">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
Loading…
Add table
Reference in a new issue