scales to desktop and many improvements
This commit is contained in:
Ava Gaiety W
parent
74f1790b08
commit
883c1ab09a
7 changed files with 44 additions and 25 deletions
|
|
@ -1,6 +1,6 @@
|
|||
[
|
||||
{
|
||||
"title": "Welcome",
|
||||
"title": "Home",
|
||||
"url": "/"
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
{%- for navItem in links -%}
|
||||
|
|
|
|||
|
|
@ -25,20 +25,32 @@
|
|||
</head>
|
||||
|
||||
<body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]">
|
||||
<header class="
|
||||
bg-base/75 bg-contain bg-left bg-no-repeat
|
||||
bg-[url('/img/site/falling.gif')]
|
||||
border-b-2 border-base justify-end flex h-80 shadow
|
||||
">
|
||||
<nav class="inline-flex flex-col relative my-auto">
|
||||
{%- for navItem in navigation -%}
|
||||
<a
|
||||
href="{{navItem.url}}"
|
||||
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"
|
||||
{% if page.url == navItem.url %}aria-current="page"{% endif %}
|
||||
>
|
||||
{{navItem.title}}
|
||||
</a>
|
||||
{%- endfor -%}
|
||||
</nav>
|
||||
</header>
|
||||
<div class="flex gap-y-12 flex-col sm:flex-row">
|
||||
<header class="
|
||||
bg-base/75
|
||||
border-b-2 border-base shadow
|
||||
flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start
|
||||
">
|
||||
<img src="/img/site/falling.gif" alt="" role="presentation" class="h-auto w-auto xs:max-w-48" />
|
||||
<nav class="inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0">
|
||||
{%- for navItem in navigation -%}
|
||||
<a
|
||||
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"
|
||||
{% if page.url == navItem.url %}aria-current="page"{% endif %}
|
||||
>
|
||||
{{navItem.title}}
|
||||
</a>
|
||||
{%- 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>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
{% 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="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">
|
||||
{{ title }}
|
||||
</h1>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,12 @@
|
|||
module.exports = {
|
||||
content: ['./_site/index.html', './_site/**/*.html', '.eleventy.js'],
|
||||
variants: {
|
||||
extend: {},
|
||||
theme: {
|
||||
screens: {
|
||||
'xs': '320px',
|
||||
'sm': '640px',
|
||||
'md': '768px',
|
||||
'lg': '1024px',
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require("@catppuccin/tailwindcss"),
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
---
|
||||
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.
|
||||
date: 2022-02-11
|
||||
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.
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ title: UI Engineer at Oncue
|
|||
description: _(Apr 2021 - Apr 2022)_ React, component systems, accessibility and more!
|
||||
date: 2021-04-19
|
||||
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.
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue