pastel.codes/views/about.pug

84 lines
3.0 KiB
Plaintext
Raw Permalink Normal View History

2020-06-22 20:36:41 +01:00
extends layout
block nav-links
a(href='/')
li.py-3.bg-pink.text-black.transition.duration-500.ease-in-out(
class='hover:bg-black hover:text-pink'
)
span Home
a(href='#')
li.py-3.bg-black.text-green.transition.duration-500.ease-in-out(
class='hover:bg-pink hover:text-black'
)
span About
a(href='/obsidian/projects.html')
li.py-3.bg-pink.text-black.transition.duration-500.ease-in-out(
class='hover:bg-black hover:text-pink'
)
span Obsidian
a(href='https://github.com/aurora-dot')
li.py-3.bg-pink.text-black.transition.duration-500.ease-in-out(
class='hover:bg-black hover:text-pink'
)
span Projects
a(href='https://blog.pastel.codes')
li.py-3.bg-pink.text-black.transition.duration-500.ease-in-out(
class='hover:bg-black hover:text-pink'
)
span Blog
a(href='/contact')
li.py-3.bg-pink.text-black.transition.duration-500.ease-in-out(
class='hover:bg-black hover:text-pink'
)
span Contact
2020-06-22 20:36:41 +01:00
block content
.mt-5
.text-lg
h1.font-sans.text-6xl.wavy.mb-10 Hello.
p.mb-5 Im E, a 22-year-old full-stack developer with three years professional experience. I live in the UK.
p.mb-5 Im currently working at Bounce Technologies, where I contribute to or lead various projects using a bunch of different languages and technologies.
p.mb-5 I also do UI/UX design and DevOps! Im currently learning Go and adjusting to TypeScript.
p.mb-5 In my spare time I create digital art and make electronic music. I also like to discover and play experimental and artistic video games.
p.mb-5 Here are all of!{ ' ' }
|
a.text-green(href='/obsidian/projects.html') my projects
span !{ ' ' } and my !{ ' ' }
|
a.text-green(href='https://github.com/aurora-dot/') GitHub
| .
if project
div
h1.font-sans.text-6xl.wavy.my-10 Projects.
div
each val in project
.mb-10.text-center(class='sm:text-left')
.contents
a.contents(href=val.url)
if val.feature_image
img.mx-auto(class='sm:w-2/3 sm:mx-0', src=val.feature_image)
else
img(src='/images/logo.png')
.mt-2
a(href=val.url)
span.font-sans.text-2xl.mt-3.mb-3(class='sm:text-3xl') #{ val.title }
p.text-lg #{ val.excerpt }
2020-06-27 17:46:21 +01:00
if blog
div
h1.font-sans.text-6xl.wavy.my-10 Blog.
div
each val in blog
.mb-10.text-center(class='sm:text-left')
.contents
a.contents(href=val.url)
if val.feature_image
img.mx-auto(class='sm:w-2/3 sm:mx-0', src=val.feature_image)
else
img(src='/images/logo.png')
.mt-2
a(href=val.url)
span.font-sans.text-2xl.mt-3.mb-3(class='sm:text-3xl') #{ val.title }
p.text-lg #{ val.excerpt }