support markdown defined pages

This commit is contained in:
neri 2019-12-12 22:27:56 +01:00
parent c63af48594
commit 10513aa23e
7 changed files with 1042 additions and 104 deletions

View File

@ -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`,
],
}

38
gatsby-node.js Normal file
View File

@ -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
})
})
}

View File

@ -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"
},

View File

@ -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!

View File

@ -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>
)

View File

@ -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
}
}
}
`

912
yarn.lock

File diff suppressed because it is too large Load Diff