Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(style): nouvelle charte graphique SII #80

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from
Open

feat(style): nouvelle charte graphique SII #80

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/images/reduxjs.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 1 addition & 13 deletions gulpfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,18 +33,6 @@ const CATEGORY = {
let name = '';
let category = '';

const getColor = category => {
switch (category) {
case CATEGORY.FRAMEWORKS:
return 'green';
case CATEGORY.LANGUAGES:
return 'orange';
case CATEGORY.TOOLS:
default:
return 'blue';
}
};

/**
* PRIVATE TASKS
*/
Expand Down Expand Up @@ -168,7 +156,7 @@ task(
function renameCss() {
return gulp
.src('./src/' + name + '/style.scss')
.pipe(replace('{{COLOR}}', getColor(category)))
.pipe(replace('{{CATEGORY}}', category))
.pipe(rename(name + '.scss'))
.pipe(gulp.dest('./src/' + name));
}
Expand Down
4 changes: 0 additions & 4 deletions src/affinage/affinage.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,6 @@
}

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--orange);


#showPreview:checked ~ .reverse .landscape {
transform: rotate(90deg) translateX(164px) translateY(164px);
width: 29.7cm;
Expand Down
4 changes: 2 additions & 2 deletions src/affinage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,11 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="AGILE">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header-no-print-large.html', {"title": "Affinage du backlog", "subtitle": "Cérémonies scrum", "imageName": "AgileBySII_blanc"})

<main>
<div class="column1">
@@include('../../dist/@@folder/first-side/column1.html')
Expand Down
3 changes: 0 additions & 3 deletions src/angular-cli/angular-cli.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);

main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/angular-cli/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "Angular CLI cheat sheet", "subtitle": "CLI tool for Angular", "imageName": "@@folder"})
Expand Down
3 changes: 0 additions & 3 deletions src/angular/angular.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--orange);

main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/angular/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="FRAMEWORKS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "Angular (TS) cheat sheet", "subtitle": "One framework. Mobile & desktop.", "imageName": "@@folder"})
Expand Down
3 changes: 0 additions & 3 deletions src/ansible/ansible.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);

main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/ansible/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "ansible cheat sheet", "subtitle": "Configuration Management Tool", "imageName": "@@folder"})
Expand Down
3 changes: 0 additions & 3 deletions src/clea/clea.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--purple);

main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/clea/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "clea", "subtitle": "CLI tool for AngularJS & Typescript projects", "imageName": "clea-white"})
Expand Down
27 changes: 24 additions & 3 deletions src/common.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,13 +168,34 @@

body {
--nb-column: 2;
--blue: #005AA2;
--green: #B2BE3A;
--purple: #8D3589;
--blue: #004278;
--light-blue: #007eb5;
--green: #097f03;
--purple: #7c08a3;
--red: #d30012;
--fuchsia: #da277a;
--orange: #D64B13;
--grey: #80888C;
--lightgrey: #eeeef0;

--currentColor: var(--grey);

&.AGILE {
--currentColor: var(--purple);
}
&.FRAMEWORKS {
--currentColor: var(--orange);
}
&.LANGUAGES {
--currentColor: var(--green);
}
&.PRACTICES {
--currentColor: var(--red);
}
&.TOOLS {
--currentColor: var(--blue);
}

min-width: 740px;
margin: 0;
font-family: 'Open Sans', sans-serif;
Expand Down
5 changes: 1 addition & 4 deletions src/cordova/cordova.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,7 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--green);

main div {
main div {
img {
height: 230px;
}
Expand Down
2 changes: 1 addition & 1 deletion src/cordova/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="FRAMEWORKS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "cordova cheat sheet", "subtitle": "Mobile apps with HTML, CSS & JS", "imageName": "@@folder"})
Expand Down
3 changes: 0 additions & 3 deletions src/css-selectors/css-selectors.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);

main div {
img {
width: 100%;
Expand Down
2 changes: 1 addition & 1 deletion src/css-selectors/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="LANGUAGES">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "css cheat sheet", "subtitle": "Selectors and Specificities", "imageName": "@@folder"})
Expand Down
3 changes: 0 additions & 3 deletions src/dailymeeting/dailymeeting.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,7 @@
}

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);


