gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

scales to desktop and many improvements

Browse source
This commit is contained in:
Ava Gaiety W 2024-03-24 01:44:04 -05:00
parent 74f1790b08
commit 883c1ab09a
7 changed files with 44 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_data/navigation.json
View file

@ -1,6 +1,6 @@
[ [
{ {
"title": "Welcome", "title": "Home",
"url": "/" "url": "/"
}, },
{ {

2
_includes/base-footer.html
View file

@ -1,3 +1,5 @@
</div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="mt-12 rounded shadow overflow-hidden shadow divide-y divide-crust sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px"> <div class="mt-12 rounded shadow overflow-hidden shadow divide-y divide-crust sm:divide-y-0 sm:grid sm:grid-cols-2 sm:gap-px">
{%- for navItem in links -%} {%- for navItem in links -%}

46
_includes/base-header.html
View file

@ -25,20 +25,32 @@
</head> </head>
<body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]"> <body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]">
<header class=" <div class="flex gap-y-12 flex-col sm:flex-row">
bg-base/75 bg-contain bg-left bg-no-repeat <header class="
bg-[url('/img/site/falling.gif')] bg-base/75
border-b-2 border-base justify-end flex h-80 shadow border-b-2 border-base shadow
"> flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start
<nav class="inline-flex flex-col relative my-auto"> ">
{%- for navItem in navigation -%} <img src="/img/site/falling.gif" alt="" role="presentation" class="h-auto w-auto xs:max-w-48" />
<a <nav class="inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0">
href="{{navItem.url}}" {%- for navItem in navigation -%}
class="transition-colors {% if page.url == navItem.url %} border-rosewater text-rosewater {% else %} hover:border-pink active:border-pink text-subtext1 hover:text-subtext0 active:text-subtext0 border-transparent{% endif %} inline-flex items-center pl-1 pr-4 pt-1 border-b-2 text-lg font-medium outline-link" <a
{% if page.url == navItem.url %}aria-current="page"{% endif %} href="{{navItem.url}}"
> class="transition-colors {% if page.url == navItem.url %} border-mauve text-mauve {% else %} hover:border-pink active:border-pink text-subtext1 hover:text-subtext0 active:text-subtext0 border-transparent{% endif %} inline-flex items-center pl-1 pr-4 pt-1 border-b-2 text-lg font-medium outline-link"
{{navItem.title}} {% if page.url == navItem.url %}aria-current="page"{% endif %}
</a> >
{%- endfor -%} {{navItem.title}}
</nav> </a>
</header> {%- endfor -%}
{%- for navItem in links -%}
<a
href="{{navItem.url}}"
class="ml-1 mt-1 pr-4 link hidden xs:inline-flex"
{% if page.url == navItem.url %}aria-current="page"{% endif %}
>
{{navItem.title}}
</a>
{%- endfor -%}
</nav>
</header>

4
_includes/pinned.njk
View file

@ -1,8 +1,8 @@
{% include "base-header.html" %} {% include "base-header.html" %}
<main class="max-w-7xl mx-auto px-2 py-16"> <main class="max-w-7xl mx-auto px-2">
<div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl"> <div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl">
<div class="p-2 bg-base/75 shadow rounded border-2 border-base border-l-yellow"> <div class="p-2 bg-base/75 shadow rounded border-2 border-base border-l-yellow sm:rounded-tl-none sm:rounded-tr-none">
<h1 class="text-yellow mt-2 mb-8 text-3xl tracking-tight sm:text-4xl"> <h1 class="text-yellow mt-2 mb-8 text-3xl tracking-tight sm:text-4xl">
{{ title }} {{ title }}
</h1> </h1>

9
tailwind.config.js
View file

@ -1,7 +1,12 @@
module.exports = { module.exports = {
content: ['./_site/index.html', './_site/**/*.html', '.eleventy.js'], content: ['./_site/index.html', './_site/**/*.html', '.eleventy.js'],
variants: { theme: {
extend: {}, screens: {
'xs': '320px',
'sm': '640px',
'md': '768px',
'lg': '1024px',
},
}, },
plugins: [ plugins: [
require("@catppuccin/tailwindcss"), require("@catppuccin/tailwindcss"),

4
work/allovue.md
View file

@ -1,10 +1,10 @@
--- ---
tags: work tags: work
title: Senior Software Engineer at Allovue title: Senior Software Engineer at Allovue (PowerSchool)
description: (Aug 2019 - Jul 2020, April 2022 - Present) Functional Programming in Elixir plus leadership and design opportunities. description: (Aug 2019 - Jul 2020, April 2022 - Present) Functional Programming in Elixir plus leadership and design opportunities.
date: 2022-02-11 date: 2022-02-11
image: /img/content/allovue-thumb.png image: /img/content/allovue-thumb.png
pinned: true pinned: false
--- ---
Building budgeting software to give educators the tools and support they need to allocate resources to the needs of students for a more equitable world. Building budgeting software to give educators the tools and support they need to allocate resources to the needs of students for a more equitable world.

2
work/oncue.md
View file

@ -4,7 +4,7 @@ title: UI Engineer at Oncue
description: _(Apr 2021 - Apr 2022)_ React, component systems, accessibility and more! description: _(Apr 2021 - Apr 2022)_ React, component systems, accessibility and more!
date: 2021-04-19 date: 2021-04-19
image: /img/content/oncue-thumb.png image: /img/content/oncue-thumb.png
pinned: true pinned: false
--- ---
Before and especially after the effects that COVID-19 had on people and their families across the country [Oncue](https://www.oncue.co/) has been at the center of supporting small businesses. The layoffs that came from rapidly shifting business needs as corporations tried to survive meant that the people now let go also needed to survive. What better way than to start your very own moving company starting with a truck and your cell phone. Before and especially after the effects that COVID-19 had on people and their families across the country [Oncue](https://www.oncue.co/) has been at the center of supporting small businesses. The layoffs that came from rapidly shifting business needs as corporations tried to survive meant that the people now let go also needed to survive. What better way than to start your very own moving company starting with a truck and your cell phone.