Theme changes

This commit is contained in:
Patrick Neff 2024-02-22 18:36:58 +01:00
parent bf932ee5d9
commit 7578dee4d6
6 changed files with 12113 additions and 1022 deletions

View File

@ -31,7 +31,7 @@ site:
$(HUGO) $(HUGO_ARGS) --destination $(REMOTE_DIR) $(HUGO) $(HUGO_ARGS) --destination $(REMOTE_DIR)
local: local:
$(HUGO) $(HUGO_ARGS) --baseURL http://$(IP) --destination $(LOCAL_DIR) $(HUGO) $(HUGO_ARGS) --baseURL http://0.0.0.0:3000 --destination $(LOCAL_DIR)
staging: staging:
$(HUGO) --buildDrafts --buildExpired --buildFuture --gc $(HUGO) --buildDrafts --buildExpired --buildFuture --gc

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 MiB

File diff suppressed because it is too large Load Diff

View File

@ -27,10 +27,10 @@
"font-loader": "^0.1.2", "font-loader": "^0.1.2",
"image-webpack-loader": "^4.6.0", "image-webpack-loader": "^4.6.0",
"mini-css-extract-plugin": "^0.5.0", "mini-css-extract-plugin": "^0.5.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "^5.0.1", "optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss-loader": "^3.0.0", "postcss-loader": "^3.0.0",
"postcss-preset-env": "^6.5.0", "postcss-preset-env": "^6.5.0",
"sass": "^1.49.8",
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"uglifyjs-webpack-plugin": "^2.1.1", "uglifyjs-webpack-plugin": "^2.1.1",

View File

@ -27,7 +27,7 @@
height: 90px; height: 90px;
border-radius: $border-radius; border-radius: $border-radius;
padding: $gutter-width; padding: $gutter-width;
margin: calc(100vh - 310px) -$gutter-width 0 -$gutter-width; margin: calc(100vh - 310px) 0-$gutter-width 0 0-$gutter-width;
overflow: hidden; overflow: hidden;
min-width: 100%; min-width: 100%;

View File

