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": [
"andras",
"favicons",
"schmelczer",
"webm"
]

7
package.json
View file

@ -1,12 +1,11 @@
{
"name": "portfolio",
"version": "1.0.0",
"description": "An easily configurable portfolio.",
"description": "An easily configurable timeline of projects.",
"private": true,
"scripts": {
"start": "webpack-dev-server --mode development",
"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": {
"type": "git",
@ -14,6 +13,8 @@
},
"keywords": [
"CV",
"curriculum",
"vitae",
"portfolio",
"resume",
"resumé"

9
src/index.html
View file

@ -9,6 +9,12 @@
<meta property="og:description" content="Discover my projects." />
<meta property="og:url" content="https://schmelczer.dev" />
<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
name="description"
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"
/>
<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>
</head>
<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/robots.txt';
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 { 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 isDevelopment = !isProduction;
module.exports = {
module.exports = (env, argv) => ({
watchOptions: {
ignored: /node_modules/,
},
//devtool: 'inline-source-map',
devtool: argv.mode === 'development' ? 'inline-source-map' : '',
devServer: {
host: '0.0.0.0',
disableHostCheck: true,
@ -41,7 +41,7 @@ module.exports = {
removeStyleLinkTypeAttributes: true,
useShortDoctype: true,
},
inlineSource: '.(js|css)$',
inlineSource: argv.mode === 'development' ? '' : '.(js|css)$',
}),
new HtmlWebpackInlineSourcePlugin(),
new MiniCssExtractPlugin({
@ -54,6 +54,16 @@ module.exports = {
},
module: {
rules: [
{
test: /no-change.*(ico|html|txt|png|webmanifest)$/i,
use: {
loader: 'file-loader',
query: {
outputPath: '/',
name: '[name].[ext]',
},
},
},
{
test: /\.(jpe?g|png)$/i,
loader: 'responsive-loader',
@ -112,16 +122,7 @@ module.exports = {
test: /\.svg$/i,
use: 'raw-loader',
},
{
test: /no-change.*(ico|html|txt)$/i,
use: {
loader: 'file-loader',
query: {
outputPath: '/',
name: '[name].[ext]',
},
},
},
{
test: /\.scss$/i,
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$/,
use: 'ts-loader',
@ -168,4 +158,4 @@ module.exports = {
filename: '[name].[contenthash].js',
path: path.resolve(__dirname, 'dist'),
},
};
});