content/_index.md

@@ -32,30 +32,30 @@ layout: hextra-home
     title="Introduction to Drafting and Design"
     subtitle="The foundational course for the Engineering Drafting and Design pathway"
     class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
-    image="images/idd.webp"
+    image="images/hextra-doc.webp"
     link="classes/intro-to-drafting"
-    imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80 hx-rounded-lg"
+    imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
     style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" >}}
 {{< hextra/feature-card
     title="Survey of Engineering Graphics"
     subtitle="Surveying the field of engineering graphics with a focus on math and design"
     class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]"
-    image="images/seg.webp"
+    image="images/hextra-markdown.webp"
     link="classes/survey-graphics"
-    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80 hx-rounded-lg"
+    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
     style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}}
 {{< hextra/feature-card
     title="3-D Modeling & Analysis"
     subtitle="Mastering 3D Modeling and Analysis for Real-World Design Applications"
     class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]"
-    image="images/3ma.webp"
+    image="images/hextra-markdown.webp"
     link="classes/3d-modeling-analysis"
-    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80 hx-rounded-lg"
-    style="background: radial-gradient(ellipse at 50% 80%, rgba(135,206,235,0.2), hsla(0,0%,90%,0));" >}}
+    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,#000,hsl(120,10%,40%,0.1),hsla(0,0%,100%,0));" >}}
 {{< hextra/feature-card
-    title="Safety documentation"
+    title="Saftey documentation"
     icon="information-circle"
-    link="/docs/safety"
+    link="/docs"
     subtitle="Guidelines for Prototype Room/Drafting Implements & GHS/NFPA safety guidelines">}}
 {{< hextra/feature-card
     title="And More..."

content/about/index.md

@@ -3,10 +3,6 @@ title: Melissa Nunnink
 toc: false
 ---
 
-{{< callout type="info" >}}
-  **Hey!** This page is a work in progress. If you'd like to assist in the process of writing sections, take a look at the [git repository](https://git.myco.systems/mycosystems/midtowndrafting.com)
-{{< /callout >}}
-
 Hextra is designed to be a simple, fast, and flexible theme for building modern static websites. It is especially well-suited for documentation websites but can also be used for various types of sites, such as blogs, portfolios, and more.
 
 Hugo, like Jekyll, is a static site generator. What sets Hugo apart is that it is a single binary, making it easy to install and run on various platforms. It is also extremely fast and reliable, capable of rendering a site with thousands of pages in milliseconds.

content/docs/courses/_index.md

@@ -1,7 +1,41 @@
 ---
+linkTitle: "Courses"
 title: Courses
 ---
 
-{{< callout type="info" >}}
-  **Hey!** This page is a work in progress. If you'd like to assist in the process of writing sections, take a look at the [git repository](https://git.myco.systems/mycosystems/midtowndrafting.com)
-{{< /callout >}}
+👋 Hello! Welcome to the Hextra documentation!
+
+<!--more-->
+
+## What is Hextra?
+
+Hextra is a modern, fast and batteries-included [Hugo][hugo] theme built with [Tailwind CSS][tailwind-css].
+Designed for building beautiful websites for documentation, blogs, and websites, it provides out-of-the-box features and flexibility to meet various requirements.
+
+## Features
+
+- **Beautiful Design** - Inspired by Nextra, Hextra utilizes Tailwind CSS to offer a modern design that makes your site look outstanding.
+- **Responsive Layout and Dark Mode** - It looks great on all devices, from mobile, tablet to desktop. Dark mode is also supported to accommodate various lighting conditions.
+- **Fast and Lightweight** - Powered by Hugo, a lightning-fast static-site generator housed in a single binary file, Hextra keeps its footprint minimal. No JavaScript or Node.js are needed to use it.
+- **Full-text Search** - Built-in offline full-text search powered by FlexSearch, no additional configuration required.
+- **Battery-included** - Markdown, syntax highlighting, LaTeX math formulae, diagrams and Shortcodes elements to enhance your content. Table of contents, breadcrumbs, pagination, sidebar navigation and more are all automatically generated.
+- **Multi-language and SEO Ready** - Multi-language sites made easy with Hugo's multilingual mode. Out-of-the-box support is included for SEO tags, Open Graph, and Twitter Cards.
+
+## Questions or Feedback?
+
+{{< callout emoji="❓" >}}
+  Hextra is still in active development.
+  Have a question or feedback? Feel free to [open an issue](https://github.com/imfing/hextra/issues)!
+{{< /callout >}}
+
+## Next
+
+Dive right into the following section to get started:
+
+{{< cards >}}
+  {{< card link="getting-started" title="Getting Started" icon="document-text" subtitle="Learn how to create website using Hextra" >}}
+{{< /cards >}}
+
+[hugo]: https://gohugo.io/
+[flex-search]: https://github.com/nextapps-de/flexsearch
+[tailwind-css]: https://tailwindcss.com/

content/docs/hugo/_index.md

@@ -1,29 +1,41 @@
 ---
+linkTitle: "Hugo"
 title: Hugo
 ---
 
-{{< callout type="info" >}}
-  **Hey!** This page is a work in progress. If you'd like to assist in the process of writing sections, take a look at the [git repository](https://git.myco.systems/mycosystems/midtowndrafting.com)
+👋 Hello! Welcome to the Hextra documentation!
+
+<!--more-->
+
+## What is Hextra?
+
+Hextra is a modern, fast and batteries-included [Hugo][hugo] theme built with [Tailwind CSS][tailwind-css].
+Designed for building beautiful websites for documentation, blogs, and websites, it provides out-of-the-box features and flexibility to meet various requirements.
+
+## Features
+
+- **Beautiful Design** - Inspired by Nextra, Hextra utilizes Tailwind CSS to offer a modern design that makes your site look outstanding.
+- **Responsive Layout and Dark Mode** - It looks great on all devices, from mobile, tablet to desktop. Dark mode is also supported to accommodate various lighting conditions.
+- **Fast and Lightweight** - Powered by Hugo, a lightning-fast static-site generator housed in a single binary file, Hextra keeps its footprint minimal. No JavaScript or Node.js are needed to use it.
+- **Full-text Search** - Built-in offline full-text search powered by FlexSearch, no additional configuration required.
+- **Battery-included** - Markdown, syntax highlighting, LaTeX math formulae, diagrams and Shortcodes elements to enhance your content. Table of contents, breadcrumbs, pagination, sidebar navigation and more are all automatically generated.
+- **Multi-language and SEO Ready** - Multi-language sites made easy with Hugo's multilingual mode. Out-of-the-box support is included for SEO tags, Open Graph, and Twitter Cards.
+
+## Questions or Feedback?
+
+{{< callout emoji="❓" >}}
+  Hextra is still in active development.
+  Have a question or feedback? Feel free to [open an issue](https://github.com/imfing/hextra/issues)!
 {{< /callout >}}
 
-## What is Hugo?
+## Next
 
-[Hugo is a static site generator](https://gohugo.io/); it takes in content in the form of [Markdown](https://www.markdownguide.org/) and uses a pre-configured theme to generate HTML from the markdown files. This makes development very fast and the site very lightweight.
+Dive right into the following section to get started:
 
-From scratch, this website can be built in under 100 ms by hugo, this means it takes seconds to deploy a new version of the website.
+{{< cards >}}
+  {{< card link="getting-started" title="Getting Started" icon="document-text" subtitle="Learn how to create website using Hextra" >}}
+{{< /cards >}}
 
-## Why Hugo?
-
-There are many reasons to use Hugo as a static site generator:
-
-1. **Fast**: As mentioned previously, Hugo is incredibly fast. It can build a website in a matter of seconds which makes it perfect for rapid development and prototyping.
-2. **Easy to learn**: Hugo's syntax and configuration are easy to understand and learn, making it accessible even for beginners.
-3. **Flexible**: You have full control over how your site looks and feels with the ability to customize themes or create new ones. This makes it perfect for developers who want to build unique websites without spending a lot of time on design.
-4. **Scalable**: With its speed and ease of use, Hugo can handle large websites with hundreds of pages without slowing down.
-5. **Free and Open Source**: Hugo is completely free to use and open source, so you can customize it however you like or contribute back to the project if you feel inclined.
-
-## MidtownDrafting.com
-
-You can find the source for this website here: https://git.myco.systems/mycosystems/midtowndrafting.com
-
-The entire website is free for anyone to play with, including the theme used called [Hextra](https://github.com/imfing/hextra). Everything is licensed under [MIT](https://mit-license.org/) and no content is witheld with copyright, all content on this websites is compatible with CC0 (Public Domain)
+[hugo]: https://gohugo.io/
+[flex-search]: https://github.com/nextapps-de/flexsearch
+[tailwind-css]: https://tailwindcss.com/

content/docs/safety/_index.md

@@ -1,23 +0,0 @@
----
-title: Safety Guidelines
----
-
-Always remember to respect the equipment in the prototype room and stay out of the designated working areas until you have the proper training.
-
-{{< hextra/feature-grid style="margin-top:2rem;" cols="2">}}
-{{< hextra/feature-card
-    title="GHS & NFPA"
-    subtitle="**Study guides for NFPA 704** and for the Globally Harmonized System of Classification and Labeling of Chemicals **(GHS)**"
-    icon="external-link"
-    link="https://docs.google.com/document/d/1FTFnjp148WK8-tXOMWp4Hel0lEFglZVskVFJeH27clc/edit"
-    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
-    >}}
-
-{{< hextra/feature-card
-    title="Prototype Room"
-    subtitle="Instructions for safety in the prototype room as well as when using drafting implements"
-    icon="external-link"
-    link="https://docs.google.com/document/d/1ZDB46E8U72bFWoWLfyKD5YMleE3wAJCvnDrYLJMr0l4/edit"
-    style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
-    >}}
-{{< /hextra/feature-grid >}}

hugo.yaml

@@ -63,8 +63,8 @@ params:
     displayTitle: true
     displayLogo: true
     logo:
-      path: images/Black-M.svg
-      dark: images/White-M.svg
+      path: images/logo.svg
+      dark: images/logo-dark.svg
       # width: 40
       # height: 20
       # link: /
@@ -72,7 +72,7 @@ params:
 
   page:
     # full (100%), wide (90rem), normal (1280px)
-    width: wide
+    width: normal
 
   theme:
     # light | dark | system
@@ -83,7 +83,7 @@ params:
     enable: true
     displayCopyright: true
     displayPoweredBy: true
-    width: wide
+    width: normal
 
   displayUpdatedDate: true
   dateFormat: "January 2, 2006"

static/favicon-dark.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="495.000000pt" height="478.000000pt" viewBox="0 0 495.000000 478.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,478.000000) scale(0.100000,-0.100000)"
-fill="#FFF" stroke="none">
-<path d="M0 2789 l0 -1997 401 -393 c221 -217 407 -395 415 -397 12 -3 14 101
-15 695 1 384 5 1010 8 1390 l6 693 515 -510 515 -510 -278 -274 -277 -275 2
--582 3 -583 569 560 c313 307 572 560 576 562 5 2 263 -248 575 -555 311 -307
-571 -560 576 -561 5 -2 9 221 9 576 l0 579 -280 276 -279 277 317 312 c174
-172 408 403 520 512 l202 200 0 -1392 c0 -1319 1 -1392 18 -1391 9 0 198 179
-420 397 l402 397 -2 1989 -3 1990 -1206 -1185 c-663 -651 -1220 -1197 -1237
--1213 l-31 -29 -998 983 c-549 541 -1105 1089 -1235 1219 l-238 236 0 -1996z"/>
-</g>
-</svg>

static/favicon.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="495.000000pt" height="478.000000pt" viewBox="0 0 495.000000 478.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,478.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M0 2789 l0 -1997 401 -393 c221 -217 407 -395 415 -397 12 -3 14 101
-15 695 1 384 5 1010 8 1390 l6 693 515 -510 515 -510 -278 -274 -277 -275 2
--582 3 -583 569 560 c313 307 572 560 576 562 5 2 263 -248 575 -555 311 -307
-571 -560 576 -561 5 -2 9 221 9 576 l0 579 -280 276 -279 277 317 312 c174
-172 408 403 520 512 l202 200 0 -1392 c0 -1319 1 -1392 18 -1391 9 0 198 179
-420 397 l402 397 -2 1989 -3 1990 -1206 -1185 c-663 -651 -1220 -1197 -1237
--1213 l-31 -29 -998 983 c-549 541 -1105 1089 -1235 1219 l-238 236 0 -1996z"/>
-</g>
-</svg>

static/images/Black-M.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="495.000000pt" height="478.000000pt" viewBox="0 0 495.000000 478.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,478.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M0 2789 l0 -1997 401 -393 c221 -217 407 -395 415 -397 12 -3 14 101
-15 695 1 384 5 1010 8 1390 l6 693 515 -510 515 -510 -278 -274 -277 -275 2
--582 3 -583 569 560 c313 307 572 560 576 562 5 2 263 -248 575 -555 311 -307
-571 -560 576 -561 5 -2 9 221 9 576 l0 579 -280 276 -279 277 317 312 c174
-172 408 403 520 512 l202 200 0 -1392 c0 -1319 1 -1392 18 -1391 9 0 198 179
-420 397 l402 397 -2 1989 -3 1990 -1206 -1185 c-663 -651 -1220 -1197 -1237
--1213 l-31 -29 -998 983 c-549 541 -1105 1089 -1235 1219 l-238 236 0 -1996z"/>
-</g>
-</svg>

static/images/White-M.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="495.000000pt" height="478.000000pt" viewBox="0 0 495.000000 478.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,478.000000) scale(0.100000,-0.100000)"
-fill="#FFF" stroke="none">
-<path d="M0 2789 l0 -1997 401 -393 c221 -217 407 -395 415 -397 12 -3 14 101
-15 695 1 384 5 1010 8 1390 l6 693 515 -510 515 -510 -278 -274 -277 -275 2
--582 3 -583 569 560 c313 307 572 560 576 562 5 2 263 -248 575 -555 311 -307
-571 -560 576 -561 5 -2 9 221 9 576 l0 579 -280 276 -279 277 317 312 c174
-172 408 403 520 512 l202 200 0 -1392 c0 -1319 1 -1392 18 -1391 9 0 198 179
-420 397 l402 397 -2 1989 -3 1990 -1206 -1185 c-663 -651 -1220 -1197 -1237
--1213 l-31 -29 -998 983 c-549 541 -1105 1089 -1235 1219 l-238 236 0 -1996z"/>
-</g>
-</svg>

static/site.webmanifest

@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}