Enable new font and update homepage

EddieEldridge · Oct 2, 2024 · a486c39 · a486c39
1 parent a75fdd7
commit a486c39
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/content/_index.md b/content/_index.md
@@ -6,7 +6,9 @@ description: "Main website and documentation for the Lord of the Rings mod 'Divi
 ### What is Divide and Conquer: AGO?
 Divide and Conquer: AGO, AGO or 'AI and Gameplay Overhaul' is a submod for the submod [Divide and Conquer](https://www.moddb.com/mods/divide-and-conquer) which itself is a submod of [Third Age: Total War](https://www.moddb.com/mods/third-age-total-war) which is a mod for the historical strategy game [Medieval II: Total War](https://store.steampowered.com/app/4700/Total_War_MEDIEVAL_II__Definitive_Edition/).
 
-From the desperate Dúnedain in the cold North to the Haradrim in the blazing South, AGO offers players a chance to control one of the many factions vying for control in Tolkien's Middle-earth during the period of the "War of the Ring".
+From the desperate Dúnedain in the cold North to the Haradrim in the blazing South, AGO offers players a chance to control one of the many factions vying for control in Tolkien's Middle-earth during the period of the "War of the Ring". The focus of the mod is providing players with an immersive and authentic experience in Tolkien's Middle-earth. 
+
+Examples of this include the inclusion of a wider variety of armour like mail and lamellar, special scripts like the Scouring of the Shire, the overhauled One Ring script and more aligned AI behaviour.
 
 <div style="text-align: center" class="download-embed">
     <iframe allow="fullscreen;" frameborder="0" width="500" height="500"

diff --git a/static/css/custom.css b/static/css/custom.css
@@ -4,6 +4,11 @@
   src: url('../fonts/aniron.ttf') format('truetype')
 }
 
+@font-face {
+  font-family: 'Flare';
+  src: url('../fonts/flare.ttf') format('truetype')
+}
+
 @media (min-width: 48em) {
   .content {
     height: 97vh;
@@ -14,6 +19,7 @@
 
 .content {
   background-color: rgb(34, 34, 34);
+  font-family: 'Flare';
 }
 
 .homepage-background {
@@ -118,6 +124,7 @@ hr {
  * out above content in mobile and later moves to the side with wider viewports.
  */
  .sidebar {
+  font-family: 'Flare';
   padding: 1rem;
   /* border: 20px solid #000000; */
   border-width: 20px 10px 20px 20px;
@@ -175,8 +182,8 @@ hr {
   font-weight: bold;
 }
 .sidebar-nav a {
-  font-size: 48px;
-  background-image: linear-gradient(180deg,#ffb144, #ffb144);
+  font-size: 42px;
+  background-image: linear-gradient(180deg,#ffb144, #ec900d);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
@@ -329,6 +336,7 @@ h2 {
 
 h3 {
   font-size: 30px;
+  font-family: 'Flare';
 }
 
 h4{