diff --git a/content/_index.md b/content/_index.md index d6f5235..3165fa7 100644 --- a/content/_index.md +++ b/content/_index.md @@ -51,11 +51,11 @@ layout: hextra-home 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" - style="background: radial-gradient(ellipse at 50% 80%,#000,hsl(120,10%,40%,0.1),hsla(0,0%,100%,0));" >}} + style="background: radial-gradient(ellipse at 50% 80%, rgba(135,206,235,0.2), hsla(0,0%,90%,0));" >}} {{< hextra/feature-card - title="Saftey documentation" + title="Safety documentation" icon="information-circle" - link="/docs" + link="/docs/safety" subtitle="Guidelines for Prototype Room/Drafting Implements & GHS/NFPA safety guidelines">}} {{< hextra/feature-card title="And More..." diff --git a/content/about/index.md b/content/about/index.md index ee24890..e353998 100644 --- a/content/about/index.md +++ b/content/about/index.md @@ -3,6 +3,10 @@ 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. diff --git a/content/docs/courses/_index.md b/content/docs/courses/_index.md index 6ad7e76..fec15ac 100644 --- a/content/docs/courses/_index.md +++ b/content/docs/courses/_index.md @@ -1,41 +1,7 @@ --- -linkTitle: "Courses" title: Courses --- -👋 Hello! Welcome to the Hextra documentation! - - - -## 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/ +{{< 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 >}} \ No newline at end of file diff --git a/content/docs/hugo/_index.md b/content/docs/hugo/_index.md index 5f9adc7..6ef4af0 100644 --- a/content/docs/hugo/_index.md +++ b/content/docs/hugo/_index.md @@ -1,41 +1,29 @@ --- -linkTitle: "Hugo" title: Hugo --- -👋 Hello! Welcome to the Hextra documentation! - - - -## 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 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 >}} -## Next +## What is Hugo? -Dive right into the following section to get started: +[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. -{{< cards >}} - {{< card link="getting-started" title="Getting Started" icon="document-text" subtitle="Learn how to create website using Hextra" >}} -{{< /cards >}} +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. -[hugo]: https://gohugo.io/ -[flex-search]: https://github.com/nextapps-de/flexsearch -[tailwind-css]: https://tailwindcss.com/ +## 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) \ No newline at end of file diff --git a/content/docs/safety/_index.md b/content/docs/safety/_index.md new file mode 100644 index 0000000..7236456 --- /dev/null +++ b/content/docs/safety/_index.md @@ -0,0 +1,23 @@ +--- +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 >}} \ No newline at end of file diff --git a/hugo.yaml b/hugo.yaml index ab7ffc8..7439332 100644 --- a/hugo.yaml +++ b/hugo.yaml @@ -63,8 +63,8 @@ params: displayTitle: true displayLogo: true logo: - path: images/logo.svg - dark: images/logo-dark.svg + path: images/Black-M.svg + dark: images/White-M.svg # width: 40 # height: 20 # link: / diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png new file mode 100644 index 0000000..8e9dc01 Binary files /dev/null and b/static/android-chrome-192x192.png differ diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png new file mode 100644 index 0000000..396ed5c Binary files /dev/null and b/static/android-chrome-512x512.png differ diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png new file mode 100644 index 0000000..5db5f3d Binary files /dev/null and b/static/apple-touch-icon.png differ diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png new file mode 100644 index 0000000..106b96a Binary files /dev/null and b/static/favicon-16x16.png differ diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png new file mode 100644 index 0000000..353c5e4 Binary files /dev/null and b/static/favicon-32x32.png differ diff --git a/static/favicon-dark.svg b/static/favicon-dark.svg new file mode 100644 index 0000000..0974a1a --- /dev/null +++ b/static/favicon-dark.svg @@ -0,0 +1,18 @@ + + + + + + + + diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 0000000..250655a Binary files /dev/null and b/static/favicon.ico differ diff --git a/static/favicon.svg b/static/favicon.svg new file mode 100644 index 0000000..7bc175c --- /dev/null +++ b/static/favicon.svg @@ -0,0 +1,18 @@ + + + + + + + + diff --git a/static/images/Black-M.svg b/static/images/Black-M.svg new file mode 100644 index 0000000..7bc175c --- /dev/null +++ b/static/images/Black-M.svg @@ -0,0 +1,18 @@ + + + + + + + + diff --git a/static/images/White-M.svg b/static/images/White-M.svg new file mode 100644 index 0000000..0974a1a --- /dev/null +++ b/static/images/White-M.svg @@ -0,0 +1,18 @@ + + + + + + + + diff --git a/static/images/about-cover.jpg b/static/images/about-cover.jpg new file mode 100644 index 0000000..f6b137e Binary files /dev/null and b/static/images/about-cover.jpg differ diff --git a/static/site.webmanifest b/static/site.webmanifest new file mode 100644 index 0000000..45dc8a2 --- /dev/null +++ b/static/site.webmanifest @@ -0,0 +1 @@ +{"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"} \ No newline at end of file