tentakelfabrik
/
lessons-learned-turbolinks
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

adding

master
Björn 4 years ago
commit
6795ae619e
15 changed files with 10421 additions and 0 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +6
    -0
      .gitignore
  2. +1
    -0
      dist/css/styles.css
  3. +1
    -0
      dist/index.html
  4. +1
    -0
      dist/js/index.js
  5. +1
    -0
      dist/page-1.html
  6. +1
    -0
      dist/page-2.html
  7. +1
    -0
      dist/subpage-1.html
  8. +1
    -0
      dist/subpage-2.html
  9. +4
    -0
      mix-manifest.json
  10. +10260
    -0
      package-lock.json
  11. +27
    -0
      package.json
  12. +54
    -0
      src/html/index.html.ejs
  13. +4
    -0
      src/js/index.js
  14. +9
    -0
      src/scss/styles.scss
  15. +50
    -0
      webpack.mix.js

+ 6
- 0
.gitignore View File

@ -0,0 +1,6 @@
node_modules
build
*.DS_Store
Thumbs.db
.idea
*.log

+ 1
- 0
dist/css/styles.css
File diff suppressed because it is too large
View File


+ 1
- 0
dist/index.html View File

@ -0,0 +1 @@
<!doctype html><html lang="de"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Lessons Learned / Start</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"><link rel="stylesheet" href="/css/styles.css"><script src="/js/index.js" defer="defer"></script></head><body><header class="site-header"><div class="container"><div class="grid"><div class="col-12"><h1>Lessons Learned / Start</h1></div></div></div></header><main class="site-main"><div class="container"><div class="grid"><div class="col-12"><p><a href="page-1.html">Page 1</a></p></div></div></div></main><footer class="site-footer"><div class="container"><div class="grid"><div class="col-12"></div></div></div></footer></body></html>

+ 1
- 0
dist/js/index.js
File diff suppressed because it is too large
View File


+ 1
- 0
dist/page-1.html View File

@ -0,0 +1 @@
<!doctype html><html lang="de"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Lessons Learned / Page 1</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"><link rel="stylesheet" href="/css/styles.css"><script src="/js/index.js" defer="defer"></script></head><body><header class="site-header"><div class="container"><div class="grid"><div class="col-12"><h1>Lessons Learned / Page 1</h1></div></div></div></header><main class="site-main"><div class="container"><div class="grid"><div class="col-12"><p><a href="page-2.html">Page 2</a></p></div></div></div></main><footer class="site-footer"><div class="container"><div class="grid"><div class="col-12"></div></div></div></footer></body></html>

+ 1
- 0
dist/page-2.html View File

@ -0,0 +1 @@
<!doctype html><html lang="de"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Lessons Learned / 2</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"><link rel="stylesheet" href="/css/styles.css"><script src="/js/index.js" defer="defer"></script></head><body><header class="site-header"><div class="container"><div class="grid"><div class="col-12"><h1>Lessons Learned / 2</h1></div></div></div></header><main class="site-main"><div class="container"><div class="grid"><div class="col-12"><p><a href="index.html">Start</a></p></div></div></div></main><footer class="site-footer"><div class="container"><div class="grid"><div class="col-12"></div></div></div></footer></body></html>

+ 1
- 0
dist/subpage-1.html View File

@ -0,0 +1 @@
<!doctype html><html lang="de"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Subpage 1</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"><link rel="stylesheet" href="/css/styles.css"><script src="/js/index.js" defer="defer"></script></head><body><header class="header"><div class="container"><div class="grid"><div class="col-12"><h1>Subpage 1</h1></div></div></div></header><main class="main"><div class="container"><div class="grid"><div class="col-12"><p><a href="subpage-2.html">Subpage 2</a></p></div></div></div></main><footer class="footer"><div class="container"><div class="grid"><div class="col-12"></div></div></div></footer></body></html>

+ 1
- 0
dist/subpage-2.html View File

@ -0,0 +1 @@
<!doctype html><html lang="de"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>Subpage 2</title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"><link rel="stylesheet" href="/css/styles.css"><script src="/js/index.js" defer="defer"></script></head><body><header class="header"><div class="container"><div class="grid"><div class="col-12"><h1>Subpage 2</h1></div></div></div></header><main class="main"><div class="container"><div class="grid"><div class="col-12"><p><a href="index.html">index</a></p></div></div></div></main><footer class="footer"><div class="container"><div class="grid"><div class="col-12"></div></div></div></footer></body></html>

+ 4
- 0
mix-manifest.json View File

@ -0,0 +1,4 @@
{
"/dist/js/index.js": "/dist/js/index.js",
"/dist/css/styles.css": "/dist/css/styles.css"
}

+ 10260
- 0
package-lock.json
File diff suppressed because it is too large
View File


+ 27
- 0
package.json View File

@ -0,0 +1,27 @@
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"dependencies": {
"crispy-css": "^3.0.0",
"reflex-grid": "^2.0.4",
"turbolinks": "^5.2.0"
},
"devDependencies": {
"@riotjs/webpack-loader": "^4.0.3",
"cross-env": "^7.0.2",
"html-webpack-plugin": "^4.3.0",
"laravel-mix": "^5.0.4",
"resolve-url-loader": "^3.1.0",
"sass": "^1.26.8",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
}
}

+ 54
- 0
src/html/index.html.ejs View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title><%= htmlWebpackPlugin.options.title %></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="/css/styles.css">
<script src="/js/index.js" defer></script>
</head>
<body>
<header class="site-header">
<div class="container">
<div class="grid">
<div class="col-12">
<h1>
<%= htmlWebpackPlugin.options.title %>
</h1>
</div>
</div>
</div>
</header>
<main class="site-main">
<div class="container">
<div class="grid">
<div class="col-12">
<p>
<%= htmlWebpackPlugin.options.content %>
</p>
</div>
</div>
</div>
</main>
<footer class="site-footer">
<div class="container">
<div class="grid">
<div class="col-12">
</div>
</div>
</div>
</footer>
</body>
</html>

+ 4
- 0
src/js/index.js View File

@ -0,0 +1,4 @@
const Turbolinks = require('turbolinks')
Turbolinks.start()
Turbolinks.setProgressBarDelay(500)

+ 9
- 0
src/scss/styles.scss View File

@ -0,0 +1,9 @@
@import
'../../node_modules/reflex-grid/scss/reflex',
'../../node_modules/crispy-css/src/crispy-all';
.turbolinks-progress-bar {
width: 5px;
height: 100%;
background-color: blue;
}

+ 50
- 0
webpack.mix.js View File

@ -0,0 +1,50 @@
const mix = require('laravel-mix');
const HtmlWebpackPlugin = require('html-webpack-plugin')
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.options({
terser: {
extractComments: false
}
})
mix.webpackConfig({
plugins: [
new HtmlWebpackPlugin({
filename: 'dist/index.html',
template: 'src/html/index.html.ejs',
inject: false,
title: 'Lessons Learned / Start',
content: '<a href="page-1.html">Page 1</a>',
}),
new HtmlWebpackPlugin({
filename: 'dist/page-1.html',
template: 'src/html/index.html.ejs',
inject: false,
title: 'Lessons Learned / Page 1',
content: '<a href="page-2.html">Page 2</a>',
}),
new HtmlWebpackPlugin({
filename: 'dist/page-2.html',
template: 'src/html/index.html.ejs',
inject: false,
title: 'Lessons Learned / 2',
content: '<a href="index.html">Start</a>',
})
]
})
mix
.js('src/js/index.js', 'dist/js')
.sass('src/scss/styles.scss', 'dist/css');

Write Preview
Loading…
Cancel
Save