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 c4b3bc71 authored by peter_rabbit's avatar peter_rabbit
Browse files

images

parent 168983e5
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 207 additions and 82 deletions
assets/images/learning_theme_2D.gif 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/learning_theme_2D.gif

1.71 MiB

assets/images/learning_theme_code.jpg 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/learning_theme_code.jpg

60.5 KiB

assets/images/learning_theme_linux.jpg 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/learning_theme_linux.jpg

11 KiB

assets/images/learning_theme_math.jpg 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/learning_theme_math.jpg

16.7 KiB

assets/images/learning_theme_sound.jpg 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/learning_theme_sound.jpg

23 KiB

assets/images/logo_kuadrado_l.png 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/logo_kuadrado_l.png

38 KiB

assets/images/logo_kuadrado_l64.png 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/logo_kuadrado_l64.png

8.23 KiB

assets/images/logo_kuadrado_s32.png 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/logo_kuadrado_s32.png

2.74 KiB

assets/images/logo_kuadrado_xs16.png 0 → 100644
+ 0
− 0
View file @ c4b3bc71
assets/images/logo_kuadrado_xs16.png

844 B

assets/images/wallpaper_binary.png
+ 0
− 0
View replaced file @ 168983e5 View file @ c4b3bc71
assets/images/wallpaper_binary.png

2.66 KiB | W: | H:

assets/images/wallpaper_binary.png

6.59 KiB | W: | H:

assets/images/wallpaper_binary.png
assets/images/wallpaper_binary.png
assets/images/wallpaper_binary.png
assets/images/wallpaper_binary.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/wallpaper_binary_light.png
+ 0
− 0
View replaced file @ 168983e5 View file @ c4b3bc71
assets/images/wallpaper_binary_light.png

9.9 KiB | W: | H:

assets/images/wallpaper_binary_light.png

9.88 KiB | W: | H:

assets/images/wallpaper_binary_light.png
assets/images/wallpaper_binary_light.png
assets/images/wallpaper_binary_light.png
assets/images/wallpaper_binary_light.png
  • 2-up
  • Swipe
  • Onion skin
favicon.ico
+ 0
− 0
View replaced file @ 168983e5 View file @ c4b3bc71
favicon.ico

4.66 KiB | W: 85px | H: 83px

favicon.ico

844 B | W: 50px | H: 36px

favicon.ico
favicon.ico
favicon.ico
favicon.ico
  • 2-up
  • Swipe
  • Onion skin
