unify capitals in AoE2 title

README.md

@@ -1,14 +1,18 @@
-# aoe2card
+# AoE2 Card
 
-Playground for a future app that digs into AOE2 data and presents it in a user
+Playground for a future app that digs into AoE2 data and presents it in a user
 friendly way.
 
 Temporary link for the project using vercel: https://aoe2card.vercel.app/
 
 ## Inspirations
 
-- https://aoestats.io
-- https://aoe2.net
+- https://aoestats.io (well maintained)
+- https://aoe2.net (gets outdated)
+- https://github.com/denniske/aoe2companion
+- github.com/KSneijders/AoE2ScenarioParser
+- github.com/pau795/AoE2DatabaseWeb
+- github.com/pau795/AoE2DatabaseAndroid
 
 ## Requirements
 
@@ -71,6 +75,11 @@ SiegeEngineers combine/copy those:
 
 - `\Steam\steamapps\common\AoE2DE\widgetui\textures\ingame\staticons\`
 
+## Existing APIs
+
+- https://aoestats.io/api/patches/?format=json gives us the latest known patch number, at least known to aoestats.io.
+  - Ex: https://aoestats.io/api/stats/?patch=111772&grouping=random_map&elo_range=all&format=json
+
 ## Intricacies
 
 - Sicilians. Several "same" units can be produced from different buildings:

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Aoe2 Card</title>
+    <title>AoE2 Card</title>
     <style>
       body {
         opacity: 0;

src/components/atoms/Navbar/Patch.tsx

@@ -0,0 +1,18 @@
+import patch from "../../../data/json/patch.json";
+
+export const Patch = () => {
+  return (
+    <>
+      <span
+        className="text-xs opacity-30 flex flex-col items-left"
+        title={`Age of Empires II: Definitive Edition - Patch ${patch.DE}`}
+      >
+        <span>DE</span>
+        <span>
+          {patch.DE}
+        </span>
+      </span>
+    </>
+  );
+};
+

src/components/atoms/StatisticsBlock/index.tsx

@@ -44,11 +44,7 @@ export const StatisticsBlock = memo(({ unitData }: { unitData: IStatisticsUnitDa
         tooltip="Attack Delay Seconds"
         amount={roundTo(unitData.unitStatistics.AttackDelaySeconds, 2)}
       />
-      <SingleStatisticsPresenter
-        icon="speed"
-        tooltip="Speed"
-        amount={unitData.unitStatistics.Speed}
-      />
+      <SingleStatisticsPresenter icon="speed" tooltip="Speed" amount={unitData.unitStatistics.Speed} />
       <SingleStatisticsPresenter
         icon="line-of-sight"
         tooltip="Line Of Sight"

src/components/molecules/Navbar/index.tsx

@@ -1,26 +1,24 @@
-
 import { Container } from "../../../styles";
-import { Version } from "../../atoms/Navbar/Version";
+import { Patch } from "../../atoms/Navbar/Patch";
 import { DarkModeButton } from "../DarkMode";
 
 const Navbar = (): JSX.Element => (
   <div className="py-2 bg-zinc-300 dark:bg-zinc-800">
     <Container className="flex flex-row items-center justify-between">
-      <div className="flex flex-row gap-1 items-center">
+      <div className="flex flex-row gap-1 items-center" title={"AoE2 Card"}>
         <a
           href="/"
           className="shrink-0 p-[0.4rem] rounded-md bg-gradient-to-b from-zinc-100/20 to-zinc-100/50 dark:from-zinc-900/20 dark:to-zinc-900/50"
         >
           <div className="flex flex-row flex-wrap gap-1 items-center">
             <img src="favicon.png" className="w-6 h-6 shrink-0" />
-            <span className="text-center text-sm font-extralight leading-none hidden md:block opacity-40">
-              Aoe2
-              <br />
-              Card
+            <span className="text-center text-sm font-extralight leading-none hidden md:flex flex-col opacity-40">
+              <span>AoE2</span>
+              <span>Card</span>
             </span>
           </div>
         </a>
-        <Version />
+        <Patch />
       </div>
       <DarkModeButton />
     </Container>

tailwind.config.ts

@@ -5,6 +5,5 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [
-  ],
+  plugins: [],
 };