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 7f6f054b authored by Pierre Jarriges's avatar Pierre Jarriges
Browse files

wip:new education programm

parent a110eddc
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 2203 additions and 1557 deletions
build.js
+ 1
− 42
View file @ 7f6f054b
......@@ -185,7 +185,7 @@ function createPages(rootdir, destdir) {
page.write(getPageHtml(p, pageMeta));
if (fs.existsSync(`${fPath}/subpages`)) {
createPages(`${fPath}/subpages`, targetDirPath)
createPages(`${fPath}/subpages`, targetDirPath);
}
}
......@@ -211,44 +211,3 @@ function createPages(rootdir, destdir) {
}
createPages(`${curDir}/src/pages`, `${curDir}/public`);
// const pages = fs.readdirSync(`${curDir}/src/pages`);
// for (const p of pages) {
// const fPath = `${curDir}/src/pages/${p}`;
// const targetDirPath = `${curDir}/public/${p}`;
// if (!fs.existsSync(targetDirPath)) {
// fs.mkdirSync(targetDirPath);
// }
// const b = browserify();
// b.add(fPath)
// .bundle()
// .pipe(fs.createWriteStream(`${targetDirPath}/${p}.js`));
// const page = fs.createWriteStream(`${targetDirPath}/index.html`);
// const pageMeta = JSON.parse(fs.readFileSync(`${fPath}/meta.json`, "utf-8"));
// page.write(getPageHtml(p, pageMeta));
// }
// // If pages have been deleted in source, remove them in output directory too.
// for (const dir of fs.readdirSync(`${curDir}/public`).filter(f => {
// if (build_conf.protected_dirs.includes(f)) return false;
// const stats = fs.statSync(`${curDir}/public/${f}`);
// return stats.isDirectory();
// })) {
// if (!pages.includes(dir)) {
// const dPath = `${curDir}/public/${dir}`;
// try {
// const nestedFiles = fs.readdirSync(dPath);
// for (const nf of nestedFiles) {
// fs.unlinkSync(`${dPath}/${nf}`);
// }
// fs.rmdirSync(dPath);
// } catch (error) {
// console.error(error);
// }
// }
// }
data/nginx/app.conf
+ 14
− 14
View file @ 7f6f054b
......@@ -8,19 +8,19 @@ server {
root /var/www/certbot;
}
location / {
return 301 https://$host$request_uri;
}
# location / {
# return 301 https://$host$request_uri;
# }
}
server {
server_name kuadrado-software.fr www.kuadrado-software.fr;
listen 443 ssl;
root /usr/share/nginx/html;
index index.html index.htm;
server_tokens off;
ssl_certificate /etc/letsencrypt/live/kuadrado-software.fr/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/kuadrado-software.fr/privkey.pem;
include /etc/letsencrypt/options-ssl-nginx.conf;
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;
}
\ No newline at end of file
# server {
# server_name kuadrado-software.fr www.kuadrado-software.fr;
# listen 443 ssl;
# root /usr/share/nginx/html;
# index index.html index.htm;
# server_tokens off;
# ssl_certificate /etc/letsencrypt/live/kuadrado-software.fr/fullchain.pem;
# ssl_certificate_key /etc/letsencrypt/live/kuadrado-software.fr/privkey.pem;
# include /etc/letsencrypt/options-ssl-nginx.conf;
# ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;
# }
\ No newline at end of file
public/education/education.js
+ 90
− 654
View file @ 7f6f054b
This diff is collapsed.
public/education/game-studio-club/game-studio-club.js 0 → 100644
+ 850
− 0
View file @ 7f6f054b
This diff is collapsed.
public/education/game-studio-club/index.html 0 → 100644
+ 35
− 0
View file @ 7f6f054b
<!DOCTYPE html>
<html lang="fr" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<title>Kuadrado Software | Game Studio Club</title>
<meta name="description" content="Apprendre à créer un jeu vidéo de A à Z"/>
<meta name="author" content="Kuadrado Software" />
<meta name="image" content="https://kuadrado-software.fr/assets/images/brain.png"/>
<!-- Open Graph Protocol meta data -->
<meta property="og:title" content="Kuadrado Software | Game Studio Club"/>
<meta property="og:description" content="Apprendre à créer un jeu vidéo de A à Z"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://kuadrado-software.fr/game-studio-club"/>
<meta property="og:image" content="https://kuadrado-software.fr/assets/images/brain.png"/>
<meta property="twitter:image" content="https://kuadrado-software.fr/assets/images/brain.png"/>
<meta property="og:locale" content="fr_FR"/>
<meta property="og:site_name" content="Kuadrado Software" />
<!-- English translation not ready yet -->
<!-- <meta property="og:locale:alternate" content="en_GB" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link href="/style/style.css" rel="stylesheet" />
<script type="application/ld+json">{"@context":"https://schema.org","type":"WebPage","description":"Apprendre à créer un jeu vidéo de A à Z","image":["https://kuadrado-software.fr/assets/images/brain.svg","https://kuadrado-software.fr/assets/images/brain.png","https://kuadrado-software.fr/assets/images/game_studio_banner.png","https://kuadrado-software.fr/assets/images/popularization_banner.png"],"keywords":"Apprendre informatique jeu vidéo, gamedev, code","name":"Kuadrado Software - Game Studio Club","url":"https://kuadrado-software.fr/education/game-studio/club"}</script>
</head>
<!-- The vocab attribute defines the standard vocabulary used for RDFa standard.
The DOM may contain properties such as "typeof" and "property" accordinly to the schema.org vocabulary -->
<body vocab="https://schema.org/">
<!-- The H1 tag will be never seen but it's necessary for SEO -->
<main><h1 style="visibility: hidden">Kuadrado Software | Game Studio Club</h1></main>
</body>
<script type="text/javascript" src="./game-studio-club.js"></script>
</html>
public/style/pages/education/education.css
+ 3
− 3
View file @ 7f6f054b
/* Error: Undefined variable.
* ,
* 30 | background-color: $yellow_2;
* 25 | background-color: $yellow_2;
* | ^^^^^^^^^
* '
* src/pages/education/education.scss 30:27 root stylesheet */
* src/pages/education/education.scss 25:27 root stylesheet */
body::before {
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
......@@ -13,5 +13,5 @@ body::before {
padding: 1em;
margin-bottom: 1em;
border-bottom: 2px solid black;
content: "Error: Undefined variable.\a \2577 \a 30 \2502 background-color: $yellow_2;\a \2502 ^^^^^^^^^\a \2575 \a src/pages/education/education.scss 30:27 root stylesheet";
content: "Error: Undefined variable.\a \2577 \a 25 \2502 background-color: $yellow_2;\a \2502 ^^^^^^^^^\a \2575 \a src/pages/education/education.scss 25:27 root stylesheet";
}
public/style/pages/education/subpages/game-studio-club/game-studio-club.css 0 → 100644
+ 3
− 0
View file @ 7f6f054b
/*# sourceMappingURL=game-studio-club.css.map */
public/style/style.css
+ 11
− 283
View file @ 7f6f054b
......@@ -796,16 +796,11 @@ main #page-container #education-page .title-banner {
flex-direction: column;
height: 20vw;
min-height: 250px;
background-image: url("/assets/images/popularization_banner.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
main #page-container #education-page .title-banner.game-banner {
background-image: url("/assets/images/game_studio_banner.png");
}
main #page-container #education-page .title-banner.popu-banner {
background-image: url("/assets/images/popularization_banner.png");
}
main #page-container #education-page .title-banner h2 {
color: white;
font-size: 2.5em;
......@@ -829,289 +824,22 @@ main #page-container #education-page .special-announcement .page-contents-center
font-weight: 600;
margin: 0;
}
main #page-container #education-page .section-contents {
padding: 20px 40px 60px;
display: grid;
grid-template-columns: auto 1fr;
gap: 20px;
height: auto;
}
main #page-container #education-page .section-contents .full-row {
grid-column: 1/span 2;
}
main #page-container #education-page .section-contents .practical-infos {
grid-column: 2;
grid-row: 2;
display: flex;
flex-direction: column;
gap: 40px;
background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px;
}
main #page-container #education-page .section-contents .practical-infos .info-item {
display: flex;
flex-direction: column;
background-color: white;
padding: 20px;
}
main #page-container #education-page .section-contents .practical-infos .info-item strong {
margin-bottom: 10px;
white-space: nowrap;
color: #6b7880;
}
main #page-container #education-page .section-contents .practical-infos .info-item span,
main #page-container #education-page .section-contents .practical-infos .info-item a {
font-size: 14px;
}
main #page-container #education-page .section-contents .list-wrapper {
grid-column: 1;
grid-row: 2;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes {
display: flex;
gap: 20px 30px;
flex-wrap: wrap;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme {
position: relative;
border: solid #d4d9dd;
border-width: 0 2px 2px 0;
display: flex;
flex-direction: column;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .title {
color: #6b7880;
display: block;
position: absolute;
background-color: #fffa;
padding: 3px 10px;
width: 100%;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme img {
width: 100%;
height: auto;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details {
background-color: #fffe;
position: absolute;
top: 25px;
left: 25px;
width: 300px;
height: auto;
max-height: 0;
visibility: hidden;
z-index: 1;
transition: max-height 0.6s;
padding: 20px;
border: solid #d4d9dd;
border-width: 0 1px 1px 0;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 10px;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details .comment {
font-style: italic;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details .comment * {
color: #6b7880;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details ul {
list-style-type: disc;
font-size: 14px;
margin-left: 10px;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details ul li {
color: #6b7880;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme:hover .details {
max-height: 1000px;
visibility: visible;
}
main #page-container #education-page .section-contents .infos-inscriptions {
display: flex;
gap: 40px;
background-image: url("/assets/images/wallpaper_binary_light.png");
padding: 30px;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups,
main #page-container #education-page .section-contents .infos-inscriptions .pricing {
background-color: white;
padding: 20px;
display: flex;
flex-direction: column;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups h3,
main #page-container #education-page .section-contents .infos-inscriptions .pricing h3 {
margin: 0;
color: #96a5ae;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .table-wrapper table,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .table-wrapper table {
border: 1px solid #dde;
border-collapse: collapse;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .table-wrapper table td,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .table-wrapper table td {
border: 1px solid #dde;
padding: 10px 20px;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .documents,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .documents {
margin-top: 20px;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .documents .links,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .documents .links {
display: flex;
gap: 20px;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .documents .links .download-link,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .documents .links .download-link {
border: 1px solid;
padding: 8px;
display: flex;
margin: 10px 0 0;
border-radius: 4px;
}
main #page-container #education-page .section-contents .teacher {
grid-column: 1/span 2;
background: url("/assets/images/wallpaper_binary_light.png");
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-direction: column;
main #page-container #education-page .edu-pitch {
font-size: 18px;
}
main #page-container #education-page .section-contents .teacher .teacher-card {
background-color: white;
main #page-container #education-page .edu-themes {
display: grid;
grid-template-columns: auto 1fr;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
padding: 20px;
}
main #page-container #education-page .section-contents .teacher .teacher-card h3 {
margin: 0;
width: 100%;
color: #96a5ae;
grid-column: 1/span 2;
}
main #page-container #education-page .section-contents .teacher .teacher-card .pic img {
width: 100px;
}
main #page-container #education-page .section-contents .teacher .teacher-card .infos-text {
padding: 0 20px;
}
main #page-container #education-page .section-contents .teacher .teacher-card .infos-text h4 {
color: #4baabb;
margin: 0;
font-size: 18px;
}
main #page-container #education-page .section-contents .teacher .teacher-card .infos-text p {
color: #96a5ae;
display: block;
main #page-container #education-page .edu-themes .edu-theme {
transition: transform 0.3s;
}
@media screen and (max-width: 900px) {
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes {
display: block;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme {
width: 100%;
margin-bottom: 20px;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details {
background-color: #fff9;
position: relative;
top: unset;
width: 100%;
left: unset;
max-height: unset;
visibility: visible;
padding: 10px;
box-shadow: none;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details ul {
list-style-type: disc;
font-size: 14px;
margin-left: 10px;
}
main #page-container #education-page .section-contents .infos-inscriptions {
flex-direction: column;
}
main #page-container #education-page .edu-themes .edu-theme:hover {
transform: scale(1.03);
}
@media screen and (max-width: 780px) {
main #page-container #education-page h3.big {
font-size: 22px;
}
main #page-container #education-page .title-banner {
height: 170px;
min-height: unset;
}
main #page-container #education-page .title-banner h2 {
font-size: 2em;
margin: 20px;
text-shadow: 0 0 4px #000b;
}
main #page-container #education-page .section-contents {
padding: 20px 20px 40px;
grid-template-columns: 100%;
}
main #page-container #education-page .section-contents .full-row {
grid-column: 1;
}
main #page-container #education-page .section-contents .practical-infos {
grid-column: 1;
grid-row: 3;
gap: 10px;
padding: 10px;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes {
grid-column: 1;
grid-row: 2;
display: block;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme {
margin-bottom: 20px;
}
main #page-container #education-page .section-contents .list-wrapper ul.learning-themes li.learning-theme .details {
background-color: #fff9;
position: relative;
top: unset;
width: 100%;
left: unset;
max-height: unset;
visibility: visible;
padding: 10px;
box-shadow: none;
}
main #page-container #education-page .section-contents .infos-inscriptions {
gap: 10px;
padding: 10px;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups,
main #page-container #education-page .section-contents .infos-inscriptions .pricing {
background-color: white;
padding: 20px;
display: flex;
flex-direction: column;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .table-wrapper table,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .table-wrapper table {
width: 100%;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups .table-wrapper table td,
main #page-container #education-page .section-contents .infos-inscriptions .pricing .table-wrapper table td {
border: 1px solid #dde;
padding: 10px;
}
main #page-container #education-page .section-contents .teacher {
grid-column: 1;
padding: 20px;
}
main #page-container #education-page .edu-themes .edu-theme img {
width: 100%;
}
main #page-container #games-page .game-articles article {
display: grid;
......
src/pages/education/components/game-studio-club.js
+ 265
− 266
View file @ 7f6f054b
This diff is collapsed.
src/pages/education/education.js
+ 107
− 4
View file @ 7f6f054b
......@@ -2,8 +2,47 @@
const { images_url } = require("../../../constants");
const WebPage = require("../../lib/web-page");
const GameStudioClub = require("./components/game-studio-club");
const Popularization = require("./components/popularization");
// const GameStudioClub = require("./components/game-studio-club");
// const Popularization = require("./components/popularization");
const EDU_THEMES = [
{
title: "Game Studio Club",
description: "Conception, graphisme et animation, programmation, je vous accompagne dans la découverte des techniques pour créer un jeu vidéo de A à Z",
image: "learning_theme_conception.png",
pageUrl: "game-studio-club",
},
{
title: "Programmation",
description: "Vous avez une idée de projet à réaliser en programmation ou vous êtes simplement curieux ? Apprenez à programmer avec différent langages, pour du web du logiciel ou du jeu vidéo.",
image: "learning_theme_coding.png",
pageUrl: "coding",
},
{
title: "Dessin numérique et animation 2D",
description: "Maîtriser des logiciels libres de création graphique 2D et d'animation.",
image: "learning_theme_2d.png",
pageUrl: "2d",
},
{
title: "Maths et physiques",
description: "Fâché avec les maths ? Aborder les notions fondamentales de façon décontractée pour le plaisir de comprendre.",
image: "learning_theme_math.png",
pageUrl: "math",
},
{
title: "Musique et sons électroniques",
description: "Maîtriser des logiciels libres de composition musicales, de synthèse sonore et de prise de son.",
image: "learning_theme_sound.png",
pageUrl: "sound",
},
{
title: "Aide informatique générale",
description: "Perdu avec votre ordinateur ou votre smartphone, les logicels, internet ? Je vous aide pas à pas à comprendre les fondamentaux et à utiliser sereinement la technologie.",
image: "learning_theme_pc.png",
pageUrl: "popularization"
}
];
class EducationPage extends WebPage {
......@@ -11,6 +50,7 @@ class EducationPage extends WebPage {
return {
tag: "div",
id: "education-page",
typeof: "EducationalOrganization",
contents: [
{
tag: "div",
......@@ -40,8 +80,71 @@ class EducationPage extends WebPage {
},
],
},
new GameStudioClub().render(),
new Popularization().render(),
{
tag: "div",
class: "title-banner",
},
{
tag: "div",
class: "page-contents-center",
contents: [
{
tag: "p",
class: "edu-pitch",
contents: `La pédagogie est un des objectifs majeurs de Kuadrado Software. <br />
L'informatique est aujourd'hui un élément incontournable de notre société et j'ai la conviction
qu'il est fondamental de pouvoir accéder de façon simple à une forme d'apprentissage et de partage de connaissances.<br />
Je propose donc des séances d'enseignement autour des sujets que je suis en position de transmettre en tant que développeur et artiste.`
},
{
tag: "ul",
class: "edu-themes",
contents: EDU_THEMES.map(theme => {
return {
tag: "li",
class: "edu-theme",
contents: [
{
tag: "a",
href: theme.pageUrl,
contents: [
{ tag: "h3", contents: theme.title },
{ tag: "img", class: "pixelated", src: `${images_url}/${theme.image}` },
{ tag: "p", contents: theme.description },
]
}
]
}
})
},
{
tag: "div",
contents: "Pour qui ? Tout le monde à partir de 12 ans, ados ou adultes."
},
{
tag: "div",
contents: "Ou ça ? Dans mon local professionel 32 rue Simon Vialet Vernoux"
},
{
tag: "div",
contents: "Tarfs: 60 bal par mois. Ou 30€/h pour des cours particuliers, visio possible."
},
{
tag: "div",
contents: "Horaires: mardi 17h 18h30, mercredi 15h 16h30, jeudi 17h 18h30"
},
{
tag: "div",
contents: "Matos informatique fournis sur place, on peut amener le sien si on veut."
},
{
tag: "div",
contents: "Pour s'inscrire: Me contacter ou passer me voir. Télécharger le ficher d'inscription -> ici"
}
]
},
],
};
}
......
src/pages/education/education.scss
+ 304
− 289
View file @ 7f6f054b
This diff is collapsed.
src/pages/education/index.js
+ 0
− 2
View file @ 7f6f054b
"use strict";
"use strict";
const runPage = require("../../run-page");
const EducationPage = require("./education");
......
src/pages/education/subpages/game-studio-club/game-studio-club.js 0 → 100644
+ 197
− 0
View file @ 7f6f054b
"use strict";
const WebPage = require("../../../../lib/web-page");
const GameStudioClub = require("../../components/game-studio-club");
"use strict";
const { images_url } = require("../../../../constants");
const GAMEDEV_THEMES = [
{
title: "Dessin et création 2D",
image: "learning_theme_2d.png",
details: [
"Création de décors et de personnages",
"Dessin sur ordinateur, pixel art, vectoriel",
"Animations 2D",
],
},
{
title: "Musique et sons",
image: "learning_theme_sound.png",
details: ["Logiciels de son et synthétiseurs", "Composition", "Prise de son", "Mixage"],
},
{
title: "Écriture",
image: "learning_theme_write.png",
details: [
"Écrire une histoire, construire une narration",
"Imaginer des mondes et des personnages",
],
},
{
title: "Conception",
image: "learning_theme_conception.png",
details: [
"Concevoir les différents éléments qui composent le jeu",
"Développer les mécanismes de gameplay",
],
},
{
title: "Programmation",
image: "learning_theme_coding.png",
details: [
"Apprendre pas à pas à coder avec différents langages de programmation",
"Découvrir les bases du web en créant des mini-jeux en lignes",
],
},
{
title: "Mathématiques",
image: "learning_theme_math.png",
comment:
"<em>Créer un jeu vidéo c'est l'occasion de découvrir plein de sujets en maths et en physique tout en s'amusant !</em>",
details: [
"Algorithmie",
"Logique (algèbre booléen)",
"Géométrie",
"Trigonométrie",
"Algèbre linéaire",
"Repères 2D / 3D",
"Vecteurs 2D / 3D",
"Newton",
"...",
],
},
{
title: "Travail d'équipe",
image: "learning_theme_team.png",
comment: `
<em>
Faire son jeu tout seul c'est bien mais ça peut être long !
<br />Créer des jeux c'est aussi l'occasion de se mettre à plusieurs pour tirer le meilleur parti des différents talents de chacun.
</em>`,
details: ["Gestion de projet", "Méthodologie", "Communication"],
},
{
title: "Logiciels libres, GNU/Linux",
image: "learning_theme_linux.png",
comment:
"<em>Nous utilisons essentiellement des logiciels libres sur Linux.<br />C'est donc une bonne occasion de découvrir et démystifier tout ça en douceur !</em>",
details: ["Ubuntu / Debian", "GIMP", "LMMS", "Audacity", "Pencil2d", "..."],
},
];
class GameStudioClub {
render() {
return {
tag: "section",
typeof: "EducationalOrganization",
contents: [
{
tag: "div",
class: "title-banner game-banner",
contents: [{ tag: "h2", contents: "Game Studio Club", property: "name" }],
},
{
tag: "div",
class: "section-contents page-contents-center",
contents: [
{
tag: "div",
class: "full-row",
contents: [
{
tag: "h3",
class: "big",
contents:
"Apprendre à créer un <blue>jeu vidéo</blue> de A à Z",
property: "headline",
},
{
tag: "strong",
contents:
"La création d'un jeu vidéo c'est l'occasion d'aborder plein de choses différentes !",
},
{
tag: "p",
contents:
"<em><b><blue>Aucun prérequis nécessaire</blue></b>. Pas besoin d'être fort en maths ou en informatique, le but est d'apprendre et se détendre !</em>",
},
],
},
{
tag: "div",
class: "list-wrapper",
property: "hasPart",
contents: [
{
tag: "ul",
class: "learning-themes",
contents: GAMEDEV_THEMES.map(li => {
return {
tag: "li",
class: "learning-theme",
typeof: "ListItem",
contents: [
{
tag: "strong",
class: "title",
contents: li.title,
property: "name",
},
{
tag: "img",
alt: `learning theme image ${li.title}`,
src: `${images_url}${li.image}`,
property: "image",
},
{
tag: "div",
class: "details",
property: "description",
contents: [
li.comment && {
tag: "div",
class: "comment",
contents: li.comment,
},
{
tag: "ul",
contents: li.details.map(d => {
return {
tag: "li",
contents: d,
};
}),
},
],
},
],
};
}),
},
],
},
],
},
],
};
}
}
class GameStudioClubPage extends WebPage {
render() {
return {
tag: "div",
id: "game-studio-club-page",
contents: [
new GameStudioClub().render(),
],
};
}
}
module.exports = GameStudioClubPage;
src/pages/education/subpages/game-studio-club/game-studio-club.scss 0 → 100644
+ 295
− 0
View file @ 7f6f054b
// .section-contents {
// padding: 20px 40px 60px;
// display: grid;
// grid-template-columns: auto 1fr;
// gap: 20px;
// height: auto;
// .full-row {
// grid-column: 1 / span 2;
// }
// .practical-infos {
// grid-column: 2;
// grid-row: 2;
// display: flex;
// flex-direction: column;
// gap: 40px;
// background-image: url("/assets/images/wallpaper_binary_light.png");
// padding: 30px;
// .info-item {
// display: flex;
// flex-direction: column;
// background-color: white;
// padding: 20px;
// strong {
// margin-bottom: 10px;
// white-space: nowrap;
// color: $medium_grey;
// }
// span,
// a {
// font-size: 14px;
// }
// }
// }
// .list-wrapper {
// grid-column: 1;
// grid-row: 2;
// ul.learning-themes {
// display: flex;
// gap: 20px 30px;
// flex-wrap: wrap;
// li.learning-theme {
// position: relative;
// border: solid $light_0;
// border-width: 0 2px 2px 0;
// display: flex;
// flex-direction: column;
// .title {
// color: $medium_grey;
// display: block;
// position: absolute;
// background-color: #fffa;
// padding: 3px 10px;
// width: 100%;
// }
// img {
// width: 100%;
// height: auto;
// image-rendering: pixelated;
// image-rendering: -moz-crisp-edges;
// image-rendering: crisp-edges;
// }
// .details {
// background-color: #fffe;
// position: absolute;
// top: 25px;
// left: 25px;
// width: 300px;
// height: auto;
// max-height: 0;
// visibility: hidden;
// z-index: 1;
// transition: max-height 0.6s;
// padding: 20px;
// border: solid $light_0;
// border-width: 0 1px 1px 0;
// overflow: hidden;
// display: flex;
// flex-direction: column;
// gap: 10px;
// .comment {
// font-style: italic;
// * {
// color: $medium_grey;
// }
// }
// ul {
// list-style-type: disc;
// font-size: 14px;
// margin-left: 10px;
// li {
// color: $medium_grey;
// }
// }
// }
// &:hover {
// .details {
// max-height: 1000px;
// visibility: visible;
// }
// }
// }
// }
// }
// .infos-inscriptions {
// display: flex;
// gap: 40px;
// background-image: url("/assets/images/wallpaper_binary_light.png");
// padding: 30px;
// .groups,
// .pricing {
// background-color: white;
// padding: 20px;
// display: flex;
// flex-direction: column;
// h3 {
// margin: 0;
// color: $light_1;
// }
// .table-wrapper {
// table {
// border: 1px solid #dde;
// border-collapse: collapse;
// td {
// border: 1px solid #dde;
// padding: 10px 20px;
// }
// }
// }
// .documents {
// margin-top: 20px;
// .links {
// display: flex;
// gap: 20px;
// .download-link {
// border: 1px solid;
// padding: 8px;
// display: flex;
// margin: 10px 0 0;
// border-radius: 4px;
// }
// }
// }
// }
// }
// .teacher {
// grid-column: 1 / span 2;
// background: url("/assets/images/wallpaper_binary_light.png");
// padding: 30px;
// @include flex-center-col;
// .teacher-card {
// background-color: white;
// display: grid;
// grid-template-columns: auto 1fr;
// width: 100%;
// gap: 20px;
// padding: 20px;
// h3 {
// margin: 0;
// width: 100%;
// color: $light_1;
// grid-column: 1 / span 2;
// }
// .pic {
// img {
// width: 100px;
// }
// }
// .infos-text {
// padding: 0 20px;
// h4 {
// color: $blue_2;
// margin: 0;
// font-size: 18px;
// }
// p {
// color: $light_1;
// display: block;
// }
// }
// }
// }
// }
// @media screen and (max-width: $screen_l) {
// .section-contents {
// .list-wrapper {
// ul.learning-themes {
// display: block;
// li.learning-theme {
// width: 100%;
// margin-bottom: 20px;
// .details {
// background-color: #fff9;
// position: relative;
// top: unset;
// width: 100%;
// left: unset;
// max-height: unset;
// visibility: visible;
// padding: 10px;
// box-shadow: none;
// ul {
// list-style-type: disc;
// font-size: 14px;
// margin-left: 10px;
// }
// }
// }
// }
// }
// .infos-inscriptions {
// flex-direction: column;
// }
// }
// }
// @media screen and (max-width: $screen_m) {
// h3 {
// &.big {
// font-size: 22px;
// }
// }
// .title-banner {
// height: 170px;
// min-height: unset;
// h2 {
// font-size: 2em;
// margin: 20px;
// text-shadow: 0 0 4px #000b;
// }
// }
// .section-contents {
// padding: 20px 20px 40px;
// grid-template-columns: 100%;
// .full-row {
// grid-column: 1;
// }
// .practical-infos {
// grid-column: 1;
// grid-row: 3;
// gap: 10px;
// padding: 10px;
// }
// .list-wrapper {
// ul.learning-themes {
// grid-column: 1;
// grid-row: 2;
// display: block;
// li.learning-theme {
// margin-bottom: 20px;
// .details {
// background-color: #fff9;
// position: relative;
// top: unset;
// width: 100%;
// left: unset;
// max-height: unset;
// visibility: visible;
// padding: 10px;
// box-shadow: none;
// }
// }
// }
// }
// .infos-inscriptions {
// gap: 10px;
// padding: 10px;
// .groups,
// .pricing {
// background-color: white;
// padding: 20px;
// display: flex;
// flex-direction: column;
// .table-wrapper {
// table {
// width: 100%;
// td {
// border: 1px solid #dde;
// padding: 10px;
// }
// }
// }
// }
// }
// .teacher {
// grid-column: 1;
// padding: 20px;
// }
// }
// }
\ No newline at end of file
src/pages/education/subpages/game-studio-club/index.js 0 → 100644
+ 5
− 0
View file @ 7f6f054b
"use strict";
const runPage = require("../../../../run-page");
const GameStudioClubPage = require("./game-studio-club");
runPage(GameStudioClubPage);
src/pages/education/subpages/game-studio-club/meta.json 0 → 100644
+ 23
− 0
View file @ 7f6f054b
{
"title": "Kuadrado Software | Game Studio Club",
"description": "Apprendre à créer un jeu vidéo de A à Z",
"image": "https://kuadrado-software.fr/assets/images/brain.png",
"open_graph": {
"title": "Kuadrado Software | Game Studio Club",
"description": "Apprendre à créer un jeu vidéo de A à Z"
},
"json_ld": {
"@context": "https://schema.org",
"type": "WebPage",
"description": "Apprendre à créer un jeu vidéo de A à Z",
"image": [
"https://kuadrado-software.fr/assets/images/brain.svg",
"https://kuadrado-software.fr/assets/images/brain.png",
"https://kuadrado-software.fr/assets/images/game_studio_banner.png",
"https://kuadrado-software.fr/assets/images/popularization_banner.png"
],
"keywords": "Apprendre informatique jeu vidéo, gamedev, code",
"name": "Kuadrado Software - Game Studio Club",
"url": "https://kuadrado-software.fr/education/game-studio/club"
}
}
\ No newline at end of file
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