feat: use hextra theme

Signed-off-by: Roald Nefs <[email protected]>

assets/css/custom.css

@@ -0,0 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
+@font-face {
+    font-family: 'Iosevka Saligrama Extended';
+    src: url('https://cdn.jsdelivr.net/gh/saligrama/blog@master/assets/fonts/TTF/iosevka-custom-extended.ttf');
+}
+
+html {
+  font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+h1, h2, h3, h4, h5 {
+  font-family: "IBM Plex Serif";
+}
+
+pre, code {
+  font-family: "Iosevka Saligrama Extended";
+}

content/_index.md

@@ -0,0 +1,29 @@
+---
+title: BSides Groningen
+toc: false
+description: BSides Groningen is an Information Security conference organized by the community for the community.
+width: full
+---
+
+### May 2, 2025 @ De Puddingfabriek
+
+# BSides Groningen
+
+BSides Groningen is an Information Security conference organized by the community for the community.
+
+Each BSides is a community-driven framework for building events for and by information security community members. The goal is to expand the spectrum of conversation beyond the traditional confines of space and time. It creates opportunities for individuals to both present and participate in an intimate atmosphere that encourages collaboration. It is an intense event with discussions, demos, and interaction from participants. It is where conversations for the next-big-thing are happening.
+
+## Calendar
+
+{{% steps %}}
+
+### Call for Presentations
+
+- **December 9, 2024**: [Call for Presentations](https://sessionize.com/bsidesgrunn) opens at 09.00 AM.
+- **February 28, 2025**: [Call for Presentations](https://sessionize.com/bsidesgrunn) closes at 11.59 PM.
+
+### BSides Groningen
+
+- **May 2, 2025**: BSides Groningen will take place at de Puddingfabriek in Groningen. 
+
+{{% /steps %}}

content/about/index.md → content/about.md

@@ -1,3 +1,8 @@
+---
+title: About BSides Groningen
+type: about
+---
+
 # What is BSides?
 Each BSides is a community-driven framework for building events for and by information security community members. The goal is to expand the spectrum of conversation beyond the traditional confines of space and time. It creates opportunities for individuals to both present and participate in an intimate atmosphere that encourages collaboration. It is an intense event with discussions, demos, and interaction from participants. It is where conversations for the next-big-thing are happening.
 

go.mod

@@ -0,0 +1,8 @@
+module github.com/bsidesgrunn/bsidesgrunn.org
+
+go 1.22.5
+
+require (
+	github.com/hugomods/images v0.11.2 // indirect
+	github.com/imfing/hextra v0.9.0 // indirect
+)

go.sum

@@ -0,0 +1,4 @@
+github.com/hugomods/images v0.11.2 h1:d7u3c/ePboeOGx8OI5eUnilpA79YvD7KJjUgqVMR83Y=
+github.com/hugomods/images v0.11.2/go.mod h1:U6Gwj16LKvk66rOMyGFrnF6f0aV8lT89lqOsckOAjYY=
+github.com/imfing/hextra v0.9.0 h1:1UyLZgS1eayce2ETCOjAQssXpkRz3HDrIs/fljH0lkU=
+github.com/imfing/hextra v0.9.0/go.mod h1:cEfel3lU/bSx7lTE/+uuR4GJaphyOyiwNR3PTqFTXpI=

hugo.yaml

@@ -0,0 +1,44 @@
+title: BSides Groningen
+baseURL: https://bsidesgrunn.org/
+
+markup:
+  # allow raw html
+  goldmark:
+    renderer:
+      unsafe: true
+
+  # enable hextra syntax highlight
+  highlight:
+    noClasses: false
+
+module:
+  imports:
+  - path: github.com/imfing/hextra
+  - path: github.com/hugomods/images
+
+menu:
+  main:
+    - name: Home
+      pageRef: /
+      weight: 1
+    - name: CFP
+      url: https://sessionize.com/bsidesgrunn
+      weight: 2
+    - name: About
+      pageRef: /about
+      weight: 3
+    - name: Search
+      weight: 4
+      params:
+        type: search
+
+params:
+  navbar:
+    displayTitle: true
+    displayLogo: false
+  theme:
+    default: light
+    displayToggle: false
+  footer:
+    displayPoweredBy: false
+    displayCopyright: true

i18n/en.yaml

@@ -0,0 +1 @@
+copyright: "© 2024 BSides Groningen"

layouts/index.html

@@ -1,6 +1,13 @@
 {{ define "main" }}
-<div class="pricing-header p-3 pb-md-4 mx-auto text-center">
-    <h1>{{ .Site.Title }}</h1>
-    <p>{{ .Site.Params.Slogan }}</p>
-</div>
+  <div class='hx-mx-auto hx-flex {{ partial "utils/page-width" . }}'>
+    {{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
+    {{ partial "toc.html" . }}
+    <article class="hx-w-full hx-break-words hx-flex hx-min-h-[calc(100vh-var(--navbar-height))] hx-min-w-0 hx-justify-center hx-pb-8 hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]">
+      <main class="hx-w-full hx-min-w-0 hx-max-w-6xl hx-px-6 hx-pt-4 md:hx-px-12">
+        <div class="content">
+          {{ .Content }}
+        </div>
+      </main>
+    </article>
+  </div>
 {{ end }}