diff --git a/content/about.md b/content/about.md new file mode 100644 index 0000000..d6f381e --- /dev/null +++ b/content/about.md @@ -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! diff --git a/static/fonts/JetBrainsMono-Regular.woff2 b/static/fonts/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..40da427 Binary files /dev/null and b/static/fonts/JetBrainsMono-Regular.woff2 differ diff --git a/static/main.css b/static/main.css new file mode 100644 index 0000000..8494336 --- /dev/null +++ b/static/main.css @@ -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; +} \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index ac4db44..854d791 100644 --- a/templates/base.html +++ b/templates/base.html @@ -2,17 +2,43 @@
+