Webpack 5: file-loader replaced by asset module & necessary adjustmen…

…ts made | Dependencies: reduced & updated | Readme: updated

README.md

@@ -7,6 +7,7 @@
 <img src="https://img.shields.io/github/languages/code-size/mythemeway/Light-Particle?label=CodeSize" />
 <img src="https://img.shields.io/github/repo-size/mythemeway/Light-Particle?label=RepoSize" />
 <img src="https://img.shields.io/github/repo-size/mythemeway/mythemeway.github.io?label=BuildSize" />
+<a href="https://snyk.io/test/" title="Check Snyk out" target="_blank"><img src="https://img.shields.io/snyk/vulnerabilities/github/mythemeway/light-particle?logo=snyk&label=Vulnerabilities" /></a>
 
 ### <a title="Visit the Lighthouse" target="_blank" href="https://github.com/GoogleChrome/lighthouse"><img src="https://raw.githubusercontent.com/GoogleChrome/lighthouse/master/assets/lighthouse-logo.svg" width="25"/></a> Average Lighthouse Results 
 
@@ -22,15 +23,52 @@
 <b>Full Reports:</b> <a href="https://htmlpreview.github.io/?https://raw.githubusercontent.com/sitdisch/cloud/master/lighthouse_results/light_particle/mobile/mythemeway_github_io_light_particle_.html" title="Check it out" target="_blank">Main Page </a> | <a href="https://htmlpreview.github.io/?https://raw.githubusercontent.com/sitdisch/cloud/master/lighthouse_results/light_particle/mobile/mythemeway_github_io_light_particle_projects_2020_10_31_project_1_html.html" title="Check it out" target="_blank">Project Page</a>
 </details><p>
 