#showPreview:checked ~ .reverse .landscape {
transform: rotate(90deg) translateX(164px) translateY(164px);
width: 29.7cm;
Expand Down
2 changes: 1 addition & 1 deletion src/dailymeeting/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="AGILE">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header-no-print-large.html', {"title": "Daily Meeting", "subtitle": "Cérémonies scrum", "imageName": "AgileBySII_blanc"})
Expand Down
3 changes: 0 additions & 3 deletions src/docker-compose/docker-compose.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);

main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/docker-compose/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "Docker Compose", "subtitle": "Tool for running multi-container Docker applications", "imageName": "@@folder"})
Expand Down
4 changes: 1 addition & 3 deletions src/docker-swarm/docker-swarm.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,7 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);


main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/docker-swarm/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "docker swarm", "subtitle": "Container orchestration platform", "imageName": "@@folder"})
Expand Down
4 changes: 1 addition & 3 deletions src/docker/docker.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,7 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);


main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/docker/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "docker cheat sheet", "subtitle": "Software container platform", "imageName": "@@folder"})
Expand Down
2 changes: 0 additions & 2 deletions src/es6/es6.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--green);

main div {
img {
Expand Down
2 changes: 1 addition & 1 deletion src/es6/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="LANGUAGES">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "es6 cheat sheet", "subtitle": "Ecmascript 6", "imageName": "@@folder"})
Expand Down
2 changes: 0 additions & 2 deletions src/git/git.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,6 @@
/* you must not change other scss files */

body {
--currentColor: var(--blue);

.first-side {
main div {
img {
Expand Down
2 changes: 1 addition & 1 deletion src/git/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "Git cheat sheet", "subtitle": "Improve your Git skills", "imageName": "@@folder"})
Expand Down
3 changes: 0 additions & 3 deletions src/golang/golang.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);

main div {
img {
height: 230px;
Expand Down
2 changes: 1 addition & 1 deletion src/golang/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="LANGUAGES">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "Golang cheat sheet", "subtitle": "Golang in a nutshell", "imageName": "@@folder"})
Expand Down
2 changes: 1 addition & 1 deletion src/java-design-pattern/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="PRACTICES">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "Design Pattern cheat sheet", "subtitle": "Most popular in Java", "imageName": "@@folder"})
Expand Down
5 changes: 1 addition & 4 deletions src/java-design-pattern/java-design-pattern.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,7 @@
/* you must not change other scss files */

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--blue);

main div {
main div {
img {
height: 230px;
}
Expand Down
2 changes: 1 addition & 1 deletion src/kanban/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="AGILE">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header-no-print-large.html', {"title": "Kanban", "subtitle": "Un processus pour améliorer les processus", "imageName": "AgileBySII_blanc"})
Expand Down
4 changes: 0 additions & 4 deletions src/kanban/kanban.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,6 @@
}

body {
// available colors are: blue, green, purple, orange and grey
--currentColor: var(--orange);


#showPreview:checked ~ .reverse .landscape {
transform: rotate(90deg) translateX(164px) translateY(164px);
width: 29.7cm;
Expand Down
2 changes: 1 addition & 1 deletion src/kubernetes/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" href="../common/lib/atom-one-light.css">
<link rel="stylesheet" href="./@@folder.css">
</head>
<body>
<body class="TOOLS">
<input type="checkbox" id="showPreview"/>
<div class="first-side">
@@include('../../dist/common/first-side/header.html', {"title": "kubernetes cheat sheet", "subtitle": "Automated container deployment, scaling and management", "imageName": "@@folder"})
Expand Down
Loading