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
|
||||
# Edit at https://www.gitignore.io/?templates=node
|
||||
.DS_Store
|
||||
.ruby-version
|
||||
npm-debug.log
|
||||
|
||||
### Node ###
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
# Folders
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# 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
|
||||
.idea/
|
||||
.sass-cache
|
||||
_gh_pages
|
||||
_site
|
||||
node_modules
|
||||
|
||||
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