Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit c8502e0a authored by Hugues's avatar Hugues
Browse files

WIP

parent 64ac26c8
No related branches found
No related tags found
1 merge request!29Draft: Resolve "create blog page"
Pipeline #2264 passed
......@@ -4,7 +4,9 @@ slug: froggit-post-test
date: 2020-07-27
# optional fields
generate-card: false
cover: ./logo_froggit.png
language: fr
tags: ['fake']
......
content/posts/2020-07-27-first-froggit-post/logo_froggit.png

2.67 KiB

......@@ -4,8 +4,7 @@ slug: Lydra test postacst
date: 2020-01-01
# optional fields
published: true
unlisted: true
generate-card: false
language: fr
cover: ./cover.jpeg
......@@ -13,7 +12,7 @@ cover: ./cover.jpeg
tags: ['fake']
translations:
- link: 'https://lydra.fr/rdo-7-comment-bien-se-faire-recruter-ou-changer-de-boite/'
- link: '/Lydra test postacst'
language: 'french'
hreflang: fr
---
......
---
title: test rss
slug: test1 postacst
date: 2020-07-30
# optional fields
language: fr
cover: ./cover.jpeg
tags: ['fake']
translations:
- link: '/test1 postacst'
language: 'french'
hreflang: fr
---
# Test Blog
---
title: rss
slug: test2 postast
date: 2020-07-30
# optional fields
generate-card: false
language: fr
cover: ./cover.jpeg
tags: ['fake']
translations:
- link: '/test2 postast'
language: 'french'
hreflang: fr
---
[- link: 'http://lydra.test/category/devops/feed']
# Test Blog
......@@ -43,7 +43,7 @@ module.exports = {
},
{
label: "Blog",
url: "/404.html",
url: "/blog",
},
{
label: "Login",
......
......@@ -10,6 +10,7 @@ module.exports = {
},
pathPrefix: `/froggit.fr`,
plugins: [
/*
{
resolve: `gatsby-source-filesystem`,
options: {
......@@ -17,6 +18,7 @@ module.exports = {
path: "content/posts",
},
},
*/
{
resolve: `gatsby-source-filesystem`,
options: {
......@@ -24,6 +26,13 @@ module.exports = {
path: "content/pages",
},
},
{
resolve: `gatsby-source-filesystem`,
options: {
name: "posts",
path: "content/posts",
},
},
{
resolve: `gatsby-source-filesystem`,
options: {
......@@ -35,14 +44,23 @@ module.exports = {
resolve: `gatsby-plugin-page-creator`,
options: {
path: path.join(__dirname, `src`, `pages`),
// ignore: [`blog.(js|ts)?(x)`],
},
},
/* {
resolve: `gatsby-plugin-page-creator`,
options: {
path: `${__dirname}/src/settings/pages`,
},
}, */
{
resolve: `gatsby-plugin-mdx`,
options: {
extensions: [`.mdx`, `.md`],
defaultLayouts: {
default: require.resolve("./src/templates/page.js"),
},
gatsbyRemarkPlugins: [
{
......
......@@ -4,6 +4,7 @@ import { graphql, useStaticQuery } from "gatsby"
import Layout from "../components/layout"
import Wrapper from "../components/Wrapper"
import SEO from "../components/SEO"
import Content from "../components/Content"
import RelatedPosts from "../components/RelatedPosts"
import { Text } from "../components/Commons"
import { Container, TitleTagline, TitleIcon, ContainerIcon } from "../components"
......@@ -14,6 +15,7 @@ import { IconGdpr } from "../components"
import { media, colors } from "../tokens"
import useSiteMetadata from "../hooks/use-site-config"
......@@ -91,6 +93,7 @@ const posts = data.posts.edges
<Wrapper>
<RelatedPosts posts={posts} />
</Wrapper>
</Layout>
)
}
......
......@@ -7,11 +7,13 @@ import Wrapper from "../components/Wrapper"
import Hero from "../components/Hero"
import SEO from "../components/SEO"
import Disqus from "../components/Disqus"
import { Container, TitleTagline, TitleIcon } from "../components"
import { Container, ContainerIcon, TitleTagline, TitleIcon } from "../components"
import { IconSecurite } from "../components"
import { IconFreedom } from "../components"
import { IconGdpr } from "../components"
export default props => {
const page = props.data.page
......@@ -32,25 +34,32 @@ export default props => {
à protéger leurs codes sources de lespionnage industriel
</TitleTagline>
</Container>
<TitleIcon>
<div>
<IconSecurite />
<h2>Sécurité</h2>
<p>Vos données sont en lieu sûr et sauvegardées toutes les nuits</p>
</div>
<div>
<IconFreedom />
<h2>Souverain</h2>
<p>Nous sommes hébergés en France et conformes au RGPD</p>
</div>
<ContainerIcon>
<TitleIcon>
<div>
<IconSecurite />
<h2>Sécurité</h2>
<p>Vos données sont en lieu sûr et sauvegardées toutes les nuits</p>
</div>
</TitleIcon>
<div>
<IconGdpr />
<h2>Libre</h2>
<p>Notre solution s'appuie sur des logiciels libres et nos conditions générales sont éthiques.</p>
</div>
</TitleIcon>
<TitleIcon>
<div>
<IconFreedom />
<h2>Souverain</h2>
<p>Nous sommes hébergés en France et conformes au RGPD</p>
</div>
</TitleIcon>
<TitleIcon>
<div>
<IconGdpr />
<h2>Libre</h2>
<p>Notre solution s'appuie sur des logiciels libres et nos conditions générales sont éthiques.</p>
</div>
</TitleIcon>
</ContainerIcon>
<Wrapper>
<article>
......@@ -58,11 +67,8 @@ export default props => {
</article>
</Wrapper>
{page.frontmatter.disqus && (
<Wrapper>
<Disqus slug={page.frontmatter.slug} title={page.frontmatter.title} />
</Wrapper>
)}
>
</Layout>
)
}
......
import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
import Content from "../components/Content"
import Wrapper from "../components/Wrapper"
import Hero from "../components/Hero"
import SEO from "../components/SEO"
import Disqus from "../components/Disqus"
import { Container, ContainerIcon, TitleTagline, TitleIcon } from "../components"
import { IconSecurite } from "../components"
import { IconFreedom } from "../components"
import { IconGdpr } from "../components"
const MainTitle = styled.h1`
line-height: 1.5;
text-align: center;
font-size: 3rem;
`
export default props => {
const page = props.data.page
return (
<Layout location={props.location}>
<SEO
title={page.frontmatter.title}
description={page.excerpt}
path={page.frontmatter.slug}
cover={page.frontmatter.cover && page.frontmatter.cover.publicURL}
/>
<Container>
<MainTitle>
Froggit's blog
</MainTitle>
</Container>
<ContainerIcon>
<TitleIcon>
<div>
<IconSecurite />
<h2>Sécurité</h2>
<p>Vos données sont en lieu sûr et sauvegardées toutes les nuits</p>
</div>
</TitleIcon>
<TitleIcon>
<div>
<IconFreedom />
<h2>Souverain</h2>
<p>Nous sommes hébergés en France et conformes au RGPD</p>
</div>
</TitleIcon>
<TitleIcon>
<div>
<IconGdpr />
<h2>Libre</h2>
<p>Notre solution s'appuie sur des logiciels libres et nos conditions générales sont éthiques.</p>
</div>
</TitleIcon>
</ContainerIcon>
<Wrapper>
<article>
<Content content={page.body} date={page.frontmatter.date} />
</article>
</Wrapper>
{page.frontmatter.disqus && (
<Wrapper>
<Disqus slug={page.frontmatter.slug} title={page.frontmatter.title} />
</Wrapper>
)}
</Layout>
)
}
export const pageQuery = graphql`
query($slug: String!) {
page: mdx(frontmatter: { slug: { eq: $slug } }) {
body
excerpt
frontmatter {
title
date(formatString: "MMMM DD, YYYY")
slug
disqus
cover {
publicURL
}
}
}
}
`
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment