support markdown defined pages
This commit is contained in:
parent
c63af48594
commit
10513aa23e
|
|
@ -6,4 +6,14 @@
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
pathPrefix: `/ctdo`,
|
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": {
|
"dependencies": {
|
||||||
"gatsby": "^2.18.8",
|
"gatsby": "^2.18.8",
|
||||||
|
"gatsby-source-filesystem": "^2.1.42",
|
||||||
|
"gatsby-transformer-remark": "^2.6.42",
|
||||||
"react": "^16.12.0",
|
"react": "^16.12.0",
|
||||||
"react-dom": "^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