diff --git a/content/_index.md b/content/_index.md index 7c53d38..467ec48 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,74 +3,64 @@ title: Hextra Theme layout: hextra-home --- -{{< hextra/hero-badge >}} +{{}}
- Free, open source + Learn how this site was built {{< icon name="arrow-circle-right" attributes="height=14" >}} {{< /hextra/hero-badge >}}
{{< hextra/hero-headline >}} - Build modern websites 
with Markdown and Hugo -{{< /hextra/hero-headline >}} + lorem
ipsum + {{< /hextra/hero-headline >}}
{{< hextra/hero-subtitle >}} - Fast, batteries-included Hugo theme 
for creating beautiful static websites -{{< /hextra/hero-subtitle >}} + lorem
ipsum + {{< /hextra/hero-subtitle >}}
-{{< hextra/hero-button text="Get Started" link="docs" >}} -
+{{< hextra/hero-button text="lorem ipsum" link="docs" >}}
{{< hextra/feature-grid >}} - {{< hextra/feature-card - title="Fast and Full-featured" - subtitle="Simple and easy to use, yet powerful and feature-rich." +{{< hextra/feature-card + title="lorem ipsum" + subtitle="lorem ipsum" class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" 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" - style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" - >}} - {{< hextra/feature-card - title="Markdown is All You Need" - subtitle="Compose with just Markdown. Enrich with Shortcode components." + style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));" >}} +{{< hextra/feature-card + title="lorem ipsum" + subtitle="lorem ipsum" class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]" 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" - style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" - >}} - {{< hextra/feature-card - title="Full Text Search" - subtitle="Built-in full text search with FlexSearch, no extra setup required." - class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]" - image="images/hextra-search.webp" - imageClass="hx-top-[40%] hx-left-[36px] hx-w-[110%] sm:hx-w-[110%] dark:hx-opacity-80" - style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));" - >}} - {{< hextra/feature-card - title="Lightweight as a Feather" - subtitle="No dependency or Node.js is needed to use Hextra. Powered by Hugo, one of *the fastest* static site generators, building your site in just seconds with a single binary." - >}} - {{< hextra/feature-card - title="Responsive with Dark Mode Included" - subtitle="Looks great on different screen sizes. Built-in dark mode support, with auto-switching based on user's system preference." - >}} - {{< hextra/feature-card - title="Build and Host for Free" - subtitle="Build with GitHub Actions, and host for free on GitHub Pages. Alternatively it can be hosted on any static hosting service." - >}} - {{< hextra/feature-card - title="Multi-Language Made Easy" - subtitle="Create multi-language pages by just adding locales suffix to the Markdown file. Adding i18n support to your site is intuitive." - >}} - {{< hextra/feature-card + style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}} +{{< hextra/feature-card + title="lorem ipsum" + subtitle="lorem ipsum" + class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]" + 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%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));" >}} +{{< hextra/feature-card title="And Much More..." icon="sparkles" - subtitle="Syntax highlighting / Table of contents / SEO / RSS / LaTeX / Mermaid / Customizable / and more..." - >}} + subtitle="Syntax highlighting / Table of contents / SEO / RSS / LaTeX / Mermaid / Customizable / and more...">}} +{{< hextra/feature-card + title="And Much More..." + icon="sparkles" + subtitle="Syntax highlighting / Table of contents / SEO / RSS / LaTeX / Mermaid / Customizable / and more...">}} +{{< hextra/feature-card + title="And Much More..." + icon="sparkles" + subtitle="Syntax highlighting / Table of contents / SEO / RSS / LaTeX / Mermaid / Customizable / and more...">}} {{< /hextra/feature-grid >}} diff --git a/content/blog/_index.md b/content/blog/_index.md deleted file mode 100644 index b990665..0000000 --- a/content/blog/_index.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: "Blog" ---- - -
-{{< hextra/hero-badge link="index.xml" >}} - RSS Feed - {{< icon name="rss" attributes="height=14" >}} -{{< /hextra/hero-badge >}} -
diff --git a/content/blog/markdown.md b/content/blog/markdown.md deleted file mode 100644 index 9831fa7..0000000 --- a/content/blog/markdown.md +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: Markdown Syntax Guide -date: 2020-01-01 -authors: - - name: imfing - link: https://github.com/imfing - image: https://github.com/imfing.png - - name: Octocat - link: https://github.com/octocat - image: https://github.com/octocat.png -tags: - - Markdown - - Example - - Guide -excludeSearch: true ---- - -This article offers a sample of basic Markdown syntax that can be used in Hugo content files. - - -## Basic Syntax - -### Headings - -``` -# Heading 1 -## Heading 2 -### Heading 3 -#### Heading 4 -##### Heading 5 -###### Heading 6 -``` - -## Heading 2 -### Heading 3 -#### Heading 4 -##### Heading 5 -###### Heading 6 - -### Emphasis - -```text -*This text will be italic* -_This will also be italic_ - -**This text will be bold** -__This will also be bold__ - -_You **can** combine them_ -``` - -*This text will be italic* - -_This will also be italic_ - -**This text will be bold** - -__This will also be bold__ - -_You **can** combine them_ - -### Lists - -#### Unordered - -``` -* Item 1 -* Item 2 - * Item 2a - * Item 2b -``` - -* Item 1 -* Item 2 - * Item 2a - * Item 2b - -#### Ordered - -``` -1. Item 1 -2. Item 2 -3. Item 3 - 1. Item 3a - 2. Item 3b -``` - -### Images - -```markdown -![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png) -``` - -![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png) - -### Links - -```markdown -[Hugo](https://gohugo.io) -``` - -[Hugo](https://gohugo.io) - -### Blockquotes - -```markdown -As Newton said: - -> If I have seen further it is by standing on the shoulders of Giants. -``` - -> If I have seen further it is by standing on the shoulders of Giants. - -### Inline Code - -```markdown -Inline `code` has `back-ticks around` it. -``` - -Inline `code` has `back-ticks around` it. - -### Code Blocks - -#### Syntax Highlighting - -````markdown -```go -func main() { - fmt.Println("Hello World") -} -``` -```` - -```go -func main() { - fmt.Println("Hello World") -} -``` - -### Tables - -```markdown -| Syntax | Description | -| --------- | ----------- | -| Header | Title | -| Paragraph | Text | -``` - -| Syntax | Description | -| --------- | ----------- | -| Header | Title | -| Paragraph | Text | - -## References - -- [Markdown Syntax](https://www.markdownguide.org/basic-syntax/) -- [Hugo Markdown](https://gohugo.io/content-management/formats/#markdown) diff --git a/content/classes/3d-modeling-analysis/_index.md b/content/classes/3d-modeling-analysis/_index.md new file mode 100644 index 0000000..8b3c651 --- /dev/null +++ b/content/classes/3d-modeling-analysis/_index.md @@ -0,0 +1,41 @@ +--- +linkTitle: "3-D Modeling & Analysis" +title: 3-D Modeling & Analysis +--- + +👋 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/ diff --git a/content/classes/_index.md b/content/classes/_index.md new file mode 100644 index 0000000..060ee90 --- /dev/null +++ b/content/classes/_index.md @@ -0,0 +1,8 @@ +--- +linkTitle: "Classes" +title: Classes +--- + +👋 Hello! Pick the title of your class from the left side menu to access syllabi and standards. Use the search bar if you can't find what you need. + +Remember to use the search bar at any time to find specific information you need or if your desired subject isn't listed in the left side menu. \ No newline at end of file diff --git a/content/classes/intro-to-drafting/_index.md b/content/classes/intro-to-drafting/_index.md new file mode 100644 index 0000000..c041a7c --- /dev/null +++ b/content/classes/intro-to-drafting/_index.md @@ -0,0 +1,41 @@ +--- +linkTitle: "Introduction to Drafting & Design" +title: Introduction to Drafting & Design +--- + +👋 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/ diff --git a/content/classes/survey-graphics/_index.md b/content/classes/survey-graphics/_index.md new file mode 100644 index 0000000..aa509ea --- /dev/null +++ b/content/classes/survey-graphics/_index.md @@ -0,0 +1,41 @@ +--- +linkTitle: "Survey of Engineering Graphics" +title: Survey of Engineering Graphics +--- + +👋 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/ diff --git a/content/docs/hugo/_index.md b/content/docs/hugo/_index.md new file mode 100644 index 0000000..2e12fc5 --- /dev/null +++ b/content/docs/hugo/_index.md @@ -0,0 +1,41 @@ +--- +linkTitle: "Documentation" +title: Introduction +--- + +👋 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/ diff --git a/content/showcase/index.md b/content/showcase/index.md deleted file mode 100644 index 972301f..0000000 --- a/content/showcase/index.md +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: Showcase -description: "Open source projects powered by Hextra" -toc: false -layout: wide ---- - -
- -

-Open source projects powered by Hextra -

- -{{< cards >}} - - {{< card - link="https://github.com/infracourse/web" - title="Stanford CS 40" - image="https://github.com/imfing/hextra/assets/5097752/8c29470b-3994-41c8-be9a-5b41476e6f3c" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://github.com/helixml/docs" - title="Helix Docs" - image="https://github.com/imfing/hextra/assets/5097752/78045af0-4922-4358-ae73-624770909db6" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://developers.clever-cloud.com/" - title="Clever Cloud Documentation" - image="https://cellar-c2.services.clever-cloud.com/documentation/doc-screenshot.png" imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://owaspai.org/" - title="OWASP AI Security and Privacy Guide" - image="https://github.com/imfing/hextra/assets/5097752/fbb1d3a5-a0e8-4cfc-88cf-3523b0176c89" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://developers.osuny.org" - title="Osuny" - image="https://raw.githubusercontent.com/noesya/osuny-developers/main/static/images/showcase-hextra/screenshot.png" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card link="https://porter.sh/" - title="Porter" - image="https://github.com/imfing/hextra/assets/5097752/401abc3a-b4c3-4336-b95a-a6dd9afbc1de" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://hoa.moe/" - title="HITSZ OpenAuto" - image="https://raw.githubusercontent.com/HITSZ-OpenAuto/hoa.moe/main/static/images/showcase-new.png" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://lutheranconfessions.org/" - title="LutheranConfessions" - image="https://github.com/imfing/hextra/assets/5097752/ad6625e4-88cd-4cad-b102-5399997d0359" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - - {{< card - link="https://github.com/imfing/hextra-starter-template/" - title="Hextra Starter Template" - image="https://user-images.githubusercontent.com/5097752/263551418-c403b9a9-a76c-47a6-8466-513d772ef0b7.jpg" - imageStyle="object-fit:cover; aspect-ratio:16/9;" - >}} - -{{< /cards >}} diff --git a/hugo.yaml b/hugo.yaml index 6558e1f..c35c73f 100644 --- a/hugo.yaml +++ b/hugo.yaml @@ -38,43 +38,20 @@ menu: name: Documentation pageRef: /docs weight: 1 - - identifier: showcase - name: Showcase - pageRef: /showcase + - identifier: classes + name: Classes + pageRef: /classes weight: 2 - - identifier: blog - name: Blog - pageRef: /blog - weight: 3 - - identifier: about - name: About - pageRef: /about - weight: 4 - name: Search - weight: 5 + weight: 3 params: type: search - name: GitHub - weight: 6 + weight: 4 url: "https://github.com/imfing/hextra" params: icon: github - sidebar: - - identifier: more - name: More - params: - type: separator - weight: 1 - - identifier: about - name: "About" - pageRef: "/about" - weight: 2 - - identifier: hugoDocs - name: "Hugo Docs ↗" - url: "https://gohugo.io/documentation/" - weight: 3 - params: description: Modern, responsive, batteries-included Hugo theme for creating beautiful static websites. @@ -121,7 +98,7 @@ params: tokenize: forward editURL: - enable: true + enable: false base: "https://github.com/imfing/hextra/edit/main/exampleSite/content" blog: diff --git a/static/images/card-image-unprocessed.jpg b/static/images/card-image-unprocessed.jpg new file mode 100644 index 0000000..6b46052 Binary files /dev/null and b/static/images/card-image-unprocessed.jpg differ diff --git a/static/images/hextra-doc.webp b/static/images/hextra-doc.webp new file mode 100644 index 0000000..2ef0c1d Binary files /dev/null and b/static/images/hextra-doc.webp differ diff --git a/static/images/hextra-markdown.webp b/static/images/hextra-markdown.webp new file mode 100644 index 0000000..1c322ba Binary files /dev/null and b/static/images/hextra-markdown.webp differ diff --git a/static/images/hextra-search.webp b/static/images/hextra-search.webp new file mode 100644 index 0000000..8e7ae1d Binary files /dev/null and b/static/images/hextra-search.webp differ