Rewrite site with 11ty

src/_sections/Colors.njk

@@ -0,0 +1,30 @@
+---
+title: Colors
+eleventyNavigation:
+  key: Colors
+  icon: eye-dropper
+  order: 3
+tags: [ "MainPage" ]
+sectionOrder: 3
+draft: true
+---
+
+<div class="color-blocks">
+	<div class="color-block" style="background-color: var(--primary-dark-color); color: white;">
+		Primary Dark
+	</div>
+	<div class="color-block" style="background-color: var(--primary-color); color: white;">
+		Primary
+	</div>
+	<div class="color-block" style="background-color: var(--primary-light-color); color: black;">
+		Primary Light
+	</div>
+	<div class="color-block" style="background-color: var(--complementary-color); color: black">
+		Complementary
+	</div>
+</div>
+
+<div>
+	<input type="checkbox" id="testCheckBox" name="testCheckBox" checked />
+	<label for="testCheckBox">This checkbox has the accent color</label>
+</div>

src/_sections/Contact.md

@@ -0,0 +1,11 @@
+---
+title: Contact
+eleventyNavigation:
+  key: Contact
+  icon: envelope
+  order: 2
+tags: [ "MainPage" ]
+sectionOrder: 2
+---
+
+Send an email to `contact @ this site`

src/_sections/Projects.njk

@@ -0,0 +1,25 @@
+---
+title: Projects
+eleventyNavigation:
+  key: Projects
+  icon: screwdriver-wrench
+  order: 1
+tags: [ "MainPage" ]
+sectionOrder: 1
+---
+
+<div class="row-lg-3">
+	{% for project in projects %}
+		<section class="col card">
+			<h3>{{ project.name }}</h3>
+			<p>{{ project.description }}</p>
+			<ul class="card-links">
+				{% for link in project.links %}
+					<li>
+						<a href="{{ link.url }}" target="_blank">{{ link.title }}</a>
+					</li>
+				{% endfor %}
+			</ul>
+		</section>
+	{% endfor %}
+</div>

src/_sections/_sections.11tydata.json

@@ -0,0 +1,3 @@
+{
+	"permalink": false
+}

src/_sections/main.md

@@ -0,0 +1,7 @@
+---
+title: Neil Brommer
+sectionOrder: 0
+tags: [ "MainPage" ]
+---
+
+Full-stack web developer at [Washington State University](https://wsu.edu)