I updated the style of all websites to improve the colors, the accessibility, and the user experience (UX)

Author: Stake2

.megaignore

@@ -0,0 +1,7 @@
+-:*.sb-????????-??????
+-:*.tmp
+-:*~.*
+-:.git
+-:desktop.ini
+-:Thumbs.db
+-:~*

Archive/Variables/Website/Image Maker.php

@@ -29,6 +29,7 @@
 	$website_image_button_computer = "<!-- Computer website image link button -->"."\n".
 	'<div class="'.$computer_variable.' w3-center">'."\n".
 	'<button class="w3-btn '.$first_button_style.'" '.$roundedborderstyle.' onclick="window.open('."'".$website_information["image_link"]."'".')">'."\n".
+	"<br />".
 	'<'.$h4_element.'>'.ucfirst($website_open_image_in_new_tab_text).': '.$icons[2].'</'.$h4_element.'>'."\n".
 	'</button>'."\n".
 	$div_close."\n";

Classes/File.php

@@ -12,7 +12,16 @@ public function Verbose($file, $text) {
 	}
 
 	public function Sanitize($file) {
-		$restricted_characters = [":", "?", '"', "|", "*", "<", ">", "/"];
+		$restricted_characters = [
+			":",
+			"?",
+			'"',
+			"|",
+			"*",
+			"<",
+			">",
+			"/"
+		];
 
 		return str_replace($restricted_characters, "", $file);
 	}

Classes/HTML.php

@@ -108,6 +108,16 @@ public static function Image($source, $class = "", $attributes = "") {
 		return HTML::Element("img", "", 'src="'.$source.'"'.$attributes, $class);
 	}
 
+	public static function Make_Image_Size($image, $width) {
+		global $website;
+
+		$image = str_replace("image_size ", "", $image);
+		#$image = str_replace("height: auto;", "max-width: ".$website_dictionary["JSON"]["image"]["width"]."vw; height: auto;", $image);
+		$image = str_replace('height: auto;"', 'height: auto;" width="'.$width.'%"', $image);
+
+		return $image;
+	}
+
 	public static function Format($text, $parameters) {
 		$parameters = (array)$parameters;
 
@@ -134,14 +144,17 @@ function ($key) {
 		);
 	}
 
