View source for MWSkin Timeless Patches

<div class="p44_navbar">
[[Main_Page|Start Page]]
[[Browser_Play|Browser Play!]]
[[Minetest|Minetest]]
[[MTWorlds|MT worlds]]
[[Bucket_Game|Bucket Game]]
[[Trolltest|Trolltest]]
[[Downloads|Downloads]]
[[Contact|Contact]]
[[Devel_Center|Devel Center]]
</div>

<div class="p44_navbar">
[https://minetest.org/ minetest.org]
[https://git.minetest.org/ 11,000 repos]
[https://irc.minetest.org:9000/ CoderChat]
[https://edgy1.net/ EdgyNet]
</div>

<span id="introduction"></span>
== Introduction ==

For the Final Minetest wiki, and for MediaWiki wikis in general, the Timeless skin is recommended because as of mid-2023 it's more responsive than other bundled skins.

However, some patches to the Timeless skin are recommended. The patches are provided and discussed in the following sections.

To browse or download a single Linux patch file that contains equivalent atches, use the following link:

https://wiki.minetest.org/misc/mwskin-timeless.txt

<span id="timeless-real-estate-patch"></span>

== Timeless Real-Estate patch ==

This patch is recommended. It prevents, except for very wide screens, the creation of an unnecessary 3rd column on the right.

<pre style="white-space: pre;">
--- Timeless.old/resources/variables.less
+++ Timeless/resources/variables.less
@@ -16,8 +16,8 @@
 @desktop-small-floor: 851px;
 @desktop-small-width: 1099px;
 @desktop-mid-floor: 1100px;
-@desktop-mid-width: 1339px;
-@desktop-large-floor: 1340px;
+@desktop-mid-width: 1799px;
+@desktop-large-floor: 1800px;
 
 // The max-width for the content
 @content-width: 115em;
--- Timeless.old/skin.json
+++ Timeless/skin.json
@@ -89,10 +89,10 @@
 					"media": "screen and (min-width: 851px)"
 				},
 				"resources/screen-desktop-full.less": {
-					"media": "screen and (min-width: 1340px)"
+					"media": "screen and (min-width: 1800px)"
 				},
 				"resources/screen-desktop-mid.less": {
-					"media": "screen and (min-width: 1100px) and (max-width: 1339px)"
+					"media": "screen and (min-width: 1100px) and (max-width: 1799px)"
 				},
 				"resources/screen-desktop-small.less": {
 					"media": "screen and (min-width: 851px) and (max-width: 1099px)"
==== end of patch ====
</pre>

<span id="timeless-alt-tag-patch"></span>

== Timeless Alt-Tag patch ==

This patch is less important but will help with SEO. It adds support for an optional "alt" tag that can be added to a Timeless wordmark image.

<pre style="white-space: pre;">
--- Timeless.old/includes/TimelessTemplate.php
+++ Timeless/includes/TimelessTemplate.php
@@ -486,6 +486,7 @@
 					'src' => $wordmarkData['src'],
 					'height' => $wordmarkData['height'] ?? null,
 					'width' => $wordmarkData['width'] ?? null,
+					'alt'   => $wordmarkData['alt'] ?? null,
 				] );
 			}
 
==== end of patch ====
</pre>

To use the added feature, you'd put something similar to the 'wordmark' part below in your "LocalSettings.php" "$wgLogos" block:

 $wgLogos = [
     '1x'       => "fmwikismall.png" ,
     'icon'     => "fmwikismall.png" ,
     'wordmark' => [
         # recommended size is 200x38 or less
         'src' => 'fmwordmark-text.png' ,
         'alt' => 'Final Minetest wordmark' ,
     ] ,
 ];