andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Change favicons

Browse source
This commit is contained in:
schmelczerandras 2020-11-18 22:16:47 +01:00
parent 0fa1f48754
commit f66f052d7e
13 changed files with 34 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.vscode/settings.json vendored
View file

@ -1,6 +1,7 @@
{ {
"cSpell.words": [ "cSpell.words": [
"andras", "andras",
"favicons",
"schmelczer", "schmelczer",
"webm" "webm"
] ]

7
package.json
View file

@ -1,12 +1,11 @@
{ {
"name": "portfolio", "name": "portfolio",
"version": "1.0.0", "description": "An easily configurable timeline of projects.",
"description": "An easily configurable portfolio.",
"private": true, "private": true,
"scripts": { "scripts": {
"start": "webpack-dev-server --mode development", "start": "webpack-dev-server --mode development",
"lint": "npx eslint --fix \"src/**/*.ts\" && npx prettier --write \"src/**/*.ts\"", "lint": "npx eslint --fix \"src/**/*.ts\" && npx prettier --write \"src/**/*.ts\"",
"build": "webpack && find dist -type f -regex \".*\\(js\\|css\\|LICENSE.*\\)\" | xargs rm" "build": "webpack --mode production"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
@ -14,6 +13,8 @@
}, },
"keywords": [ "keywords": [
"CV", "CV",
"curriculum",
"vitae",
"portfolio", "portfolio",
"resume", "resume",
"resumé" "resumé"

9
src/index.html
View file

@ -9,6 +9,12 @@
<meta property="og:description" content="Discover my projects." /> <meta property="og:description" content="Discover my projects." />
<meta property="og:url" content="https://schmelczer.dev" /> <meta property="og:url" content="https://schmelczer.dev" />
<meta property="og:image" content="https://schmelczer.dev/og-image.jpg" /> <meta property="og:image" content="https://schmelczer.dev/og-image.jpg" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta <meta
name="description" name="description"
content="I'm Andr&aacute;s Schmelczer and this is my portfolio. I enjoy undertaking and solving challenging problems. Discover my projects." content="I'm Andr&aacute;s Schmelczer and this is my portfolio. I enjoy undertaking and solving challenging problems. Discover my projects."
@ -24,9 +30,6 @@
rel="stylesheet" rel="stylesheet"
/> />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<title>András Schmelczer - Portfolio</title> <title>András Schmelczer - Portfolio</title>
</head> </head>
<body> <body>

8
src/index.ts
View file

@ -1,7 +1,13 @@
import './static/no-change/favicon.ico';
import './static/no-change/og-image.jpg'; import './static/no-change/og-image.jpg';
import './static/no-change/robots.txt'; import './static/no-change/robots.txt';
import './static/no-change/404.html'; import './static/no-change/404.html';
import './static/no-change/favicons/android-chrome-192x192.png';
import './static/no-change/favicons/android-chrome-512x512.png';
import './static/no-change/favicons/apple-touch-icon.png';
import './static/no-change/favicons/favicon-16x16.png';
import './static/no-change/favicons/favicon-32x32.png';
import './static/no-change/favicons/favicon.ico';
import './static/no-change/favicons/site.webmanifest';
import './styles.scss'; import './styles.scss';
import { create } from './portfolio'; import { create } from './portfolio';

BIN
src/static/no-change/favicon.ico
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
src/static/no-change/favicons/android-chrome-192x192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
src/static/no-change/favicons/android-chrome-512x512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
src/static/no-change/favicons/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
src/static/no-change/favicons/favicon-16x16.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 730 B

BIN
src/static/no-change/favicons/favicon-32x32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
src/static/no-change/favicons/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

1
src/static/no-change/favicons/site.webmanifest Normal file
View file

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

40
webpack.config.js
View file

@ -11,11 +11,11 @@ const Sass = require('sass');
const isProduction = process.env.NODE_ENV === 'production'; const isProduction = process.env.NODE_ENV === 'production';
const isDevelopment = !isProduction; const isDevelopment = !isProduction;
module.exports = { module.exports = (env, argv) => ({
watchOptions: { watchOptions: {
ignored: /node_modules/, ignored: /node_modules/,
}, },
//devtool: 'inline-source-map', devtool: argv.mode === 'development' ? 'inline-source-map' : '',
devServer: { devServer: {
host: '0.0.0.0', host: '0.0.0.0',
disableHostCheck: true, disableHostCheck: true,
@ -41,7 +41,7 @@ module.exports = {
removeStyleLinkTypeAttributes: true, removeStyleLinkTypeAttributes: true,
useShortDoctype: true, useShortDoctype: true,
}, },
inlineSource: '.(js|css)$', inlineSource: argv.mode === 'development' ? '' : '.(js|css)$',
}), }),
new HtmlWebpackInlineSourcePlugin(), new HtmlWebpackInlineSourcePlugin(),
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
@ -54,6 +54,16 @@ module.exports = {
}, },
module: { module: {
rules: [ rules: [
{
test: /no-change.*(ico|html|txt|png|webmanifest)$/i,
use: {
loader: 'file-loader',
query: {
outputPath: '/',
name: '[name].[ext]',
},
},
},
{ {
test: /\.(jpe?g|png)$/i, test: /\.(jpe?g|png)$/i,
loader: 'responsive-loader', loader: 'responsive-loader',
@ -112,16 +122,7 @@ module.exports = {
test: /\.svg$/i, test: /\.svg$/i,
use: 'raw-loader', use: 'raw-loader',
}, },
{
test: /no-change.*(ico|html|txt)$/i,
use: {
loader: 'file-loader',
query: {
outputPath: '/',
name: '[name].[ext]',
},
},
},
{ {
test: /\.scss$/i, test: /\.scss$/i,
use: [ use: [
@ -143,17 +144,6 @@ module.exports = {
}, },
], ],
}, },
{
test: /\.(woff2?|ttf|eot|svg)(?:[?#].+)?$/,
use: {
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'static/fonts/',
},
},
include: /fonts/,
},
{ {
test: /\.ts$/, test: /\.ts$/,
use: 'ts-loader', use: 'ts-loader',
@ -168,4 +158,4 @@ module.exports = {
filename: '[name].[contenthash].js', filename: '[name].[contenthash].js',
path: path.resolve(__dirname, 'dist'), path: path.resolve(__dirname, 'dist'),
}, },
}; });