support markdown defined pages
This commit is contained in:
parent
c63af48594
commit
10513aa23e
|
@ -6,4 +6,14 @@
|
|||
|
||||
module.exports = {
|
||||
pathPrefix: `/ctdo`,
|
||||
plugins: [
|
||||
{
|
||||
resolve: `gatsby-source-filesystem`,
|
||||
options: {
|
||||
name: `markdown-pages`,
|
||||
path: `${__dirname}/src/markdown-pages`,
|
||||
},
|
||||
},
|
||||
`gatsby-transformer-remark`,
|
||||
],
|
||||
}
|
||||
|
|
|
@ -0,0 +1,38 @@
|
|||
const path = require(`path`)
|
||||
|
||||
exports.createPages = async ({ actions, graphql, reporter }) => {
|
||||
const { createPage } = actions
|
||||
|
||||
const blogPostTemplate = path.resolve(`src/templates/simpleTemplate.js`)
|
||||
|
||||
const result = await graphql(`
|
||||
{
|
||||
allMarkdownRemark(
|
||||
limit: 1000
|
||||
) {
|
||||
edges {
|
||||
node {
|
||||
frontmatter {
|
||||
path
|
||||
title
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`)
|
||||
|
||||
// Handle errors
|
||||
if (result.errors) {
|
||||
reporter.panicOnBuild(`Error while running GraphQL query.`)
|
||||
return
|
||||
}
|
||||
|
||||
result.data.allMarkdownRemark.edges.forEach(({ node }) => {
|
||||
createPage({
|
||||
path: node.frontmatter.path,
|
||||
component: blogPostTemplate,
|
||||
context: {}, // additional data can be passed via context
|
||||
})
|
||||
})
|
||||
}
|
|
@ -15,6 +15,8 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"gatsby": "^2.18.8",
|
||||
"gatsby-source-filesystem": "^2.1.42",
|
||||
"gatsby-transformer-remark": "^2.6.42",
|
||||
"react": "^16.12.0",
|
||||
"react-dom": "^16.12.0"
|
||||
},
|
||||
|
|
|
@ -0,0 +1,67 @@
|
|||
---
|
||||
path: "/"
|
||||
title: "Home"
|
||||
---
|
||||
|
||||
## Wer wir sind
|
||||
|
||||
Der Chaostreff Dortmund e.V. ist Erfa-Kreis des CCC\* und eine bunt
|
||||
gemischte Gruppe aus Computer-, Technikbegeisterten und kreativen
|
||||
Menschen. Wir sind nicht finanziell orientiert und betreiben den
|
||||
Chaostreff aus Spaß an der Sache und um interessierten Menschen eine
|
||||
Plattform zu bieten, über die man sich austauschen kann. Unser Ziel ist es
|
||||
den Chaostreff fortwährend aus Spenden der einzelnen Teilnehmenden bzw.
|
||||
Mitglieder zu finanzieren. Wenn DU dir angucken möchtest, wie das so bei
|
||||
uns in den Räumen aussieht, dann komm doch einfach vorbei.
|
||||
|
||||
\*Wir sind ein Teil des Chaos Computer Club (CCC), ein s. g. Erfa Kreis, da
|
||||
wir seit 2017-04-16¹ den Erfa Status vom Regiotreff zuerkannt bekommen
|
||||
haben.
|
||||
|
||||
Zunächst: Wir schließen niemanden aufgrund körperlicher Disposition,
|
||||
Religion, Alter, Weltanschauung, sexueller Ausrichtung oder sonstigen
|
||||
nichtigen Gründen aus! Alle, die interessiert sind, sind auch bei uns
|
||||
willkommen.
|
||||
|
||||
## Unsere Ziele
|
||||
|
||||
- Schaffung einer Plattform für technikbegeisterte Menschen
|
||||
- Bereitstellung einer technischen Infrastruktur
|
||||
- Gemütliche Räumlichkeiten mit Getränken etc.
|
||||
- Die Möglichkeit, gemeinsam kreativ mit Technik umzugehen
|
||||
- Nützliches Mitglied des Nordstadtquartiers zu sein
|
||||
- Sich und andere weiterzubilden
|
||||
- Weltherrschaft natürlich!²
|
||||
|
||||
## Unsere Zielgruppe
|
||||
|
||||
Alle, die sich für Technik, Kunst, Kreativität, OpenSource, Netzpolitik,
|
||||
den Geist in der Maschine oder ähnliches begeistern können; wie bereits
|
||||
oben erwähnt schließen wir niemanden aus irgendwelchen
|
||||
dämlichen/rassistischen/vorurteilsbehafteten Gründen aus.
|
||||
|
||||
Wir freuen uns schon auf deinen ersten Besuch bei uns.
|
||||
|
||||
## Wir bieten dir
|
||||
|
||||
- Viel Platz für eigene Projekte
|
||||
- Chillout Platz mit Sofas und gemütlicher Atmosphäre
|
||||
- Eine Küche zum gemeinsamen Kochen
|
||||
- Einen Raum für Siebdruck und Platinenherstellung
|
||||
- Maschinen wie Lasercutter, Stickmaschine, 3D Drucker
|
||||
- Werkzeuge, sowie Lötarbeitsplätze und Messgeräte
|
||||
- PC-Arbeitsplätze
|
||||
- Email/Jabber/Shell Konten und Webspace oder VServer
|
||||
- Kisten/Regale damit du dein Zeug verstauen kannst
|
||||
- Freundliche Leute mit denen man sich austauschen kann
|
||||
- u.v.m
|
||||
|
||||
## Du gehörst nicht zu uns, wenn…
|
||||
|
||||
- …du einen 24/7 kostenlosen PC-Hilfe Notdienst suchst.
|
||||
- …deine Festplatte kaputt ist, und du vergessen hast, ein Backup zu machen. (Ausnahmen bestätigen die Regel)
|
||||
- …du der Meinung bist, wir wären dein kostenloses Internetcafé
|
||||
- …du der irrigen Annahme verfallen bist, wir würden für dich irgendeinen FTP-/WebServer/eMail-Account-deiner-ExFreundin hacken, geschweige denn dir dabei helfen
|
||||
|
||||
¹ [https://en.wikipedia.org/wiki/ISO_8601](https://en.wikipedia.org/wiki/ISO_8601)
|
||||
² Dies ist eine witzige Bemerkung ein s.g. “Running Gag” und ist als sarkastische Bemerkung zu verstehen!
|
|
@ -1,85 +0,0 @@
|
|||
import React from "react"
|
||||
import Layout from "../components/layout"
|
||||
|
||||
export default () => (
|
||||
<Layout>
|
||||
<h2>Wer wir sind</h2>
|
||||
<p>
|
||||
Der Chaostreff Dortmund e.V. ist Erfa-Kreis des CCC* und eine bunt
|
||||
gemischte Gruppe aus Computer-, Technikbegeisterten und kreativen
|
||||
Menschen. Wir sind nicht finanziell orientiert und betreiben den
|
||||
Chaostreff aus Spaß an der Sache und um interessierten Menschen eine
|
||||
Plattform zu bieten, über die man sich austauschen kann. Unser Ziel ist es
|
||||
den Chaostreff fortwährend aus Spenden der einzelnen Teilnehmenden bzw.
|
||||
Mitglieder zu finanzieren. Wenn DU dir angucken möchtest, wie das so bei
|
||||
uns in den Räumen aussieht, dann komm doch einfach vorbei.
|
||||
</p>
|
||||
<p>
|
||||
*Wir sind ein Teil des Chaos Computer Club (CCC), ein s. g. Erfa Kreis, da
|
||||
wir seit 2017-04-16¹ den Erfa Status vom Regiotreff zuerkannt bekommen
|
||||
haben.
|
||||
</p>
|
||||
<p>
|
||||
Zunächst: Wir schließen niemanden aufgrund körperlicher Disposition,
|
||||
Religion, Alter, Weltanschauung, sexueller Ausrichtung oder sonstigen
|
||||
nichtigen Gründen aus! Alle, die interessiert sind, sind auch bei uns
|
||||
willkommen.
|
||||
</p>
|
||||
<h2>Unsere Ziele</h2>
|
||||
<ul>
|
||||
<li>Schaffung einer Plattform für technikbegeisterte Menschen</li>
|
||||
<li>Bereitstellung einer technischen Infrastruktur</li>
|
||||
<li>Gemütliche Räumlichkeiten mit Getränken etc.</li>
|
||||
<li>Die Möglichkeit, gemeinsam kreativ mit Technik umzugehen</li>
|
||||
<li>Nützliches Mitglied des Nordstadtquartiers zu sein</li>
|
||||
<li>Sich und andere weiterzubilden</li>
|
||||
<li>Weltherrschaft natürlich!²</li>
|
||||
</ul>
|
||||
<h2>Unsere Zielgruppe</h2>
|
||||
<p>
|
||||
Alle, die sich für Technik, Kunst, Kreativität, OpenSource, Netzpolitik,
|
||||
den Geist in der Maschine oder ähnliches begeistern können; wie bereits
|
||||
oben erwähnt schließen wir niemanden aus irgendwelchen
|
||||
dämlichen/rassistischen/vorurteilsbehafteten Gründen aus.
|
||||
</p>
|
||||
<p>Wir freuen uns schon auf deinen ersten Besuch bei uns.</p>
|
||||
<h2>Wir bieten dir</h2>
|
||||
<ul>
|
||||
<li>Viel Platz für eigene Projekte</li>
|
||||
<li>Chillout Platz mit Sofas und gemütlicher Atmosphäre</li>
|
||||
<li>Eine Küche zum gemeinsamen Kochen</li>
|
||||
<li>Einen Raum für Siebdruck und Platinenherstellung</li>
|
||||
<li>Maschinen wie Lasercutter, Stickmaschine, 3D Drucker</li>
|
||||
<li>Werkzeuge, sowie Lötarbeitsplätze und Messgeräte</li>
|
||||
<li>PC-Arbeitsplätze</li>
|
||||
<li>Email/Jabber/Shell Konten und Webspace oder VServer</li>
|
||||
<li>Kisten/Regale damit du dein Zeug verstauen kannst</li>
|
||||
<li>Freundliche Leute mit denen man sich austauschen kann</li>
|
||||
<li>u.v.m</li>
|
||||
</ul>
|
||||
<h2>Du gehörst nicht zu uns, wenn…</h2>
|
||||
<ul>
|
||||
<li>…du einen 24/7 kostenlosen PC-Hilfe Notdienst suchst.</li>
|
||||
<li>
|
||||
…deine Festplatte kaputt ist, und du vergessen hast, ein Backup zu
|
||||
machen. (Ausnahmen bestätigen die Regel)
|
||||
</li>
|
||||
<li>…du der Meinung bist, wir wären dein kostenloses Internetcafé</li>
|
||||
<li>
|
||||
…du der irrigen Annahme verfallen bist, wir würden für dich irgendeinen
|
||||
FTP-/WebServer/eMail-Account-deiner-ExFreundin hacken, geschweige denn
|
||||
dir dabei helfen
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
¹{" "}
|
||||
<a href="https://en.wikipedia.org/wiki/ISO_8601">
|
||||
https://en.wikipedia.org/wiki/ISO_8601
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
² Dies ist eine witzige Bemerkung ein s.g. “Running Gag” und ist als
|
||||
sarkastische Bemerkung zu verstehen!
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
|
@ -0,0 +1,32 @@
|
|||
import React, { useEffect } from "react"
|
||||
import { graphql } from "gatsby"
|
||||
import Layout from "../components/layout"
|
||||
|
||||
export default function Template({
|
||||
data, // this prop will be injected by the GraphQL query below.
|
||||
}) {
|
||||
const { markdownRemark } = data // data.markdownRemark holds your post data
|
||||
const { frontmatter, html } = markdownRemark
|
||||
|
||||
useEffect(() => {
|
||||
document.title = frontmatter.title
|
||||
}, [frontmatter.title])
|
||||
|
||||
return (
|
||||
<Layout>
|
||||
<div dangerouslySetInnerHTML={{ __html: html }}></div>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export const pageQuery = graphql`
|
||||
query($path: String!) {
|
||||
markdownRemark(frontmatter: { path: { eq: $path } }) {
|
||||
html
|
||||
frontmatter {
|
||||
path
|
||||
title
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
Loading…
Reference in New Issue