Merge slider style overrides into slider CSS (#127)

+ And remove all unnecessary styles.
+ Align project details border below the heading with new darker green background colour, else the line can be seen left and right leaving the frame. On software and contribute page, this would currently not be required, due to different HTML, but it still looks good. The line appears a little thinner, when it is darker.
+ Move the thumbnail hover mask to the left side of the thumb. By default it starts after the left padding, while it should cover it, like the right one. This didn't show up before the colour change, as the background was nearly black, so wasn't visible as no covered.
+ Apply thumbnail hover mask opacity with hex colour code alpha. D9 matches 85%.
+ Set "more" plus icon z-index only as large as possible. Mid-term we can move this element below the mask element in HTML, so it appears in front of it without having to set a z-index.
+ Make the thumbnail title highlighted green, when hovering it. The green colour was used before the colour change, but it doesn't look that good in the blue-ish background. But when hovering the element, and the mask appears, it looks quite nice. This was suggested already, but forgotten finally.
+ Do not set white colour for thumbnail heading, as this is the case anyway, as everything is inside of an anchor element.
+ Make borders of thumbnails, project frame and testimonials rounded as well, to align with button and link elements
+ README | Update jquery.cslider text and add code highlights
+ jquery.cslider.js | Remove some unneeded declarations

README.md

@@ -21,11 +21,11 @@ This is the official repository for hosting collaborative development of the off
 
 ## Deploy instructions
 Deploy to `/tmp/DietPi-Website-master` (no input argument):
-```
+```sh
 bash -c "$(curl -sSfL https://raw.githubusercontent.com/MichaIng/DietPi-Website/master/deploy.bash)"
 ```
 Deploy to `/var/www` (target path as input argument $1):
-```
+```sh
 bash -c "$(curl -sSfL https://raw.githubusercontent.com/MichaIng/DietPi-Website/master/deploy.bash)" bash /var/www
 ```
 
@@ -45,7 +45,7 @@ If you need help:
 
 <a rel="cc:attributionURL" property="dct:title" href="https://dietpi.com/">DietPi-Website</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://dietpi.com/">DietPi</a> is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License - <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
 
-<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
+<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a>
 
 - Original website theme: [Pluton](https://www.graphberry.com/item/pluton-single-page-bootstrap-html-template) by [Graphberry](https://www.graphberry.com/)
 - Initial content author and webmaster until 2019: [Daniel Knight (Fourdee)](https://github.com/Fourdee)
@@ -56,7 +56,7 @@ If you need help:
 - [jQuery](https://github.com/jquery/jquery) v3.6.0
 - [Bootstrap](https://github.com/twbs/bootstrap) v4.6.0
 - [Mixitup](https://github.com/patrickkunka/mixitup) v3.3.1
-- [jquery.cslider](https://github.com/Le-Stagiaire/jquery.cslider) with a slight modification to allow wrapping slides into a container element
+- [jquery.cslider](https://github.com/Le-Stagiaire/jquery.cslider) modified for our needs
 - [Font Awesome Free](https://fontawesome.com/) v5.15.3 individual glyphs: fa-download, fa-book and fa-external-link-alt
 - [minify](https://github.com/tdewolff/minify) to minify HTML and CSS files
 - [JavaScript Minifier](https://javascript-minifier.com/api) to minify JavaScript files

contribute.html

@@ -33,7 +33,7 @@
 		<meta name="theme-color" content="#000000">
 		<!-- Load CSS styles -->
 		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
-		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=1">
+		<link rel="stylesheet" type="text/css" href="css/style.min.css?v=2">
 		<!-- Include JavaScript -->
 		<script defer src="js/jquery.min.js"></script>
 		<script defer src="js/bootstrap.min.js"></script>