Conjure/Site-Web
6
0
Fork 0
mirror of https://github.com/ConjureETS/Site.git synced 2026-03-24 01:30:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Project SetUp

Browse Source 
Add node_modules, gulp (to watch and compile js and sass) + create project directories
This commit is contained in:
Maxime Di Lullo 2019-05-31 12:29:24 -04:00
parent d11869fdc3
commit 412e83bfa9
9 changed files with 122 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@ -0,0 +1,3 @@
.idea
node_modules
package-lock.json

14
README.md
View File

@ -1,2 +1,14 @@
# Site
# Conjure Site
Site web officiel du club Conjure de l'ÉTS
## Installation
1) Clone projet de git
2) Faire `npm install` en ligne de commande
## Dépendances
- CSS Framework : [Bulma v.0.7.5](https://bulma.io/)
- Compilation par Gulp
## Compilation
Lorsque vous faites des changements dans le JavaScript ou le SASS, lancez la commande de commande `gulp watch`.
Celui-ci regardera les changements fait au fur et à mesure et compilera les fichiers pour vous.

38
gulpfile.js Normal file
View File

@ -0,0 +1,38 @@
'use strict';
let gulp = require('gulp');
let uglify = require('gulp-uglify');
let rename = require('gulp-rename');
let concat = require('gulp-concat');
let Fiber = require('fibers');
let cleanCSS = require('gulp-clean-css');
let sass = require('gulp-sass');
sass.compiler = require('sass');
const directories = {
source: './resources/',
destination: './public/'
};
gulp.task('sass', function () {
return gulp.src(directories.source + 'sass/**/*.scss')
.pipe(sass({fiber: Fiber}).on('error', sass.logError))
.pipe(concat('main.css'))
.pipe(cleanCSS())
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest(directories.destination + 'css/'));
});
gulp.task('js', function () {
return gulp.src(directories.source + 'js/**/*.js')
.pipe(concat('main.js'))
.pipe(uglify())
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest(directories.destination + 'js/'));
});
gulp.task('watch', function() {
gulp.watch([directories.source + 'sass/**/*.scss'], gulp.series('sass'));
gulp.watch([directories.source + 'js/**/*.js'], gulp.series('js'));
});

34
package.json Normal file
View File

@ -0,0 +1,34 @@
{
"name": "Conjure-Site",
"version": "1.0.0",
"description": "Site web officiel du club Conjure de l'ÉTS",
"main": "index.js",
"dependencies": {},
"devDependencies": {
"bulma": "^0.7.5",
"fibers": "^4.0.1",
"gulp": "^4.0.2",
"gulp-clean-css": "^4.2.0",
"gulp-concat": "^2.6.1",
"gulp-rename": "^1.4.0",
"gulp-sass": "^4.0.2",
"gulp-uglify": "^3.0.2",
"node-sass": "^4.12.0",
"sass": "^1.20.1"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},
"repository": {
"type": "git",
"url": "git+https://github.com/ConjureETS/Site.git"
},
"keywords": [],
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/ConjureETS/Site/issues"
},
"homepage": "https://github.com/ConjureETS/Site#readme"
}

1
public/css/main.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

0
public/js/main.min.js vendored Normal file
View File

3
resources/js/app.js Normal file
View File

@ -0,0 +1,3 @@
(function() {
});

11
resources/sass/app.scss Normal file
View File

@ -0,0 +1,11 @@
@charset "utf-8";
@import "../../node_modules/bulma/sass/utilities/_all.sass";
@import "../../node_modules/bulma/sass/grid/columns.sass";
// Disable the widescreen breakpoint
$widescreen-enabled: false;
// Disable the fullhd breakpoint
$fullhd-enabled: false;

19
view/fr/index.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="site web du club conjure de l'école de technologie supérieure ÉTS à Montréal">
<meta name="keywords" content="Conjure, Laboratoire de médias interactifs, Club Conjure, ÉTS, École de technologie supérieure, jeu vidéo, médias interactifs">
<meta name="author" content="Club Conjure">
<title>Club Conjure</title>
<link rel="stylesheet" type="text/css" href="../../public/css/main.min.css">
</head>
<body>
<script type="application/javascript" src="../../public/js/main.min.js"></script>
</body>
</html>