-	public static function Button($text = "", $attributes = "", $class = "", $heading = "h3", $tab = True) {
+	public static function Button($text = "", $attributes = "", $class = "", $heading = "h3", $tab = True, $bold = True) {
 		global $website;
 
-		$class = $website["Style"]["button"]["theme"]["light"].$class;
+		$class = $website["Style"]["button"]["theme"]["dark"].$class;
 
 		$text_attributes = "";
 
-		if ($heading == "h3") {
+		if (
+			$heading == "h3" and
+			$bold == True
+		) {
 			$text_attributes = 'style="font-weight: bold;"';
 		}
 
@@ -184,7 +197,17 @@ public static function Generate_Buttons() {
 		global $Language;
 		global $i;
 
-		$show_text = HTML::Element("h2", "\n\t\t\t\t".$website["Icons"]["bars"]."\n\t\t\t", "", "text_size");
+		$open_text = $website["Icons"]["bars"];
+
+		if ($website["Data"]["type"] == "Normal") {
+			$open_text = $website["Language texts"]["click_to_open_the_buttons_menu"]." ".$website["Icons"]["bars"];
+		}
+
+		if ($website["Data"]["type"] == "Story") {
+			$open_text = $website["Language texts"]["click_to_read_story"]." ".$website["Icons"]["reader"];
+		}
+
+		$show_text = HTML::Element("h2", "\n\t\t\t\t".$open_text."\n\t\t\t", "", "text_size");
 		$hide_text = HTML::Element("h4", "\n\t\t\t\t"."X"."\n\t\t\t", 'style="font-weight: bold;"', "text_size");
 
 		$border_color = $website["Style"]["border_color"];

Classes/Story.php

@@ -201,9 +201,10 @@ public function Chapter_Cover() {
 			$remote_chapter_folder .= $chapter_folder;
 
 			foreach ($website["Image formats"] as $format) {
-				$local_chapter_cover = $local_chapter_folder.$chapter_cover_file_name.".".$format;
+				$chapter_cover = $local_chapter_folder.$chapter_cover_file_name.".".$format;
 
-				if (file_exists($local_chapter_cover) == True) {
+				if (file_exists($chapter_cover) == True) {
+					$local_chapter_cover = $chapter_cover;
 					$image_format = $format;
 				}
 			}
@@ -234,9 +235,17 @@ public function Chapter_Cover() {
 		if ($local_chapter_cover != "") {
 			$chapter_tab["comment"] = str_replace("button", "button, image,", $chapter_tab["comment"]);
 
+			#$width = $website["Data"]["JSON"]["image"]["width"];
+			$width = "100";
+
+			$style = $website["Style"]["img"]["theme"]["light"];
+			$style = str_replace("image_size ", "", $website["Style"]["img"]["theme"]["light"]);
+
+			$image = HTML::Element("img", "", 'id="chapter_cover_'.$i.'" src="'.$remote_chapter_cover.'" width="100%"', $website["Style"]["box_shadow"]["theme"]["dark"]." ".$style);
+
 			$chapter_cover = "<br />"."<!-- Chapter cover image -->"."\n".
 			"\t\t"."<center>"."\n".
-			"\t\t\t".HTML::Element("img", "", 'id="chapter_cover_'.$i.'" src="'.$remote_chapter_cover.'"', $website["Style"]["box_shadow"]["theme"]["dark"]." ".$website["Style"]["img"]["theme"]["light"])."\n\t\t"."</center>"."\n".
+			"\t\t\t"."\n\t\t".$image."</center>"."\n".
 			"\t\t"."<br />\n\n";
 		}
 
@@ -309,7 +318,7 @@ public function Get_Chapter_Comments($comments_folder) {
 			$h4 = "\n"."\t\t".HTML::Element("h4", "\n\t\t\t".$text."\n\t\t", 'style="text-align: left;"', "text_size ".$website["Style"]["text"]["theme"]["dark"]." margin_sides_10_cent")."\n";
 
 			$div = "\t".'<!-- Chapter read number '.($c + 1).' -->'."\n".
-			"\t".HTML::Element("div", $h4."\t", 'style="width: 33%;"', $website["Style"]["background"]["theme"]["light"]." ".$website["Style"]["border_4px"]["theme"]["dark"]." ".$website["Style"]["box_shadow"]["theme"][$border_color]." border_radius_50px");
+			"\t".HTML::Element("div", $h4."\t", 'style="width: 33%;"', $website["Style"]["background"]["theme"]["dark"]." ".$website["Style"]["border_4px"]["theme"]["light"]." border_radius_50px");
 
 			if (file_exists($reads_folder) == True) {
 				$div = str_replace("33%", "100%", $div);
@@ -380,14 +389,14 @@ public function Get_Chapter_Reads($reads_folder) {
 			}
 
 			$text = '<br class="mobile_inline_block" />'.$text;
-			$text .= "<br />";
+			$text .= "<br /><br />";
 			$text .= HTML::Element("b", $website["Language texts"]["in, title()"]).": ".date("H:i d/m/Y", strtotime($read_date));
 			$text .= '<br class="mobile_inline_block" />'.'<br class="mobile_inline_block" />';
 
 			$h4 = "\n"."\t\t".HTML::Element("h4", "\n\t\t\t".$text."\n\t\t", 'style="text-align: left;"', "text_size ".$website["Style"]["text"]["theme"]["dark"]." margin_sides_10_cent margin_top_bottom_2_cent")."\n";
 
 			$div = "\t".'<!-- Chapter read number '.($r + 1).' -->'."\n".
-			"\t".HTML::Element("div", $h4."\t", 'style="width: 33%;"', $website["Style"]["background"]["theme"]["light"]." ".$website["Style"]["border_4px"]["theme"]["dark"]." ".$website["Style"]["box_shadow"]["theme"][$border_color]." border_radius_50px");
+			"\t".HTML::Element("div", $h4."\t", 'style="width: 33%;"', $website["Style"]["background"]["theme"]["dark"]." ".$website["Style"]["border_4px"]["theme"]["light"]." border_radius_50px");
 
 			if (file_exists($comments_folder) == True) {
 				$div = str_replace("33%", "100%", $div);
@@ -491,6 +500,7 @@ public function Top_And_Bottom_Buttons() {
 
 	public function Chapter_Tab() {
 		global $Folder;
+		global $File;
 		global $website;
 		global $story;
 		global $full_language;
@@ -523,7 +533,7 @@ public function Chapter_Tab() {
 			"number_leading_zeroes" => Text::Add_Leading_Zeroes($i),
 			"id" => "chapter_".$i,
 			"chapter_title" => $i." - ".$chapter_title,
-			"chapter_title_file" => Text::Add_Leading_Zeroes($i)." - ".$Folder -> Sanitize($chapter_title),
+			"chapter_title_file" => Text::Add_Leading_Zeroes($i)." - ".$File -> Sanitize($chapter_title),
 			"Dictionary" => [],
 			"painted_chapter_title" => $painted_chapter_title,
 			"you_are_reading" => "",
@@ -592,14 +602,16 @@ public function Chapter_Tab() {
 		$story["chapter_buttons"] .= $chapter_button;
 
 		if ($chapter_title != end($chapter_titles)) {
-			$story["chapter_buttons"] .= "\n";
+			$story["chapter_buttons"] .= "<br />"."\n";
 		}
 
 		# Get the chapter text
 		$array = $this -> Chapter_Text();
 
 		$chapter_tab["chapter_text"] = $array["Text"]."\n";
 
+		$chapter_tab["chapter_text_color"] = " text_white";
+
 		if (isset($website["Style"]["chapter_text_color"]) == True) {
 			$chapter_tab["chapter_text_color"] = " text_".$website["Style"]["chapter_text_color"];
 		}
@@ -717,6 +729,12 @@ public function Chapter_Tab() {
 					"Border" => "light",
 					"Theme" => "secondary_theme"
 				],
+				"Dark" => [
+					"Background" => "dark",
+					"Text" => "dark",
+					"Border" => "light",
+					"Theme" => "theme"
+				],
 				"Stylized" => [
 					"Background" => "dark",
 					"Text" => "light",
@@ -726,9 +744,10 @@ public function Chapter_Tab() {
 			];
 
 			# Select a theme
-			#$theme = $themes["Story"];
-			$theme = $themes["Light"];
+			$theme = $themes["Story"];
+			#$theme = $themes["Light"];
 			#$theme = $themes["Light (secondary)"];
+			$theme = $themes["Dark"];
 			#$theme = $themes["Stylized"];
 
 			$background_and_text_class = $website["Data"]["Style"]["background"]["theme"][$theme["Background"]]." ".$website["Data"]["Style"]["text"]["theme"][$theme["Text"]];

Classes/Text files/Texts.json

@@ -143,6 +143,14 @@
 		"en": "Read story",
 		"pt": "Ler história"
 	},
+	"click_to_open_the_buttons_menu": {
+		"en": "Click to open the buttons menu",
+		"pt": "Clique para abrir o menu de botões"
+	},
+	"click_to_read_story": {
+		"en": "Click to read story",
+		"pt": "Clique para ler a história"
+	},
 	"synopsis, title()": {
 		"en": "Synopsis",
 		"pt": "Sinopse"
@@ -341,6 +349,14 @@
 		"en": "on Wikipedia",
 		"pt": "na Wikipédia"
 	},
+	"on, title()": {
+		"en": "On",
+		"pt": "No"
+	},
+	"the_story_on_other_websites": {
+		"en": "The story on other websites",
+		"pt": "A história em outros sites"
+	},
 	"variables, title()": {
 		"en": "Variables",
 		"pt": "Variáveis"

Index.php

@@ -146,7 +146,7 @@ function Generate_Website() {
 	$website["Meta title"] = str_replace('"', "'", $website["Data"]["titles"]["language"]);
 
 	# Define website link
-	$website["Data"]["links"]["language"] = $website["Local URL"]["Index"];
+	$website["Data"]["Links"]["Language"] = $website["Local URL"]["Index"];
 
 	# Remove JavaScript stuff
 	$website["javascript"]["links"] = "";

JSON/Colors.json

@@ -7,6 +7,7 @@
 		"Black",
 		"Purple",
 		"Dark purple",
+		"Darker purple",
 		"Light purple",
 		"Light purple darker",
 		"Pink",
@@ -23,13 +24,16 @@
 		"Light orange",
 		"Brown",
 		"Dark brown",
+		"Darker brown",
 		"Light brown",
 		"Yellow",
 		"Dark yellow",
+		"Darker yellow",
 		"Light yellow",
 		"Yellow sand",
 		"Green",
 		"Dark green",
+		"Darker green",
 		"Light green",
 		"Green water",
 		"Dark green water",
@@ -76,6 +80,10 @@
 			"Name": "Dark purple",
 			"Code": "#4a1254"
 		},
+		"Darker purple": {
+			"Name": "Darker purple",
+			"Code": "#1d0322"
+		},
 		"Light purple": {
 			"Name": "Light purple",
 			"Code": "#dc96e8"
@@ -125,7 +133,7 @@
 			"Code": "#ff1200"
 		},
 		"Orange": {
-			"Name": "Yellow",
+			"Name": "Orange",
 			"Code": "#ffa500"
 		},
 		"Dark orange": {
@@ -144,6 +152,10 @@
 			"Name": "Dark brown",
 			"Code": "#402807"
 		},
+		"Darker brown": {
+			"Name": "Darker brown",
+			"Code": "#221502"
+		},
 		"Light brown": {
 			"Name": "Light brown",
 			"Code": "#e0a448"
@@ -156,6 +168,10 @@
 			"Name": "Dark yellow",
 			"Code": "#c19d15"
 		},
+		"Darker yellow": {
+			"Name": "Darker yellow",
+			"Code": "#594808"
+		},
 		"Light yellow": {
 			"Name": "Light yellow",
 			"Code": "#ffc65e"
@@ -172,6 +188,10 @@
 			"Name": "Dark green",
 			"Code": "#1C4F1F"
 		},
+		"Darker green": {
+			"Name": "Darker green",
+			"Code": "#052B08"
+		},
 		"Light green": {
 			"Name": "Light green",
 			"Code": "#73FF78"

JSON/Websites.json

@@ -27,7 +27,8 @@
             "2021",
             "2022",
             "2023",
-            "2024"
+            "2024",
+            "2025"
         ],
         "pt": [
             "Stake2",
@@ -56,7 +57,8 @@
             "2021",
             "2022",
             "2023",
-            "2024"
+            "2024",
+            "2025"
         ]
     },
     "Dictionary": {
@@ -221,6 +223,12 @@
                 "pt": "2024",
                 "en": "2024"
             }
+        },
+        "2025": {
+            "Titles": {
+                "pt": "2025",
+                "en": "2025"
+            }
         }
     },
     "Per type": {
@@ -286,15 +294,20 @@
             "2021",
             "2022",
             "2023",
-            "2024"
+            "2024",
+            "2025"
         ]
     },
-    "Remove from websites tab": [],
+    "Remove from websites tab": [
+        "Rise to Equestria",
+        "The Life of Izaque in Equestria"
+    ],
     "Configuration": {
         "Friendship Is Magic": {
             "Parent": {
                 "Title": "My Little Pony"
             }
         }
-    }
+    },
+    "Settings": []
 }