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)
local:
$(HUGO) $(HUGO_ARGS) --baseURL http://$(IP) --destination $(LOCAL_DIR)
$(HUGO) $(HUGO_ARGS) --baseURL http://0.0.0.0:3000 --destination $(LOCAL_DIR)
staging:
$(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",
"image-webpack-loader": "^4.6.0",
"mini-css-extract-plugin": "^0.5.0",
"node-sass": "^4.11.0",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss-loader": "^3.0.0",
"postcss-preset-env": "^6.5.0",
"sass": "^1.49.8",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"uglifyjs-webpack-plugin": "^2.1.1",

View File

@ -27,7 +27,7 @@
height: 90px;
border-radius: $border-radius;
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;
min-width: 100%;

View File

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