Pages: add contact page
This commit is contained in:
parent
611ae7d193
commit
848fc6e133
GPG key ID:
8DE0764E1809E9FC
|
|
@ -5,7 +5,7 @@ const today = new Date();
|
|||
<footer>
|
||||
© 2023-{today.getFullYear()} Emiliko Mirror. No rights reserved.
|
||||
<div class="social-links">
|
||||
<a href="mailto:izuko@ualberta.ca" target="_blank">
|
||||
<a href="/contact">
|
||||
<span class="sr-only">Email</span>
|
||||
<svg class="email-logo" fill="#000000" height="32" width="32" id="Capa_1" viewBox="0 0 75.294 75.294">
|
||||
<style>
|
||||
|
|
@ -23,17 +23,6 @@ const today = new Date();
|
|||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://discord.com/users/180472559148597249" target="_blank">
|
||||
<span class="sr-only">Discord</span>
|
||||
<svg class="discord-logo" width="32" height="32" viewBox="0 0 127.14 96.36">
|
||||
<style>
|
||||
svg.discord-logo{fill:#000;}
|
||||
svg.discord-logo:hover{fill:var(--accent-color);}
|
||||
</style>
|
||||
<path
|
||||
d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://anilist.co/user/akemiko" target="_blank">
|
||||
<span class="sr-only">Anilist</span>
|
||||
<svg class="anilist-logo" width="32px" height="32px" viewBox="0 0 32 32">
|
||||
|
|
|
|||
|
|
@ -16,11 +16,8 @@ import { SITE_TITLE } from '../consts';
|
|||
<span style="font-family: var(--font-title);" class="text-2xl">ReLUwU activated</span>
|
||||
</div>
|
||||
<div class="social-links flex space-x-8 items-center">
|
||||
<HeaderLink
|
||||
href="https://discord.com/users/180472559148597249">
|
||||
Discord
|
||||
</HeaderLink>
|
||||
<HeaderLink href="https://github.com/aizuko">GitHub</HeaderLink>
|
||||
<HeaderLink href="/contact">Contact</HeaderLink>
|
||||
<HeaderLink
|
||||
class="inverted-button"
|
||||
target="_blank"
|
||||
|
|
|
|||
50
src/pages/contact.astro
Normal file
50
src/pages/contact.astro
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
---
|
||||
import BaseHead from '../components/BaseHead.astro';
|
||||
import Header from '../components/Header.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
|
||||
import { Image } from 'astro:assets';
|
||||
|
||||
import Layout from '../layouts/BlogPost.astro';
|
||||
|
||||
const imageFiles = (await Astro.glob('../assets/cat-pics/*'));
|
||||
---
|
||||
|
||||
<Layout
|
||||
title="Contact Me!"
|
||||
description="My contact information"
|
||||
pubDate={new Date()}
|
||||
>
|
||||
<h1>Contact Information</h1>
|
||||
|
||||
<p>
|
||||
Thanks for looking to contact me! I'm happy to receive messages!
|
||||
</p>
|
||||
|
||||
<h2>Email</h2>
|
||||
<p>
|
||||
The best way to contact me is through email. I typically reply under a
|
||||
day and welcome all sorts of messages.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
My school email is <a href="mailto:izuko@ualberta.ca">izuko@ualberta.ca</a>.
|
||||
This is typically a good choice for contacting me, but the spam filter
|
||||
has an unfortuate tendency to block external emails sometimes.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
If you don't get a reply from my school email after some time, you can
|
||||
try my personal email. It's accessible through the following command:
|
||||
</p>
|
||||
|
||||
<pre><code>echo 'YWtlbWlAbm93YXkubW9lCg==' | base64 -d</code></pre>
|
||||
|
||||
<h2>Social Media</h2>
|
||||
|
||||
<p>
|
||||
I don't use too much social media, but there are a few linked in the
|
||||
site footer. Expect longer reply times, as I don't check these nearly as
|
||||
often.
|
||||
</p>
|
||||
</Layout>
|
||||
|
|
@ -22,11 +22,12 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
|
|||
</h1>
|
||||
<p id="about">
|
||||
Hey! I'm Akemi, a 4th year CS honor student at
|
||||
<a href="https://www.ualberta.ca/computing-science/index.html">UAlberta</a>. I'm
|
||||
usually on discord, but email is the best way to contact me. Some of
|
||||
my interests include <a href="/unix">unix</a>,
|
||||
<a href="/images/home/road-bike.avif">biking</a>, llamas, 日本語とアニミ...
|
||||
当たり前じゃん and you (>ω^)!
|
||||
<a href="https://www.ualberta.ca/computing-science/index.html">
|
||||
UAlberta</a>. Email is the best way to <a href="/contact">get in
|
||||
touch</a> with me. Some of my interests include <a href="/unix">
|
||||
unix</a>, <a href="/images/home/road-bike.avif">biking</a>,
|
||||
<a href="/llama">llamas</a>, 日本語とアニミ... 当たり前じゃん and
|
||||
you (>ω^)!
|
||||
</p>
|
||||
<img id="pfp" src="/images/home/akemi-silly-transparent.avif" />
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Reference in a new issue