Change the layout of the landing page.

app/src/main/java/com/pixelized/rplexicon/ui/screens/landing/LandingItem.kt

@@ -29,6 +29,7 @@ import androidx.compose.ui.graphics.ColorFilter
 import androidx.compose.ui.graphics.RectangleShape
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.tooling.preview.PreviewParameter
@@ -83,7 +84,7 @@ private fun LandingHorizontalItem(
         Box(
             modifier = Modifier
                 .fillMaxWidth()
-                .height(64.dp)
+                .height(height = 48.dp)
                 .clip(shape = RectangleShape),
         ) {
             Image(
@@ -106,27 +107,30 @@ private fun LandingHorizontalItem(
             )
         }
         Row(
-            modifier = Modifier.padding(paddingValues = padding),
+            modifier = Modifier
+                .padding(paddingValues = padding)
+                .align(alignment = Alignment.CenterStart),
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.spacedBy(space = 4.dp),
         ) {
             item.title?.let {
                 Text(
                     modifier = Modifier.alignByBaseline(),
-                    style = MaterialTheme.typography.titleLarge,
+                    style = MaterialTheme.typography.titleMedium,
                     fontWeight = FontWeight.Normal,
                     text = annotateWithDropCap(
                         text = it,
-                        style = MaterialTheme.lexicon.typography.titleLargeDropCap,
+                        style = MaterialTheme.lexicon.typography.titleMediumDropCap,
                     )
                 )
             }
             item.subTitle?.let {
                 Text(
                     modifier = Modifier.alignByBaseline(),
-                    style = MaterialTheme.typography.bodyMedium,
+                    style = MaterialTheme.typography.labelSmall,
                     fontWeight = FontWeight.Light,
-                    text = item.subTitle,
+                    fontStyle = FontStyle.Italic,
+                    text = it,
                 )
             }
         }

app/src/main/java/com/pixelized/rplexicon/ui/screens/landing/LandingScreen.kt

@@ -17,13 +17,13 @@ import androidx.compose.runtime.State
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontStyle
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import com.pixelized.rplexicon.R
 import com.pixelized.rplexicon.ui.theme.LexiconTheme
-import com.pixelized.rplexicon.utilitary.annotateWithDropCap
-import com.pixelized.rplexicon.utilitary.extentions.lexicon
 
 @Composable
 fun LandingScreen() {
@@ -44,11 +44,10 @@ private fun LandingContent(
             items(count = 1) {
                 Text(
                     modifier = Modifier.padding(horizontal = padding),
-                    style = MaterialTheme.typography.titleLarge,
-                    text = annotateWithDropCap(
-                        text = "Feuilles de personnages",
-                        style = MaterialTheme.lexicon.typography.titleLargeDropCap,
-                    ),
+                    style = MaterialTheme.typography.labelSmall,
+                    fontStyle = FontStyle.Italic,
+                    fontWeight = FontWeight.Light,
+                    text = "Feuilles de personnages",
                 )
             }
             items(items = items.value) {
@@ -64,19 +63,20 @@ private fun LandingContent(
             }
             items(count = 1) {
                 Text(
-                    modifier = Modifier.padding(horizontal = padding),
-                    style = MaterialTheme.typography.titleLarge,
-                    text = annotateWithDropCap(
-                        text = "Lexique",
-                        MaterialTheme.lexicon.typography.titleLargeDropCap,
-                    ),
+                    modifier = Modifier
+                        .padding(horizontal = padding)
+                        .padding(top = padding),
+                    style = MaterialTheme.typography.labelSmall,
+                    fontStyle = FontStyle.Italic,
+                    fontWeight = FontWeight.Light,
+                    text = "Encyclopédie",
                 )
             }
             items(count = 1) {
                 LandingItem(
                     modifier = Modifier.fillMaxWidth(),
                     item = LandingItemUio(
-                        title = "Personnages",
+                        title = "Lexique de personnages",
                         subTitle = null,
                         icon = R.drawable.ic_visored_helm_24,
                     ),
@@ -100,7 +100,7 @@ private fun LandingContent(
                 LandingItem(
                     modifier = Modifier.fillMaxWidth(),
                     item = LandingItemUio(
-                        title = "Cartes",
+                        title = "Cartes du monde",
                         subTitle = null,
                         icon = R.drawable.ic_treasure_map_24,
                     ),

app/src/main/java/com/pixelized/rplexicon/ui/theme/typography/LexiconTypography.kt

@@ -35,7 +35,7 @@ data class LexiconTypography(
         baselineShift = BaselineShift(-0.08f),
     ),
     val titleMediumDropCap: SpanStyle = base.titleMedium.toDropCapSpan(
-        sizeRatio = 1.8f,
+        sizeRatio = 1.7f,
         antiLetterSpacing = 2.sp,
         baselineShift = BaselineShift(-0.04f),
     ),