-> Created with the [Lighthouse-Badger](https://github.com/myactionway/lighthouse-badger-action "Get it") :badger: :tokyo_tower: :medal_military:
+> Created with [Lighthouse-Badger](https://github.com/myactionway/lighthouse-badger-action "Get it") :badger: :tokyo_tower: :medal_military:
 
 ## Preview - [Demo](https://mythemeway.github.io/Light-Particle/ "Go there")
 
 <a title="Go there" target="_blank" href="https://mythemeway.github.io/Light-Particle/"><img alt="Light-Particle" src="https://raw.githubusercontent.com/sitdisch/cloud/master/gifs/Light_collage.gif" ></a>
 
 This light theme website-boilerplate combines Jekyll, Webpack, Bootstrap and much more: 
 
-<a title="Go there" target="_blank" href="https://sitdisch.github.io/mythemeway/2020/11/01/light-particle.html#features"><img alt="Particle-Features" src="https://raw.githubusercontent.com/sitdisch/cloud/master/images/particle-features.png" ></a>
+## Feature Overview (clickable)
+<div align="center">
+	<a href="https://github.com/npm/cli" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/npm--blue.svg?logo=npm"/></a>
+	<a href="https://www.npmjs.com/package/jquery" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/jQuery--blue.svg?logo=jquery"/></a>
+	<a href="https://www.npmjs.com/package/@babel/core" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/BABEL--blue.svg?logo=babel"/></a>
+	<a href="https://github.com/jekyll/jekyll" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/jekyll--blue.svg?logo=jekyll"/></a>
+	<a href="https://www.npmjs.com/package/gulp" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Gulp--blue.svg?logo=gulp"/></a>
+	<a href="https://www.ruby-lang.org/en/" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Ruby--blue.svg?logo=ruby"/></a>
+	<a href="https://github.com/FortAwesome/Font-Awesome" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Font_Awesome--blue.svg?logo=font-awesome"/></a>
+	<a href="https://search.google.com/search-console/about" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Google_Search_Console--blue.svg?logo=Google-Search-Console"/></a>
+	<a href="https://www.npmjs.com/package/html-minifier-terser" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/htmlminifier.svg"/></a>
+	<a href="https://www.npmjs.com/package/mini-css-extract-plugin" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/minicssextractplugin.svg"/></a>
+	<a href="https://www.npmjs.com/package/terser-webpack-plugin" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/terserwebpackplugin.svg"/></a>
+	<a href="https://github.com/JulianLaval/canvas-particle-network" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/canvas_particle_network.svg"/></a>
+	<a href="https://www.npmjs.com/package/sweet-scroll" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/sweet_scroll.svg"/></a>
+	<a href="https://github.com/devicons/devicon" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/devicon.svg"/></a>
+	<a href="#feature-overview-clickable" title="Not linked" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/navbar_%26_scrollspy.svg"/></a>
+	<a href="#feature-overview-clickable" title="Not linked" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/follow_buttons.svg"/></a>
+	<a href="#feature-presentation-screen-size-adaption" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/screen_size_adaption.svg"/></a>
+	<a href="#feature-overview-clickable" title="Not linked" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/local_hosting_%26_development.svg"/></a>
+	<a href="#feature-overview-clickable" title="Not linked" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/cross_browser_%26_device_presentation.svg"/></a>
+</div>
+
+### [master branch](https://github.com/MyThemeWay/Light-Particle/tree/master "Check it out")
+<a title="Check it out" target="_blank" href="https://www.npmjs.com/package/webpack"><img src="https://img.shields.io/github/package-json/dependency-version/mythemeway/light-particle/webpack?label=webpack&logo=webpack" /></a>
+<a title="Check it out" target="_blank" href="https://www.npmjs.com/package/bootstrap"><img src="https://img.shields.io/github/package-json/dependency-version/mythemeway/light-particle/bootstrap?label=Bootstrap&logo=bootstrap" /></a>
+<a href="https://www.npmjs.com/package/sass" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Sass-Dart-blue.svg?logo=sass"/></a>
+<a href="https://www.npmjs.com/package/image-minimizer-webpack-plugin" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/imageminimizerwebpackplugin.svg"/></a>
+<a href="https://www.npmjs.com/package/css-minimizer-webpack-plugin" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/cssminimizerwebpackplugin.svg"/></a>
+
+### [v1.0](https://github.com/MyThemeWay/Light-Particle/releases/tag/v1.0 "Go there")
+<a href="https://www.npmjs.com/package/webpack" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/webpack-4.44.2-blue.svg?logo=webpack"/></a>
+<a href="https://www.npmjs.com/package/bootstrap" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Bootstrap-4.6.0-blue.svg?logo=bootstrap"/></a>
+<a href="https://www.npmjs.com/package/node-sass" title="Check it out" target="_blank"><img src="https://img.shields.io/badge/Sass-Node-blue.svg?logo=sass"/></a>
+<a href="https://www.npmjs.com/package/image-webpack-loader" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/image_webpack_loader.svg"/></a>
+<a href="https://www.npmjs.com/package/optimize-css-assets-webpack-plugin" title="Check it out" target="_blank"><img src="https://raw.githubusercontent.com/sitdisch/cloud/master/badges/particle/optimize_css_assets_webpack_plugin.svg"/></a>
+
+> Created with [Shields.io](https://github.com/badges/shields "Check it out") [License: [CC0 1.0](https://github.com/badges/shields/blob/master/LICENSE "Go there")] and [Simple Icons](https://simpleicons.org/ "Check it out") [License: [CC0 1.0](https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md "Go there")]
 
 ## Feature Presentation: Screen size adaption
 
@@ -58,3 +96,7 @@ For more information about this boilerplate, and to see what's possible, take a
 P.s. don't be afraid of the cookie consent window on my website. I don't record your personal data. It's only necessary to satisfy the lawyers out there.
 
 Have a nice day.
+
+> ### Note on protected brand names and logos:
+> * The use of protected brand names, trade names, utility models and brand logos on this website does not constitute an infringement of copyright; rather it serves as an illustrative note. Even if this is not marked as such at the respective points, the corresponding legal provisions always apply.
+> * The brand names and logos used are the property of their respective owners and are subject to their copyright provisions.

_includes/head.html

@@ -7,14 +7,14 @@
   <meta charset="utf-8">
   {% if site.google_site_verification %}<meta name="google-site-verification" content="{{ site.google_site_verification }}">{% endif %}
   <meta name="viewport" content="width=device-width, initial-scale=1"> 
-  <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/img/icon/apple-touch-icon.png' | prepend: site.baseurl }}">
-  <link rel="icon" type="image/png" sizes="48x48" href="{{ '/assets/img/icon/favicon-48x48.png' | prepend: site.baseurl }}">
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/img/icon/favicon-32x32.png' | prepend: site.baseurl }}">
-  <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/img/icon/favicon-16x16.png' | prepend: site.baseurl }}">
-  <link rel="manifest" href="{{ '/assets/img/icon/manifest.json' | prepend: site.baseurl }}">
-  <link rel="mask-icon" href="{{ '/assets/img/icon/safari-pinned-tab.svg' color='#5bbad5' | prepend: site.baseurl }}">
-  <link rel="shortcut icon" href="{{ '/assets/img/icon/favicon.ico' | prepend: site.baseurl }}">
-  <meta name="msapplication-config" content="{{ '/assets/img/icon/browserconfig.xml' | prepend: site.baseurl }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/img/apple-touch-icon.png' | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="48x48" href="{{ '/assets/img/favicon-48x48.png' | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/img/favicon-32x32.png' | prepend: site.baseurl }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/img/favicon-16x16.png' | prepend: site.baseurl }}">
+  <link rel="manifest" href="{{ '/assets/img/manifest.json' | prepend: site.baseurl }}">
+  <link rel="mask-icon" href="{{ '/assets/img/safari-pinned-tab.svg' color='#5bbad5' | prepend: site.baseurl }}">
+  <link rel="shortcut icon" href="{{ '/assets/img/favicon.ico' | prepend: site.baseurl }}">
+  <meta name="msapplication-config" content="{{ '/assets/img/browserconfig.xml' | prepend: site.baseurl }}">
   <meta name="color-scheme" content="light">
   <meta name="theme-color" content="#eaf1f2">
 

docs/assets/img/icon/browserconfig.xml → docs/assets/img/browserconfig.xml

@@ -2,7 +2,7 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/assets/img/icon/mstile-150x150.png"/>
+            <square150x150logo src="/assets/img/mstile-150x150.png"/>
             <TileColor>#da532c</TileColor>
         </tile>
     </msapplication>

docs/assets/img/icon/manifest.json → docs/assets/img/manifest.json

@@ -3,18 +3,18 @@
     "short_name": "LP",
     "icons": [
         {
-            "src": "/assets/img/icon/android-chrome-192x192.png",
+            "src": "/assets/img/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/assets/img/icon/android-chrome-256x256.png",
+            "src": "/assets/img/android-chrome-256x256.png",
             "sizes": "256x256",
             "type": "image/png",
             "purpose": "any maskable"
         },
         {
-            "src": "/assets/img/icon/android-chrome-512x512.png",
+            "src": "/assets/img/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }