Ajout de Bulma CSS
This commit is contained in:
Anthony Dumas
parent
b08a12635c
commit
b8723435ed
94
.gitignore
vendored
94
.gitignore
vendored
@ -1,87 +1,13 @@
|
|||||||
|
# Files
|
||||||
|
|
||||||
# Created by https://www.gitignore.io/api/node
|
.DS_Store
|
||||||
# Edit at https://www.gitignore.io/?templates=node
|
.ruby-version
|
||||||
|
npm-debug.log
|
||||||
|
|
||||||
### Node ###
|
# Folders
|
||||||
# Logs
|
|
||||||
logs
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
|
|
||||||
# Runtime data
|
.idea/
|
||||||
pids
|
.sass-cache
|
||||||
*.pid
|
_gh_pages
|
||||||
*.seed
|
_site
|
||||||
*.pid.lock
|
node_modules
|
||||||
|
|
||||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
|
||||||
lib-cov
|
|
||||||
|
|
||||||
# Coverage directory used by tools like istanbul
|
|
||||||
coverage
|
|
||||||
|
|
||||||
# nyc test coverage
|
|
||||||
.nyc_output
|
|
||||||
|
|
||||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
|
||||||
.grunt
|
|
||||||
|
|
||||||
# Bower dependency directory (https://bower.io/)
|
|
||||||
bower_components
|
|
||||||
|
|
||||||
# node-waf configuration
|
|
||||||
.lock-wscript
|
|
||||||
|
|
||||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
|
||||||
build/Release
|
|
||||||
|
|
||||||
# Dependency directories
|
|
||||||
node_modules/
|
|
||||||
jspm_packages/
|
|
||||||
|
|
||||||
# TypeScript v1 declaration files
|
|
||||||
typings/
|
|
||||||
|
|
||||||
# Optional npm cache directory
|
|
||||||
.npm
|
|
||||||
|
|
||||||
# Optional eslint cache
|
|
||||||
.eslintcache
|
|
||||||
|
|
||||||
# Optional REPL history
|
|
||||||
.node_repl_history
|
|
||||||
|
|
||||||
# Output of 'npm pack'
|
|
||||||
*.tgz
|
|
||||||
|
|
||||||
# Yarn Integrity file
|
|
||||||
.yarn-integrity
|
|
||||||
|
|
||||||
# dotenv environment variables file
|
|
||||||
.env
|
|
||||||
.env.test
|
|
||||||
|
|
||||||
# parcel-bundler cache (https://parceljs.org/)
|
|
||||||
.cache
|
|
||||||
|
|
||||||
# next.js build output
|
|
||||||
.next
|
|
||||||
|
|
||||||
# nuxt.js build output
|
|
||||||
.nuxt
|
|
||||||
|
|
||||||
# vuepress build output
|
|
||||||
.vuepress/dist
|
|
||||||
|
|
||||||
# Serverless directories
|
|
||||||
.serverless/
|
|
||||||
|
|
||||||
# FuseBox cache
|
|
||||||
.fusebox/
|
|
||||||
|
|
||||||
# DynamoDB Local files
|
|
||||||
.dynamodb/
|
|
||||||
|
|
||||||
# End of https://www.gitignore.io/api/node
|
|
||||||
|
|||||||
21
LICENSE
Normal file
21
LICENSE
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2017 Jeremy Thomas
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in
|
||||||
|
all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
THE SOFTWARE.
|
||||||
3
_javascript/main.js
Normal file
3
_javascript/main.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
console.log('Hello Bulma!');
|
||||||
|
});
|
||||||
29
_sass/main.scss
Normal file
29
_sass/main.scss
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
// Customization
|
||||||
|
|
||||||
|
// You can easily customize Bulma with your own variables.
|
||||||
|
// Just uncomment the following block to see the result.
|
||||||
|
|
||||||
|
/*
|
||||||
|
// 1. Import the initial variables
|
||||||
|
@import "../node_modules/bulma/sass/utilities/initial-variables";
|
||||||
|
|
||||||
|
// 2. Set your own initial variables
|
||||||
|
// Update the blue shade, used for links
|
||||||
|
$blue: #06bcef;
|
||||||
|
// Add pink and its invert
|
||||||
|
$pink: #ff8080;
|
||||||
|
$pink-invert: #fff;
|
||||||
|
// Update the sans-serif font family
|
||||||
|
$family-sans-serif: "Helvetica", "Arial", sans-serif;
|
||||||
|
|
||||||
|
// 3. Set the derived variables
|
||||||
|
// Use the new pink as the primary color
|
||||||
|
$primary: $pink;
|
||||||
|
$primary-invert: $pink-invert;
|
||||||
|
|
||||||
|
// 4. Import the rest of Bulma
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import "../node_modules/bulma/bulma";
|
||||||
BIN
bulma-start.png
Normal file
BIN
bulma-start.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
6802
css/main.css
Normal file
6802
css/main.css
Normal file
File diff suppressed because one or more lines are too long
58
index.html
Normal file
58
index.html
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>My first Bulma website</title>
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<section class="hero is-medium is-primary">
|
||||||
|
<div class="hero-body">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-8-desktop is-offset-2-desktop">
|
||||||
|
<h1 class="title is-2 is-spaced">
|
||||||
|
Anthony Dumas
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer has-text-centered">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-8-desktop is-offset-2-desktop">
|
||||||
|
<p>
|
||||||
|
<strong class="has-text-weight-semibold">
|
||||||
|
<a href="https://www.npmjs.com/package/bulma-start">anthony-dumas.fr</a>
|
||||||
|
</strong>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<small>
|
||||||
|
Auteur : <strong>Anthony Dumas</strong> - anthony@dumas.cc
|
||||||
|
</small>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<small>
|
||||||
|
Source code licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>
|
||||||
|
</small>
|
||||||
|
</p>
|
||||||
|
<p style="margin-top: 1rem;">
|
||||||
|
<a href="http://bulma.io">
|
||||||
|
<img src="made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script type="text/javascript" src="lib/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
5
lib/main.js
Normal file
5
lib/main.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
console.log('Hello Bulma!');
|
||||||
|
});
|
||||||
BIN
made-with-bulma.png
Normal file
BIN
made-with-bulma.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
7257
package-lock.json
generated
Normal file
7257
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
40
package.json
Normal file
40
package.json
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
{
|
||||||
|
"name": "anthony-dumas-portfolio",
|
||||||
|
"version": "2.0.0-SNAPSHOT",
|
||||||
|
"description": "anthony-dumas-portfolio",
|
||||||
|
"keywords": [
|
||||||
|
"sass",
|
||||||
|
"bulma",
|
||||||
|
"css",
|
||||||
|
"start"
|
||||||
|
],
|
||||||
|
"author": "Anthony Dumas <anthony@dumas.css>",
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/AdamasFR/CV_Web_Dumas.git"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^9.4.7",
|
||||||
|
"babel-cli": "^6.26.0",
|
||||||
|
"babel-preset-env": "^1.7.0",
|
||||||
|
"babel-preset-es2015-ie": "^6.7.0",
|
||||||
|
"bulma": "^0.7.2",
|
||||||
|
"node-sass": "^4.11.0",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"postcss-cli": "^6.1.1"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"css-deploy": "npm run css-build && npm run css-postcss",
|
||||||
|
"css-build": "node-sass _sass/main.scss css/main.css",
|
||||||
|
"css-postcss": "postcss --use autoprefixer --output css/main.css css/main.css",
|
||||||
|
"css-watch": "npm run css-build -- --watch",
|
||||||
|
"deploy": "npm run css-deploy && npm run js-build",
|
||||||
|
"js-build": "babel _javascript --out-dir lib",
|
||||||
|
"js-watch": "npm run js-build -- --watch",
|
||||||
|
"start": "npm-run-all --parallel css-watch js-watch"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"browser-sync": "^2.26.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user