Update Language Switcher + optimizations

Author: jekuer

assets/css/style.css

@@ -3,7 +3,7 @@
  * PHP Microsite Boilerplate
  * +++++++++++++++++++++++++
  * 
- * Version: 2.0.1
+ * Version: 2.0.2
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/php-microsite-boilerplate
  * License: GNU General Public License v3.0	(gpl-3.0)
@@ -308,8 +308,10 @@
   color: #666666;
   display: block;
   margin: 40px 0;
-  padding: 10px 0 15px 0;
+  padding: 10px 40px 15px;
   user-select: none;
+  white-space: nowrap;
+  overflow-x: hidden;
 }
 
 a.lang_menu_item,

assets/css/style.min.css

@@ -6,7 +6,7 @@
 
 // Current version of the website.
 // Will be used to control css and js caching.
-$version_nr = '2.0.1';
+$version_nr = '2.0.2';
 
 // Multilanguage
 $language['default'] = 'en'; // Use a key from the array below.

config.php

@@ -1,6 +1,6 @@
 {
   "name": "php-microsite-boilerplate",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "An extremely simple and lightweight PHP framework/boilerplate to spin-up microsites at high speed. Optimized for Performance, Security, SEO, and Directus CMS.",
   "keywords": [
     "css",
@@ -52,8 +52,9 @@
     "grunt": "^1.4.1",
     "grunt-contrib-clean": "^2.0.0",
     "grunt-contrib-uglify": "^5.0.1",
-    "postcss": "^8.4.5",
     "postcss-cli": "^9.1.0",
+    "postcss-import": "^14.0.2",
+    "postcss-nesting": "^10.1.1",
     "tailwindcss": "^3.0.7"
   },
   "browserslist": "last 3 years"

package-lock.json

@@ -3,13 +3,16 @@ const cssnano = require('cssnano')
 
 module.exports = {
   plugins: [
+    require('postcss-import'),
+    require('tailwindcss/nesting')(require('postcss-nesting')),
     require('tailwindcss'),
     require('autoprefixer'),
+    require('postcss-nested'),
     cssnano({
       preset: 'default'
     }),
     purgecss({
-      content: ['./templates/*.php', './pages/*.php', './lib/*.php', './assets/js/*.js'], // update, if you add other sources for CSS selectors
+      content: ['./templates/*.php', './pages/*.php', './lib/*.php', './assets/js/*.js'], // update, if you add other sources for CSS selectors (and also add them at the tailwind.config.js)
       defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
     })
   ]

package.json

@@ -7,7 +7,7 @@
 */
 
 module.exports = {
-  content: ['./templates/*.php', './pages/*.php', './lib/*.php', './assets/js/*.js'],
+  content: ['./templates/*.php', './pages/*.php', './lib/*.php', './assets/js/*.js'], // update, if you add other sources for CSS selectors (and also add them at the postcss.config.js)
   darkMode: 'media', // or 'class'
   theme: {
     extend: { // within the extend block, you can add items to the default. Below, you would override the default.

postcss.config.js

@@ -5,10 +5,9 @@
       <p class="text-gray-600">
         <a class="p-4 font-normal no-underline" href="<?php echo $the_page_url_full . $pages[$language['active']]['legal-notice']['slug']; ?>/"><?php echo $pages[$language['active']]['legal-notice']['name']; ?></a>
         <a class="p-4 font-normal no-underline" href="<?php echo $the_page_url_full . $pages[$language['active']]['privacy-policy']['slug']; ?>/"><?php echo $pages[$language['active']]['privacy-policy']['name']; ?></a>
-        <?php echo create_language_switcher($the_page->id); ?>
         <span class="block sm:inline-block py-4 sm:py-0 border-gray-600"><?php echo create_language_switcher($the_page->id); ?></span>
       </p>
-      <p class="p-8 text-gray-500">&copy; <?php echo date('Y'); ?></p>
+      <p class="p-8 text-gray-500 select-none">&copy; <?php echo date('Y'); ?></p>
     </footer>
 
     <!-- JavaScript -->