Added about/ page.

This commit is contained in:
David Ball 2024-07-11 05:07:03 -04:00
parent 79d43e291d
commit 11806bf304
4 changed files with 20 additions and 4 deletions

View File

@ -72,6 +72,9 @@ const category = categories[product.categoryId];
<div class="disclaimers"> <div class="disclaimers">
<p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p> <p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p>
</div> </div>
<div>
<a href="/about">About this site.</a>
</div>
</main> </main>
</Layout> </Layout>
@ -145,5 +148,5 @@ const category = categories[product.categoryId];
padding: 0; padding: 0;
} }
a, a:link, a:visited { text-decoration: none; } a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #fff } a:hover, a:active { text-decoration: underline; color: #fff }
</style> </style>

View File

@ -7,14 +7,14 @@ import { categories } from '../data/categories';
<Layout title="Dasher Supply"> <Layout title="Dasher Supply">
<main> <main>
<h1 class="center"><span class="text-gradient">Dasher Supply</span></h1> <h1 class="center"><a href="/"><span class="text-gradient">Dasher Supply</span></a> &gt; About</h1>
<nav> <nav>
</nav> </nav>
<p class="instructions"> <p class="instructions">
Your one-stop shop for all your after-market Dasher supplies. Your one-stop shop for all your after-market Dasher supplies.
</p> </p>
<p> <p>
Dasher Supply is a concept niche wish for delivery drivers. Dasher Supply is a concept niche wish for delivery drivers curated by <a href="https://daball.me/">David A. Ball</a>.
</p> </p>
<p> <p>
Dasher Supply strives to keep the latest and best quality accesories to help you along your route. Dasher Supply strives to keep the latest and best quality accesories to help you along your route.
@ -22,6 +22,9 @@ import { categories } from '../data/categories';
<div class="disclaimers"> <div class="disclaimers">
<p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p> <p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p>
</div> </div>
<div>
<a href="/about">About this site.</a>
</div>
</main> </main>
</Layout> </Layout>
@ -94,4 +97,6 @@ import { categories } from '../data/categories';
gap: 2rem; gap: 2rem;
padding: 0; padding: 0;
} }
a, a:link, a:visited { text-decoration: none; color: #fff }
a:hover, a:active { text-decoration: underline; color: #fff }
</style> </style>

View File

@ -38,6 +38,9 @@ const categoryProducts = products.filter(p => p.categoryId === category.id)!;
<div class="disclaimers"> <div class="disclaimers">
<p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p> <p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p>
</div> </div>
<div>
<a href="/about">About this site.</a>
</div>
</main> </main>
</Layout> </Layout>
@ -110,6 +113,6 @@ const categoryProducts = products.filter(p => p.categoryId === category.id)!;
gap: 2rem; gap: 2rem;
padding: 0; padding: 0;
} }
a, a:link, a:visited { text-decoration: none; } a, a:link, a:visited { text-decoration: none; color: #fff }
a:hover, a:active { text-decoration: underline; color: #fff } a:hover, a:active { text-decoration: underline; color: #fff }
</style> </style>

View File

@ -20,6 +20,9 @@ import { categories } from '../data/categories';
<div class="disclaimers"> <div class="disclaimers">
<p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p> <p>Dasher Supply is not endorsed by or affiliated with DoorDash. As an Amazon Associate I earn from qualifying purchases.</p>
</div> </div>
<div>
<a href="/about">About this site.</a>
</div>
</main> </main>
</Layout> </Layout>
@ -92,4 +95,6 @@ import { categories } from '../data/categories';
gap: 2rem; gap: 2rem;
padding: 0; padding: 0;
} }
a, a:link, a:visited { text-decoration: none; color: #fff }
a:hover { text-decoration: underline; color: #fff }
</style> </style>