Super basic home and contact page to be able to put something live
This commit is contained in:
@@ -36,7 +36,9 @@ const navItems = [
|
|||||||
<header class="navbar lg:flex p-5 gap-5">
|
<header class="navbar lg:flex p-5 gap-5">
|
||||||
<Astronav>
|
<Astronav>
|
||||||
<div class="flex w-full justify-between">
|
<div class="flex w-full justify-between">
|
||||||
<Image src={logoTitle} alt="Logo Title" height="50" loading="eager"/>
|
<a href="/">
|
||||||
|
<Image src={logoTitle} alt="Logo Title" height="50" loading="eager"/>
|
||||||
|
</a>
|
||||||
<div class="block lg:hidden">
|
<div class="block lg:hidden">
|
||||||
<MenuIcon class="w-4 h-4 text-gray-800"/>
|
<MenuIcon class="w-4 h-4 text-gray-800"/>
|
||||||
</div>
|
</div>
|
||||||
@@ -46,101 +48,101 @@ const navItems = [
|
|||||||
<li>
|
<li>
|
||||||
<a href="/">Home</a>
|
<a href="/">Home</a>
|
||||||
</li>
|
</li>
|
||||||
|
<!--<li>-->
|
||||||
|
<!-- <Dropdown class="group">-->
|
||||||
|
<!-- <button class="flex items-center">-->
|
||||||
|
<!-- <span> Experience </span>-->
|
||||||
|
<!-- <svg-->
|
||||||
|
<!-- xmlns="http://www.w3.org/2000/svg"-->
|
||||||
|
<!-- fill="none"-->
|
||||||
|
<!-- viewBox="0 0 24 24"-->
|
||||||
|
<!-- stroke-width="3"-->
|
||||||
|
<!-- stroke="currentColor"-->
|
||||||
|
<!-- class="w-3 h-3 mt-0.5 group-open:rotate-180">-->
|
||||||
|
<!-- <path-->
|
||||||
|
<!-- stroke-linecap="round"-->
|
||||||
|
<!-- stroke-linejoin="round"-->
|
||||||
|
<!-- d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>-->
|
||||||
|
<!-- </svg>-->
|
||||||
|
<!-- </button>-->
|
||||||
|
<!-- <DropdownItems class="relative">-->
|
||||||
|
<!-- <div class="bg-black px-1 py-2 absolute top-0">-->
|
||||||
|
<!-- <ul>-->
|
||||||
|
<!-- <li>-->
|
||||||
|
<!-- <a class="whitespace-nowrap" href="#">SpaceX</a>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li>-->
|
||||||
|
<!-- <a class="whitespace-nowrap" href="#">Sinnhuber Aquatic Research Laboratory</a>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li>-->
|
||||||
|
<!-- <a class="whitespace-nowrap" href="#">CEOAS Ocean Mixing Group</a>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </DropdownItems>-->
|
||||||
|
<!-- </Dropdown>-->
|
||||||
|
<!--</li>-->
|
||||||
|
<!--<li>-->
|
||||||
|
<!-- <Dropdown class="group">-->
|
||||||
|
<!-- <button class="flex items-center">-->
|
||||||
|
<!-- <span> Projects </span>-->
|
||||||
|
<!-- <svg-->
|
||||||
|
<!-- xmlns="http://www.w3.org/2000/svg"-->
|
||||||
|
<!-- fill="none"-->
|
||||||
|
<!-- viewBox="0 0 24 24"-->
|
||||||
|
<!-- stroke-width="3"-->
|
||||||
|
<!-- stroke="currentColor"-->
|
||||||
|
<!-- class="w-3 h-3 mt-0.5 group-open:rotate-180">-->
|
||||||
|
<!-- <path-->
|
||||||
|
<!-- stroke-linecap="round"-->
|
||||||
|
<!-- stroke-linejoin="round"-->
|
||||||
|
<!-- d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>-->
|
||||||
|
<!-- </svg>-->
|
||||||
|
<!-- </button>-->
|
||||||
|
<!-- <DropdownItems class="relative">-->
|
||||||
|
<!-- <div class="bg-black absolute top-0">-->
|
||||||
|
<!-- <ul>-->
|
||||||
|
<!-- <li>-->
|
||||||
|
<!-- <a href="#">Placeholder 1</a>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </DropdownItems>-->
|
||||||
|
<!-- </Dropdown>-->
|
||||||
|
<!--</li>-->
|
||||||
|
<!--<li>-->
|
||||||
|
<!-- <Dropdown class="group">-->
|
||||||
|
<!-- <button class="flex items-center">-->
|
||||||
|
<!-- <span> Hobbies </span>-->
|
||||||
|
<!-- <svg-->
|
||||||
|
<!-- xmlns="http://www.w3.org/2000/svg"-->
|
||||||
|
<!-- fill="none"-->
|
||||||
|
<!-- viewBox="0 0 24 24"-->
|
||||||
|
<!-- stroke-width="3"-->
|
||||||
|
<!-- stroke="currentColor"-->
|
||||||
|
<!-- class="w-3 h-3 mt-0.5 group-open:rotate-180">-->
|
||||||
|
<!-- <path-->
|
||||||
|
<!-- stroke-linecap="round"-->
|
||||||
|
<!-- stroke-linejoin="round"-->
|
||||||
|
<!-- d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>-->
|
||||||
|
<!-- </svg>-->
|
||||||
|
<!-- </button>-->
|
||||||
|
<!-- <DropdownItems class="relative">-->
|
||||||
|
<!-- <div class="bg-black absolute top-0">-->
|
||||||
|
<!-- <ul>-->
|
||||||
|
<!-- <li>Menu 1</li>-->
|
||||||
|
<!-- <li>Menu 2</li>-->
|
||||||
|
<!-- <li>Menu 3</li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </DropdownItems>-->
|
||||||
|
<!-- </Dropdown>-->
|
||||||
|
<!--</li>-->
|
||||||
|
<!--<li>-->
|
||||||
|
<!-- <a href="/resume">Resume</a>-->
|
||||||
|
<!--</li>-->
|
||||||
<li>
|
<li>
|
||||||
<Dropdown class="group">
|
<a href="/contact">Contact</a>
|
||||||
<button class="flex items-center">
|
|
||||||
<span> Experience </span>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="3"
|
|
||||||
stroke="currentColor"
|
|
||||||
class="w-3 h-3 mt-0.5 group-open:rotate-180">
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<DropdownItems class="relative">
|
|
||||||
<div class="bg-black px-1 py-2 absolute top-0">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a class="whitespace-nowrap" href="#">SpaceX</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="whitespace-nowrap" href="#">Sinnhuber Aquatic Research Laboratory</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="whitespace-nowrap" href="#">CEOAS Ocean Mixing Group</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</DropdownItems>
|
|
||||||
</Dropdown>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Dropdown class="group">
|
|
||||||
<button class="flex items-center">
|
|
||||||
<span> Projects </span>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="3"
|
|
||||||
stroke="currentColor"
|
|
||||||
class="w-3 h-3 mt-0.5 group-open:rotate-180">
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<DropdownItems class="relative">
|
|
||||||
<div class="bg-black absolute top-0">
|
|
||||||
<ul>
|
|
||||||
<li>Menu 1</li>
|
|
||||||
<li>Menu 2</li>
|
|
||||||
<li>Menu 3</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</DropdownItems>
|
|
||||||
</Dropdown>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Dropdown class="group">
|
|
||||||
<button class="flex items-center">
|
|
||||||
<span> Hobbies </span>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="3"
|
|
||||||
stroke="currentColor"
|
|
||||||
class="w-3 h-3 mt-0.5 group-open:rotate-180">
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<DropdownItems class="relative">
|
|
||||||
<div class="bg-black absolute top-0">
|
|
||||||
<ul>
|
|
||||||
<li>Menu 1</li>
|
|
||||||
<li>Menu 2</li>
|
|
||||||
<li>Menu 3</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</DropdownItems>
|
|
||||||
</Dropdown>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/">Resume</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/">Contact</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</MenuItems>
|
</MenuItems>
|
||||||
|
|||||||
@@ -3,4 +3,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||||||
---
|
---
|
||||||
|
|
||||||
<BaseLayout>
|
<BaseLayout>
|
||||||
|
<div>Email:
|
||||||
|
<a href="mailto:caperren@caperren.com">caperren@caperren.com</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
Phone:
|
||||||
|
<a href="tel:360-298-4396">360-298-4396</a>
|
||||||
|
</div>
|
||||||
</BaseLayout>
|
</BaseLayout>
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
|
||||||
---
|
|
||||||
|
|
||||||
<BaseLayout>
|
|
||||||
</BaseLayout>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
|
||||||
---
|
|
||||||
|
|
||||||
<BaseLayout>
|
|
||||||
</BaseLayout>
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
|
||||||
---
|
|
||||||
|
|
||||||
<BaseLayout>
|
|
||||||
</BaseLayout>
|
|
||||||
0
src/pages/hobby/homelab-and-home-automation.astro
Normal file
0
src/pages/hobby/homelab-and-home-automation.astro
Normal file
0
src/pages/hobby/motorcycling.astro
Normal file
0
src/pages/hobby/motorcycling.astro
Normal file
0
src/pages/project/chubby-buttons-mount.astro
Normal file
0
src/pages/project/chubby-buttons-mount.astro
Normal file
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
|
||||||
---
|
|
||||||
|
|
||||||
<BaseLayout>
|
|
||||||
</BaseLayout>
|
|
||||||
@@ -21,6 +21,7 @@ a {
|
|||||||
}
|
}
|
||||||
.navbar a, .navbar span {
|
.navbar a, .navbar span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.astronav-dropdown .group {*/
|
/*.astronav-dropdown .group {*/
|
||||||
|
|||||||
Reference in New Issue
Block a user