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 724101eb authored by Plumtree3D's avatar Plumtree3D
Browse files

feat: globalize components scope

parent c157ae3d
No related branches found
No related tags found
1 merge request!26Resolve "Créer des composants appel à l'action"
Hide whitespace changes
Inline Side-by-side
Showing
with 251 additions and 220 deletions
blog/2023/dummy-blog-post.mdx
+ 0
− 7
View file @ 724101eb
......@@ -7,13 +7,6 @@ tags:
- "devops"
- "outils"
---
import Licence from '@site/src/components/Blog/Licence'
import ProdLydra from '@site/src/components/Blog/ProdLydra'
import Jobboard from '@site/src/components/Blog/Jobboard'
import {FrgCommu, FrgAccelerateur} from '@site/src/components/Blog/Froggit'
import RdoEmissions from '@site/src/components/Blog/RdoEmissions'
import Contenus from '@site/src/components/Blog/Contenus'
import { CddMentor, CddCommu, CddSoutenir, CddLiens } from '@site/src/components/Blog/CompagnonsDevops'
## Article de test des composants
Article de test pour les composants, j'ai créé un article en plus de la dummy page pour:
......
src/components/Blog/Antiseches.jsx deleted 100644 → 0
+ 0
− 44
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
import Heading from "@theme/Heading"
export function AsDocker() {
return (
<>
<br/>
<Link to='https://bref.lydra.fr/antisechedocker'> 🐳 Docker</Link>
<br/>
</>
)
}
export function AsGit() {
return (
<>
<br/>
<Link to='https://bref.lydra.fr/antisechegit'> 🎁 Git</Link>
<br/>
</>
)
}
export function AsRoadmapDevops() {
return (
<>
<br/>
<Link to='https://vu.fr/RoadmapDevOps'> 🔀 Ma RoadMap DevOps</Link>
<br/>
</>
)
}
export function AAAAntiseches() {
return (
<div className="center">
<Heading as='h3'> Mes antisèches</Heading>
<AsRoadmapDevops/>
<AsGit/>
<AsDocker/>
</div>
)
}
src/components/Blog/CallToAction.jsx 0 → 100644
+ 199
− 0
View file @ 724101eb
import React from "react"
import Link from "@docusaurus/Link"
import Heading from "@theme/Heading"
import useBaseUrl from '@docusaurus/useBaseUrl';
const butonnize = 'button button--success margin-vert--sm'
// COMPAGNONS DU DEVOPS /////////////////////////////////////////
export function CddLiens(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'} to={"https://i.mtr.bio/compagnons-devops"}> {prop.button} 🔗 Tous mes liens</Link>
</div>
</>
)
}
export function CddMentor(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'} to={"https://new.lydra.fr/mentor"}> 🎓 Développe tes compétences DevOps avec un #mentor</Link>
</div>
</>
)
}
export function CddCommu(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'}to={"https://www.compagnons-devops.fr"}> 💬 Rejoins la communauté des Compagnons du DevOps</Link>
</div>
</>
)
}
export function CddSoutenir(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'} to={"https://soutenir.compagnons-devops.fr"}> {prop.button} 💖 Soutient mon travail et la communauté </Link>
</div>
</>
)
}
export function ForDevopsMindset() {
return (
<>
<Link to='https://bref.lydra.fr/devops-mindset'> 🎓 Forge toi un état d'esprit DevOps ! </Link> <br/>
</>
)
}
export function RdoEmissions() {
return (
<>
<hr/>
Bienvenue, chez les compagnons sur <b>Radio DevOps</b>. La Baladodiffusion des <b>Compagnons du DevOps</b>. Le podcast en français dédié à notre mouvement.
<br/>
<ul>
<li><b>🗞 Actus Devops :</b> est une émission animée par des membres de la communauté des Compagnons du DevOps. Dans chaque épisode nous étudierons l’actualité Cloud et DevOps. </li>
<li><b>📻 Radio DevOps :</b> est l'émission phare animée par des membres de la communauté des Compagnons du DevOps. Dans chaque épisode nous débattrons sur un sujet de fond. </li>
<li><b>🛋 En aparté :</b> est une émission où je m’entretiendrai avec un invité sur le mouvement DevOps en entreprise. </li>
<li><b>🎙️ En Solo :</b> est une émission où je serai seul pour vous parler de DevOps ou de Cloud. </li>
</ul>
📩 Si tu n'es pas déjà abonné, alors <b/>abonne-toi<b/> pour ne pas rater ces émissions. <br/>
</>
)
}
export function ProdLydra() {
return (
<p>🌐 Les Compagnons du DevOps <Link to={"https://www.lydra.fr"}> est une initiative de Lydra </Link> </p>
)
}
// FROGGIT /////////////////
export function FrgCommu() {
return (
<>
<br/>
<Link to='https://froggit.fr/communaute'> 💬 Rejoins la communauté francophone #Froggit dédié à git et GitLab</Link>
<br/>
</>
)
}
export function FrgAccelerateur() {
return (
<>
<br/>
<Link to='https://bref.lydra.fr/accelerateur-gitlab'> ⚡️ Accélère ton apprentissage de Git et GitLab</Link>
<br/>
</>
)
}
// GÉNÉRAL /////////////////////////////////////////
export function Licence() {
return (
<>
<Heading as='h3'> Licence </Heading>
<div className="row">
<div class="col col--4 padding-horiz--md">
<Link to='https://creativecommons.org/licenses/by-sa/4.0/deed.fr'>
<img src={useBaseUrl('/img/by-sa.png')} />
</Link>
</div>
<div class="col col--8 padding-horiz--none">
📜 Ce contenu est sous <Link to='https://creativecommons.org/licenses/by-sa/4.0/deed.fr'> licence libre : CC BY-SA </Link>. <br/>
Si tu utilises ces contenus dans une publication, merci de nous le notifier dans les commentaires.
</div>
</div>
<br/>
</>
)
}
// ANTISECHES ////////////////////
export function AsDocker() {
return (
<>
<br/>
<Link to='https://bref.lydra.fr/antisechedocker'> 🐳 Docker</Link>
<br/>
</>
)
}
export function AsGit() {
return (
<>
<br/>
<Link to='https://bref.lydra.fr/antisechegit'> 🎁 Git</Link>
<br/>
</>
)
}
export function AsRoadmapDevops() {
return (
<>
<br/>
<Link to='https://vu.fr/RoadmapDevOps'> 🔀 Ma RoadMap DevOps</Link>
<br/>
</>
)
}
// CLUSTERS /////////////////////////////////////////
export function Jobboard() {
return (
<div className="center">
<Heading as='h3'> Mon Jobboard </Heading>
<Link to='https://vu.fr/jobboard-DevOps'> 💼 Trouve ton job de rêve</Link> <br/>
<Link to='https://vu.fr/jobboard-DevOps-recrute'> 👔 Recrute avec moi</Link>
</div>
)
}
export function AAAFormations() {
return (
<div className="center">
<Heading as='h3'> Mes formations</Heading>
<ForDevopsMindset/>
</div>
)
}
export function AAAAntiseches() {
return (
<div className="center">
<Heading as='h3'> Mes antisèches</Heading>
<AsRoadmapDevops/>
<AsGit/>
<AsDocker/>
</div>
)
}
export function Contenus() {
return (
<>
<Jobboard/>
<AAAAntiseches/>
<AAAFormations/>
<CddLiens/>
</>
)
}
src/components/Blog/CompagnonsDevops.jsx deleted 100644 → 0
+ 0
− 43
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
const butonnize = 'button button--warning margin-vert--sm'
export function CddLiens(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'} to={"https://i.mtr.bio/compagnons-devops"}> {prop.button} 🔗 Tous mes liens</Link>
</div>
</>
)
}
export function CddMentor(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'} to={"https://new.lydra.fr/mentor"}> 🎓 Développe tes compétences DevOps avec un #mentor</Link>
</div>
</>
)
}
export function CddCommu(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'}to={"https://www.compagnons-devops.fr"}> 💬 Rejoins la communauté des Compagnons du DevOps</Link>
</div>
</>
)
}
export function CddSoutenir(prop) {
return (
<>
<div className={prop.button && 'center'}>
<Link className={prop.button ? butonnize : 'margin-vert--sm'} to={"https://soutenir.compagnons-devops.fr"}> {prop.button} 💖 Soutient mon travail et la communauté </Link>
</div>
</>
)
}
src/components/Blog/Contenus.jsx deleted 100644 → 0
+ 0
− 15
View file @ c157ae3d
import React from "react"
import Jobboard from "./Jobboard"
import { AAAAntiseches } from "./Antiseches"
import { AAAFormations } from "./Formations"
import { CddLiens } from "./CompagnonsDevops"
export default function Contenus() {
return (
<>
<Jobboard/>
<AAAAntiseches/>
<AAAFormations/>
<CddLiens/>
</>
)
}
src/components/Blog/Formations.jsx deleted 100644 → 0
+ 0
− 20
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
import Heading from "@theme/Heading"
export function ForDevopsMindset() {
return (
<>
<Link to='https://bref.lydra.fr/devops-mindset'> 🎓 Forge toi un état d'esprit DevOps ! </Link> <br/>
</>
)
}
export function AAAFormations() {
return (
<div className="center">
<Heading as='h3'> Mes formations</Heading>
<ForDevopsMindset/>
</div>
)
}
src/components/Blog/Froggit.jsx deleted 100644 → 0
+ 0
− 21
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
export function FrgCommu() {
return (
<>
<br/>
<Link to='https://froggit.fr/communaute'> 💬 Rejoins la communauté francophone #Froggit dédié à git et GitLab</Link>
<br/>
</>
)
}
export function FrgAccelerateur() {
return (
<>
<br/>
<Link to='https://bref.lydra.fr/accelerateur-gitlab'> ⚡️ Accélère ton apprentissage de Git et GitLab</Link>
<br/>
</>
)
}
src/components/Blog/Jobboard.jsx deleted 100644 → 0
+ 0
− 13
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
import Heading from "@theme/Heading"
export default function Jobboard() {
return (
<div className="center">
<Heading as='h3'> Mon Jobboard </Heading>
<Link to='https://vu.fr/jobboard-DevOps'> 💼 Trouve ton job de rêve</Link> <br/>
<Link to='https://vu.fr/jobboard-DevOps-recrute'> 👔 Recrute avec moi</Link>
</div>
)
}
src/components/Blog/Licence.jsx deleted 100644 → 0
+ 0
− 24
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
import Heading from "@theme/Heading"
import useBaseUrl from '@docusaurus/useBaseUrl';
export default function Licence() {
return (
<>
<Heading as='h3'> Licence </Heading>
<div className="row">
<div class="col col--4 padding-horiz--none">
<Link to='https://creativecommons.org/licenses/by-sa/4.0/deed.fr'>
<img src={useBaseUrl('/img/by-sa.png')} />
</Link>
</div>
<div class="col col--8">
📜 Ce contenu est sous <Link to='https://creativecommons.org/licenses/by-sa/4.0/deed.fr'> licence libre : CC BY-SA </Link>. <br/>
Si tu utilises ces contenus dans une publication, merci de nous le notifier dans les commentaires.
</div>
</div>
<br />
</>
)
}
src/components/Blog/ProdLydra.jsx deleted 100644 → 0
+ 0
− 7
View file @ c157ae3d
import React from "react"
import Link from "@docusaurus/Link"
export default function ProdLydra() {
return (
<p>🌐 Les Compagnons du DevOps <Link to={"https://www.lydra.fr"}> est une initiative de Lydra </Link> </p>
)
}
src/components/Blog/RdoEmissions.jsx deleted 100644 → 0
+ 0
− 18
View file @ c157ae3d
import React from "react"
export default function RdoEmissions() {
return (
<>
<hr/>
Bienvenue, chez les compagnons sur <b>Radio DevOps</b>. La Baladodiffusion des <b>Compagnons du DevOps</b>. Le podcast en français dédié à notre mouvement.
<br/>
<ul>
<li><b>🗞 Actus Devops :</b> est une émission animée par des membres de la communauté des Compagnons du DevOps. Dans chaque épisode nous étudierons l’actualité Cloud et DevOps. </li>
<li><b>📻 Radio DevOps :</b> est l'émission phare animée par des membres de la communauté des Compagnons du DevOps. Dans chaque épisode nous débattrons sur un sujet de fond. </li>
<li><b>🛋 En aparté :</b> est une émission où je m’entretiendrai avec un invité sur le mouvement DevOps en entreprise. </li>
<li><b>🎙️ En Solo :</b> est une émission où je serai seul pour vous parler de DevOps ou de Cloud. </li>
</ul>
📩 Si tu n'es pas déjà abonné, alors <b/>abonne-toi<b/> pour ne pas rater ces émissions. <br/>
</>
)
}
src/css/blog.css
+ 4
− 0
View file @ 724101eb
......@@ -18,6 +18,10 @@
text-decoration: none;
}
.blogPost .button--success, .blogPost .button--success:hover {
color: #ffffff;
}
.blogPost iframe {
margin: 2rem auto;
display: block;
......
src/pages/dummy-page.mdx
+ 0
− 8
View file @ 724101eb
---
title: "Dummy page"
---
import Licence from '@site/src/components/Blog/Licence'
import ProdLydra from '@site/src/components/Blog/ProdLydra'
import Jobboard from '@site/src/components/Blog/Jobboard'
import {AAAAntiseches} from '@site/src/components/Blog/Antiseches'
import {AAAFormations} from '@site/src/components/Blog/Formations'
import {FrgCommu, FrgAccelerateur} from '@site/src/components/Blog/Froggit'
import RdoEmissions from '@site/src/components/Blog/RdoEmissions'
import Contenus from '@site/src/components/Blog/Contenus'
# Markdown page example
......
src/pages/mentions-legales.md
+ 1
− 0
View file @ 724101eb
......@@ -74,6 +74,7 @@ Le code source du site est disponible sur [ce dépôt Froggit🐸](https://lab.f
- **Collaborate :** conçues par [small.smiles](https://www.flaticon.com/authors/smallsmiles) sur [Flaticon](https://www.flaticon.com/free-icon/collaborate_7829192).
- **Barista :** conçues par [Josh Boot](https://unsplash.com/fr/@joshboot) sur [Unsplash](https://unsplash.com/fr/photos/-L5W8-yFERs).
- **Hacker :** conçue par [Vitaly Gorbachev](https://www.flaticon.com/authors/vitaly-gorbachev) sur [Flaticon](https://www.flaticon.com/free-icon/hacker_4123965)
- **Broken image :** conçue par [verry purnomo](https://www.flaticon.com/authors/verry-purnomo) sur [Flaticon](https://www.flaticon.com/free-icon/broken-image_4173686)
:::note Sources
......
src/theme/MDXComponents/index.js 0 → 100644
+ 47
− 0
View file @ 724101eb
import React from 'react';
import MDXHead from '@theme/MDXComponents/Head';
import MDXCode from '@theme/MDXComponents/Code';
import MDXA from '@theme/MDXComponents/A';
import MDXPre from '@theme/MDXComponents/Pre';
import MDXDetails from '@theme/MDXComponents/Details';
import MDXHeading from '@theme/MDXComponents/Heading';
import MDXUl from '@theme/MDXComponents/Ul';
import MDXImg from '@theme/MDXComponents/Img';
import Admonition from '@theme/Admonition';
import Mermaid from '@theme/Mermaid';
import * as CTA from '@site/src/components/Blog/CallToAction'
const MDXComponents = {
head: MDXHead,
code: MDXCode,
a: MDXA,
pre: MDXPre,
details: MDXDetails,
ul: MDXUl,
img: MDXImg,
h1: (props) => <MDXHeading as="h1" {...props} />,
h2: (props) => <MDXHeading as="h2" {...props} />,
h3: (props) => <MDXHeading as="h3" {...props} />,
h4: (props) => <MDXHeading as="h4" {...props} />,
h5: (props) => <MDXHeading as="h5" {...props} />,
h6: (props) => <MDXHeading as="h6" {...props} />,
admonition: Admonition,
mermaid: Mermaid,
CddLiens: CTA.CddLiens,
CddMentor: CTA.CddMentor,
CddCommu: CTA.CddCommu,
CddSoutenir: CTA.CddSoutenir,
ForDevopsMindset: CTA.ForDevopsMindset,
RdoEmissions: CTA.RdoEmissions,
ProdLydra: CTA.ProdLydra,
FrgCommu: CTA.FrgCommu,
FrgAccelerateur: CTA.FrgAccelerateur,
Licence: CTA.Licence,
AsDocker: CTA.AsDocker,
AsGit: CTA.AsGit,
AsRoadmapDevops: CTA.AsRoadmapDevops,
Jobboard: CTA.Jobboard,
Formations: CTA.AAAFormations,
Antiseches: CTA.AAAAntiseches,
Contenus: CTA.Contenus,
};
export default MDXComponents;
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Froggit est fièrement fabriqué avec amour par Lydra avec des Logiciels Libres et hébergé en France chez Scaleway | Status du service