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">
|
||||
<Astronav>
|
||||
<div class="flex w-full justify-between">
|
||||
<a href="/">
|
||||
<Image src={logoTitle} alt="Logo Title" height="50" loading="eager"/>
|
||||
</a>
|
||||
<div class="block lg:hidden">
|
||||
<MenuIcon class="w-4 h-4 text-gray-800"/>
|
||||
</div>
|
||||
@@ -46,101 +48,101 @@ const navItems = [
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</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>
|
||||
<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>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>
|
||||
<a href="/contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</MenuItems>
|
||||
|
||||
@@ -3,4 +3,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
---
|
||||
|
||||
<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>
|
||||
@@ -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 {
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*.astronav-dropdown .group {*/
|
||||
|
||||
Reference in New Issue
Block a user