@ -1,21 +1,21 @@
const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CleanWebpackPlugin = require('clean-webpack-plugin'); const CleanWebpackPlugin = require("clean-webpack-plugin");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const path = require('path'); const path = require("path");
module.exports = { module.exports = {
entry: { entry: {
bundle: ['./src/js/main.js'], bundle: ["./src/js/main.js"],
images: ['./src/js/images.js'], images: ["./src/js/images.js"],
style: ['./src/scss/main.scss'], style: ["./src/scss/main.scss"],
}, },
mode: 'production', mode: "production",
devtool: 'source-map', devtool: "source-map",
context: __dirname, context: __dirname,
output: { output: {
filename: 'js/[name].js', filename: "js/[name].js",
path: __dirname + '/assets', path: __dirname + "/assets",
}, },
module: { module: {
rules: [ rules: [
@ -24,9 +24,9 @@ module.exports = {
exclude: /node_modules/, exclude: /node_modules/,
use: [ use: [
{ {
loader: 'babel-loader' loader: "babel-loader",
} },
] ],
}, },
{ {
test: /\.(sa|sc|c)ss$/, test: /\.(sa|sc|c)ss$/,
@ -34,114 +34,120 @@ module.exports = {
{ {
loader: MiniCssExtractPlugin.loader, loader: MiniCssExtractPlugin.loader,
options: { options: {
publicPath: '../', publicPath: "../",
sourceMap: true sourceMap: true,
} },
}, },
{ {
loader: "css-loader", loader: "css-loader",
options: { options: {
sourceMap: true sourceMap: true,
} },
}, },
{ {
loader: "postcss-loader", loader: "postcss-loader",
options: { options: {
sourceMap: true sourceMap: true,
} },
}, },
{ {
loader: "sass-loader", loader: "sass-loader",
options: { options: {
sourceMap: true sourceMap: true,
} implementation: require("sass"),
}, },
] },
],
}, },
{ {
test: /\.woff2?(\?v=\d+\.\d+\.\d+)?$/, test: /\.woff2?(\?v=\d+\.\d+\.\d+)?$/,
loader: "url-loader", loader: "url-loader",
options: { options: {
limit: 1000, limit: 1000,
mimetype: 'application/font-woff', mimetype: "application/font-woff",
name: '[name].[ext]', name: "[name].[ext]",
outputPath: '../static/fonts', outputPath: "../static/fonts",
publicPath: '../fonts' publicPath: "../fonts",
} },
}, },
{ {
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
loader: "url-loader", loader: "url-loader",
options: { options: {
limit: 1000, limit: 1000,
mimetype: 'application/octet-stream', mimetype: "application/octet-stream",
name: '[name].[ext]', name: "[name].[ext]",
outputPath: '../static/fonts', outputPath: "../static/fonts",
publicPath: '../fonts' publicPath: "../fonts",
} },
}, },
{ {
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
loader: "file-loader", loader: "file-loader",
options: { options: {
name: '[name].[ext]', name: "[name].[ext]",
outputPath: '../static/fonts', outputPath: "../static/fonts",
publicPath: '../fonts' publicPath: "../fonts",
} },
}, },
{ {
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: "url-loader", loader: "url-loader",
options: { options: {
limit: 1000, limit: 1000,
mimetype: 'image/svg+xml', mimetype: "image/svg+xml",
name: '[name].[ext]', name: "[name].[ext]",
outputPath: '../static/fonts', outputPath: "../static/fonts",
publicPath: '../fonts' publicPath: "../fonts",
} },
}, },
{ {
test: /\/src\/img\/.*\.(ico|svg|ico|gif|jpe?g|png)$/, test: /\/src\/img\/.*\.(ico|svg|ico|gif|jpe?g|png)$/,
use: [ use: [
{ {
loader: 'file-loader', loader: "file-loader",
options: { options: {
name: '../static/img/[2].[ext]', name: "../static/img/[2].[ext]",
regExp: /(src\/img)+\/(.*).(gif|svg|ico|gif|jpe?g|png)$/, regExp: /(src\/img)+\/(.*).(gif|svg|ico|gif|jpe?g|png)$/,
} },
}, },
{ {
loader: 'image-webpack-loader', loader: "image-webpack-loader",
options: { options: {
mozjpeg: { mozjpeg: {
progressive: true, progressive: true,
quality: 75 quality: 75,
}, },
// optipng.enabled: false will disable optipng // optipng.enabled: false will disable optipng
optipng: { optipng: {
enabled: false, enabled: false,
}, },
pngquant: { pngquant: {
quality: '65-90', quality: "65-90",
speed: 4 speed: 4,
}, },
gifsicle: { gifsicle: {
interlaced: false, interlaced: false,
}, },
}
}
]
}, },
] },
],
},
],
}, },
plugins: [ plugins: [
new CleanWebpackPlugin(['assets/css/*', 'assets/js/*', 'static/fonts/*', 'static/img/*']), new CleanWebpackPlugin([
"assets/css/*",
"assets/js/*",
"static/fonts/*",
"static/img/*",
]),
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
// Options similar to the same options in webpackOptions.output // Options similar to the same options in webpackOptions.output
// both options are optional // both options are optional
filename: "css/[name].css", filename: "css/[name].css",
chunkFilename: "css/[id].css", chunkFilename: "css/[id].css",
}) }),
], ],
optimization: { optimization: {
usedExports: true, usedExports: true,
@ -149,16 +155,16 @@ module.exports = {
new UglifyJsPlugin({ new UglifyJsPlugin({
cache: true, cache: true,
parallel: true, parallel: true,
sourceMap: true // set to true if you want JS source maps sourceMap: true, // set to true if you want JS source maps
}), }),
new OptimizeCSSAssetsPlugin({ new OptimizeCSSAssetsPlugin({
cssProcessorOptions: { cssProcessorOptions: {
map: { map: {
inline: false, inline: false,
annotation: true annotation: true,
} },
} },
}) }),
] ],
} },
}; };