public/education/education.js
+ 31
− 17
View file @ c4b3bc71
......@@ -114,7 +114,7 @@ const { images_url } = require("../../../../constants");
const GAMEDEV_THEMES = [
{
title: "Dessin et création 2D",
image: `${images_url}/glitch_meta_screen1.png`,
image: `${images_url}/learning_theme_2D.gif`,
comment: "",
details: [
"Créer des décors et des personnages",
......@@ -124,7 +124,7 @@ const GAMEDEV_THEMES = [
},
{
title: "Musique et effets sonores",
image: `${images_url}/glitch_meta_screen2.png`,
image: `${images_url}/learning_theme_sound.jpg`,
comment: "",
details: [
"Utiliser des logiciels de son et des synthétiseurs",
......@@ -147,13 +147,13 @@ const GAMEDEV_THEMES = [
image: `${images_url}/glitch_meta_screen4.png`,
comment: "",
details: [
"Comprendres les différents éléments qui composent un jeu",
"Comprendre les différents éléments qui composent un jeu",
"Développer les mécanismes de gameplay",
],
},
{
title: "Programmation informatique",
image: `${images_url}/glitch_meta_screen5.png`,
image: `${images_url}/learning_theme_code.jpg`,
comment: "",
details: [
"Apprendre pas à pas à coder avec différents langages de programmation",
......@@ -162,11 +162,11 @@ const GAMEDEV_THEMES = [
},
{
title: "Mathématiques et physique",
image: `${images_url}/glitch_meta_screen6.png`,
image: `${images_url}/learning_theme_math.jpg`,
comment:
"<i>Le jeu vidéo et l'informatique en général, c'est l'occasion de découvrir plein de sujets en maths et en physique tout en s'amusant !</i>",
"<i>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 !</i>",
details: [
"Algorithmie, logique, calcul, ensembles, géométrie, trigonométrie, algèbre linéaire ,vecteurs, repères en 2 dimensions ...",
"Algorithmie, logique, géométrie, trigonométrie, algèbre linéaire, vecteurs, repères en 2D ...",
],
},
{
......@@ -177,8 +177,8 @@ const GAMEDEV_THEMES = [
details: [],
},
{
title: "Logiciels libres, systèmes Linux",
image: `${images_url}/glitch_meta_screen2.png`,
title: "Logiciels libres, GNU/Linux",
image: `${images_url}/learning_theme_linux.jpg`,
comment:
"<i>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 !</i>",
details: [],
......@@ -450,7 +450,7 @@ const VULGARISATION_THEMES = [
},
{
title: "GNU/Linux, le monde du libre",
image: `${images_url}/glitch_meta_screen2.png`,
image: `${images_url}/learning_theme_linux.jpg`,
comment: "",
details: [
"Installer Linux, démystifier et faire tomber les barrières.",
......@@ -469,7 +469,7 @@ const VULGARISATION_THEMES = [
},
{
title: "Le langages des machines",
image: `${images_url}/glitch_meta_screen4.png`,
image: `${images_url}/learning_theme_code.jpg`,
comment: "",
details: [
"Démystifier la programmation informatique",
......@@ -640,8 +640,10 @@ module.exports = function runPage(PageComponent) {
},{"./lib/object-html-renderer":3,"./template/template":9}],9:[function(require,module,exports){
"use strict";
const { images_url } = require("../../constants");
const NAV_MENU_ITEMS = [
["/public/", "Accueil"],
["/public/", "logo_kuadrado_s32.png; "],
["/public/games/", "Jeux"],
["/public/software-development/", "Software"],
[
......@@ -665,13 +667,25 @@ class Template {
tag: "ul",
class: isSubmenu ? "submenu" : "",
contents: menuItemsArray.map(link => {
const [href, text, submenu] = link;
let [href, text, submenu] = link;
const spltTxt = text.split(";");
text = spltTxt.length > 1 ? spltTxt[1] : text;
const img = spltTxt.length > 1 ? spltTxt[0] : undefined;
return {
tag: "li",
class: !isSubmenu && window.location.pathname === href ? "active" : "",
contents: [{ tag: "a", href, contents: text }].concat(
submenu ? [this.renderMenu(submenu, true)] : []
),
contents: [
{
tag: "a",
href,
contents: img
? [
{ tag: "img", src: `${images_url}/${img}` },
{ tag: "span", contents: text },
]
: text,
},
].concat(submenu ? [this.renderMenu(submenu, true)] : []),
};
}),
};
......@@ -713,4 +727,4 @@ class Template {
module.exports = Template;
},{}]},{},[7]);
},{"../../constants":2}]},{},[7]);
public/games/games.js
+ 46
− 10
View file @ c4b3bc71
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
const ENV = "dev";
let server_url;
switch (ENV) {
case "dev":
server_url = "http://localhost:9000";
break;
case "prod":
server_url = "http://your_production_server_url:port";
}
module.exports = { server_url };
},{}],2:[function(require,module,exports){
const { server_url } = require("./config");
module.exports = {
images_url: `${server_url}/assets/images`,
};
},{"./config":1}],3:[function(require,module,exports){
"use strict";
module.exports = {
......@@ -84,7 +106,7 @@ module.exports = {
},
};
},{}],2:[function(require,module,exports){
},{}],4:[function(require,module,exports){
"use strict";
class GamesPage {
......@@ -107,7 +129,7 @@ class GamesPage {
module.exports = GamesPage;
},{}],3:[function(require,module,exports){
},{}],5:[function(require,module,exports){
"use strict";
"use strict";
......@@ -115,7 +137,7 @@ const runPage = require("../../run-page");
const GamesPage = require("./games");
runPage(GamesPage);
},{"../../run-page":4,"./games":2}],4:[function(require,module,exports){
},{"../../run-page":6,"./games":4}],6:[function(require,module,exports){
"use strict";
const objectHtmlRenderer = require("./lib/object-html-renderer");
......@@ -127,11 +149,13 @@ module.exports = function runPage(PageComponent) {
objectHtmlRenderer.renderCycle();
};
},{"./lib/object-html-renderer":1,"./template/template":5}],5:[function(require,module,exports){
},{"./lib/object-html-renderer":3,"./template/template":7}],7:[function(require,module,exports){
"use strict";
const { images_url } = require("../../constants");
const NAV_MENU_ITEMS = [
["/public/", "Accueil"],
["/public/", "logo_kuadrado_s32.png; "],
["/public/games/", "Jeux"],
["/public/software-development/", "Software"],
[
......@@ -155,13 +179,25 @@ class Template {
tag: "ul",
class: isSubmenu ? "submenu" : "",
contents: menuItemsArray.map(link => {
const [href, text, submenu] = link;
let [href, text, submenu] = link;
const spltTxt = text.split(";");
text = spltTxt.length > 1 ? spltTxt[1] : text;
const img = spltTxt.length > 1 ? spltTxt[0] : undefined;
return {
tag: "li",
class: !isSubmenu && window.location.pathname === href ? "active" : "",
contents: [{ tag: "a", href, contents: text }].concat(
submenu ? [this.renderMenu(submenu, true)] : []
),
contents: [
{
tag: "a",
href,
contents: img
? [
{ tag: "img", src: `${images_url}/${img}` },
{ tag: "span", contents: text },
]
: text,
},
].concat(submenu ? [this.renderMenu(submenu, true)] : []),
};
}),
};
......@@ -203,4 +239,4 @@ class Template {
module.exports = Template;
},{}]},{},[3]);
},{"../../constants":2}]},{},[5]);
public/main.js
+ 46
− 10
View file @ c4b3bc71
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
const ENV = "dev";
let server_url;
switch (ENV) {
case "dev":
server_url = "http://localhost:9000";
break;
case "prod":
server_url = "http://your_production_server_url:port";
}
module.exports = { server_url };
},{}],2:[function(require,module,exports){
const { server_url } = require("./config");
module.exports = {
images_url: `${server_url}/assets/images`,
};
},{"./config":1}],3:[function(require,module,exports){
"use strict";
class HomePage {
......@@ -21,7 +43,7 @@ class HomePage {
module.exports = HomePage;
},{}],2:[function(require,module,exports){
},{}],4:[function(require,module,exports){
"use strict";
module.exports = {
......@@ -107,7 +129,7 @@ module.exports = {
},
};
},{}],3:[function(require,module,exports){
},{}],5:[function(require,module,exports){
"use strict";
const HomePage = require("./homepage");
......@@ -115,7 +137,7 @@ const runPage = require("./run-page");
runPage(HomePage);
},{"./homepage":1,"./run-page":4}],4:[function(require,module,exports){
},{"./homepage":3,"./run-page":6}],6:[function(require,module,exports){
"use strict";
const objectHtmlRenderer = require("./lib/object-html-renderer");
......@@ -127,11 +149,13 @@ module.exports = function runPage(PageComponent) {
objectHtmlRenderer.renderCycle();
};
},{"./lib/object-html-renderer":2,"./template/template":5}],5:[function(require,module,exports){
},{"./lib/object-html-renderer":4,"./template/template":7}],7:[function(require,module,exports){
"use strict";
const { images_url } = require("../../constants");
const NAV_MENU_ITEMS = [
["/public/", "Accueil"],
["/public/", "logo_kuadrado_s32.png; "],
["/public/games/", "Jeux"],
["/public/software-development/", "Software"],
[
......@@ -155,13 +179,25 @@ class Template {
tag: "ul",
class: isSubmenu ? "submenu" : "",
contents: menuItemsArray.map(link => {
const [href, text, submenu] = link;
let [href, text, submenu] = link;
const spltTxt = text.split(";");
text = spltTxt.length > 1 ? spltTxt[1] : text;
const img = spltTxt.length > 1 ? spltTxt[0] : undefined;
return {
tag: "li",
class: !isSubmenu && window.location.pathname === href ? "active" : "",
contents: [{ tag: "a", href, contents: text }].concat(
submenu ? [this.renderMenu(submenu, true)] : []
),
contents: [
{
tag: "a",
href,
contents: img
? [
{ tag: "img", src: `${images_url}/${img}` },
{ tag: "span", contents: text },
]
: text,
},
].concat(submenu ? [this.renderMenu(submenu, true)] : []),
};
}),
};
......@@ -203,4 +239,4 @@ class Template {
module.exports = Template;
},{}]},{},[3]);
},{"../../constants":2}]},{},[5]);
public/software-development/software-development.js
+ 46
− 10
View file @ c4b3bc71
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
const ENV = "dev";
let server_url;
switch (ENV) {
case "dev":
server_url = "http://localhost:9000";
break;
case "prod":
server_url = "http://your_production_server_url:port";
}
module.exports = { server_url };
},{}],2:[function(require,module,exports){
const { server_url } = require("./config");
module.exports = {
images_url: `${server_url}/assets/images`,
};
},{"./config":1}],3:[function(require,module,exports){
"use strict";
module.exports = {
......@@ -84,7 +106,7 @@ module.exports = {
},
};
},{}],2:[function(require,module,exports){
},{}],4:[function(require,module,exports){
"use strict";
class SoftwareDevelopment {
......@@ -107,7 +129,7 @@ class SoftwareDevelopment {
module.exports = SoftwareDevelopment;
},{}],3:[function(require,module,exports){
},{}],5:[function(require,module,exports){
"use strict";
"use strict";
......@@ -115,7 +137,7 @@ const runPage = require("../../run-page");
const SoftwareDevelopment = require("./software-development");
runPage(SoftwareDevelopment);
},{"../../run-page":4,"./software-development":2}],4:[function(require,module,exports){
},{"../../run-page":6,"./software-development":4}],6:[function(require,module,exports){
"use strict";
const objectHtmlRenderer = require("./lib/object-html-renderer");
......@@ -127,11 +149,13 @@ module.exports = function runPage(PageComponent) {
objectHtmlRenderer.renderCycle();
};
},{"./lib/object-html-renderer":1,"./template/template":5}],5:[function(require,module,exports){
},{"./lib/object-html-renderer":3,"./template/template":7}],7:[function(require,module,exports){
"use strict";
const { images_url } = require("../../constants");
const NAV_MENU_ITEMS = [
["/public/", "Accueil"],
["/public/", "logo_kuadrado_s32.png; "],
["/public/games/", "Jeux"],
["/public/software-development/", "Software"],
[
......@@ -155,13 +179,25 @@ class Template {
tag: "ul",
class: isSubmenu ? "submenu" : "",
contents: menuItemsArray.map(link => {
const [href, text, submenu] = link;
let [href, text, submenu] = link;
const spltTxt = text.split(";");
text = spltTxt.length > 1 ? spltTxt[1] : text;
const img = spltTxt.length > 1 ? spltTxt[0] : undefined;
return {
tag: "li",
class: !isSubmenu && window.location.pathname === href ? "active" : "",
contents: [{ tag: "a", href, contents: text }].concat(
submenu ? [this.renderMenu(submenu, true)] : []
),
contents: [
{
tag: "a",
href,
contents: img
? [
{ tag: "img", src: `${images_url}/${img}` },
{ tag: "span", contents: text },
]
: text,
},
].concat(submenu ? [this.renderMenu(submenu, true)] : []),
};
}),
};
......@@ -203,4 +239,4 @@ class Template {
module.exports = Template;
},{}]},{},[3]);
},{"../../constants":2}]},{},[5]);
src/pages/education/components/game-studio-club.js
+ 9
− 9
View file @ c4b3bc71
......@@ -5,7 +5,7 @@ const { images_url } = require("../../../../constants");
const GAMEDEV_THEMES = [
{
title: "Dessin et création 2D",
image: `${images_url}/glitch_meta_screen1.png`,
image: `${images_url}/learning_theme_2D.gif`,
comment: "",
details: [
"Créer des décors et des personnages",
......@@ -15,7 +15,7 @@ const GAMEDEV_THEMES = [
},
{
title: "Musique et effets sonores",
image: `${images_url}/glitch_meta_screen2.png`,
image: `${images_url}/learning_theme_sound.jpg`,
comment: "",
details: [
"Utiliser des logiciels de son et des synthétiseurs",
......@@ -38,13 +38,13 @@ const GAMEDEV_THEMES = [
image: `${images_url}/glitch_meta_screen4.png`,
comment: "",
details: [
"Comprendres les différents éléments qui composent un jeu",
"Comprendre les différents éléments qui composent un jeu",
"Développer les mécanismes de gameplay",
],
},
{
title: "Programmation informatique",
image: `${images_url}/glitch_meta_screen5.png`,
image: `${images_url}/learning_theme_code.jpg`,
comment: "",
details: [
"Apprendre pas à pas à coder avec différents langages de programmation",
......@@ -53,11 +53,11 @@ const GAMEDEV_THEMES = [
},
{
title: "Mathématiques et physique",
image: `${images_url}/glitch_meta_screen6.png`,
image: `${images_url}/learning_theme_math.jpg`,
comment:
"<i>Le jeu vidéo et l'informatique en général, c'est l'occasion de découvrir plein de sujets en maths et en physique tout en s'amusant !</i>",
"<i>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 !</i>",
details: [
"Algorithmie, logique, calcul, ensembles, géométrie, trigonométrie, algèbre linéaire ,vecteurs, repères en 2 dimensions ...",
"Algorithmie, logique, géométrie, trigonométrie, algèbre linéaire, vecteurs, repères en 2D ...",
],
},
{
......@@ -68,8 +68,8 @@ const GAMEDEV_THEMES = [
details: [],
},
{
title: "Logiciels libres, systèmes Linux",
image: `${images_url}/glitch_meta_screen2.png`,
title: "Logiciels libres, GNU/Linux",
image: `${images_url}/learning_theme_linux.jpg`,
comment:
"<i>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 !</i>",
details: [],
......
src/pages/education/components/popularization.js
+ 2
− 2
View file @ c4b3bc71
......@@ -16,7 +16,7 @@ const VULGARISATION_THEMES = [
},
{
title: "GNU/Linux, le monde du libre",
image: `${images_url}/glitch_meta_screen2.png`,
image: `${images_url}/learning_theme_linux.jpg`,
comment: "",
details: [
"Installer Linux, démystifier et faire tomber les barrières.",
......@@ -35,7 +35,7 @@ const VULGARISATION_THEMES = [
},
{
title: "Le langages des machines",
image: `${images_url}/glitch_meta_screen4.png`,
image: `${images_url}/learning_theme_code.jpg`,
comment: "",
details: [
"Démystifier la programmation informatique",
......
src/pages/education/education.scss
+ 5
− 21
View file @ c4b3bc71
......@@ -107,32 +107,19 @@
.infos-inscriptions {
display: flex;
gap: 40px;
background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
url("../assets/images/wallpaper_binary_light.png");
padding: 20px;
.groups,
.pricing {
background-image: linear-gradient(
rgba(255, 255, 255, 0.2),
rgba(255, 255, 255, 0.2)
),
url("../assets/images/wallpaper_binary_light.png");
background-color: white;
padding: 20px;
display: flex;
flex-direction: column;
& > * {
background-color: white;
margin: 0;
width: 100%;
}
h3 {
flex: 1;
padding: 20px 20px 10px;
}
p {
padding: 10px 20px;
flex: 1;
margin: 0;
}
.table-wrapper {
flex: 1;
padding: 20px;
table {
border: 1px solid #dde;
border-collapse: collapse;
......@@ -143,9 +130,6 @@
}
}
}
.pricing {
// flex: 1;
}
}
}
}
src/style.scss
+ 22
− 3
View file @ c4b3bc71
......@@ -20,7 +20,7 @@ main {
header {
width: 100%;
nav {
background-color: #fff1;
background-color: rgba(255, 255, 255, 0.1);
ul {
display: flex;
padding: 0;
......@@ -30,10 +30,15 @@ main {
position: relative;
a {
display: flex;
align-items: center;
height: 100%;
padding: 10px 20px;
color: #b8b9c5;
font-weight: 500;
text-decoration: none;
img {
width: 40px;
}
}
.submenu {
......@@ -41,11 +46,15 @@ main {
position: absolute;
height: auto;
max-height: 0;
transition: max-height .5s;
transition: max-height 0.5s;
top: 100%;
left: 50%;
flex-direction: column;
background-image: url("../assets/images/wallpaper_binary.png");
background-image: linear-gradient(
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.1)
),
url("../assets/images/wallpaper_binary.png");
white-space: nowrap;
}
&:hover,
......@@ -59,6 +68,16 @@ main {
.submenu {
visibility: unset;
max-height: 1000px;
a {
color: #b8b9c5;
}
li {
&:hover {
a {
color: white;
}
}
}
}
}
}
......
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