Improved the Index and About pages.

Changelog.md

@@ -3,6 +3,7 @@
 This document attempts to describe the history of changes to the Seekia Website codebase.
 Small and insignificant changes may not be included in this log.
 
+* Improved the Index and About pages. - *Simon Sarasova*
 * Changed Codeberg Git repository to Git.Pub.Solar repository. - *Simon Sarasova*
 * Added favicons. - *Simon Sarasova*
 * Improved text wrapping behavior. Wrapped text is now centered. - *Simon Sarasova*

Contributors.md

@@ -4,4 +4,4 @@ This document describes the contributors to the Seekia Website codebase.
 
 Name | Date Of First Commit | Number Of Commits
 --- | --- | ---
-Simon Sarasova | April 10, 2024 | 10
+Simon Sarasova | April 10, 2024 | 11

resources/pages/about.html

@@ -39,7 +39,7 @@
 
 <p>Seekia is a mate discovery network where users can find a mate while having a deep awareness of each potential partner's race.</p>
 <div class = "thinlinebreak"></div>
-<p>Users can share racial information in their profiles such as their eye, skin, and hair color; hair texture; genetic ancestry; haplogroups; and the alleles of their genes which effect physical traits.</p>
+<p>Users can share racial information in their profiles such as their eye, skin, and hair color; hair texture; and the alleles in their genome which effect physical traits.</p>
 <div class = "thinlinebreak"></div>
 <p>Seekia enables users to browse and filter potential mates by their racial attributes.</p>
 <div class = "thinlinebreak"></div>
@@ -59,6 +59,20 @@
 
 <div class = "thinlinebreak"></div>
 
+<p><b><i>Be Ancestry Aware</i></b></p>
+
+<div class = "thinlinebreak"></div>
+
+<p>Users can share their genetic ancestry, which is correlated to their race.</p>
+
+<p>Each user's genetic ancestry is described by ancestral populations and haplogroups.</p>
+
+<p>Users can filter their matches by their ancestry information and the calculated ancestry of their offspring.</p>
+
+<p>Users can sort their matches by their ancestral similarity.</p>
+
+<div class = "thinlinebreak"></div>
+
 <p><b><i>Facilitating Eugenic Breeding</i></b></p>
 
 <div class = "thinlinebreak"></div>

resources/pages/index.html

@@ -34,10 +34,9 @@
 <h2>{{.BeRaceAware}}</h2>
 
 <p>Find members of the race which you desire.</p>
-<p>View racial information about users such as eye, skin, and hair color; genetic ancestry; haplogroups; and more. </p>
+<p>View racial information about users such as eye, skin, and hair color; hair texture; and the alleles in their genome which effect physical traits.</p>
-<p>View the calculated ancestry of your prospective offspring with each user.</p>
 
-<img class = "ancestryCompositionScreenshot" src = "{{.BaseURL}}/images/applicationScreenshots/en/ancestryComposition.webp"></img>
+<img class = "eyeColorDesiresScreenshot" src = "{{.BaseURL}}/images/applicationScreenshots/en/eyeColorDesires.webp"></img>
 
 <hr class = "separator">
 
@@ -50,6 +49,15 @@
 
 <hr class = "separator">
 
+<h2>Be Ancestry Aware</h2>
+
+<p>View genetic ancestry information about users such as ancestral populations and haplogroups.</p>
+<p>View the calculated ancestry of your prospective offspring with each user.</p>
+
+<img class = "ancestryCompositionScreenshot" src = "{{.BaseURL}}/images/applicationScreenshots/en/ancestryComposition.webp"></img>
+
+<hr class = "separator">
+
 <h2>{{.BeGeneticsAware}}</h2>
 
 <p>Understand your offspring's genetic disease risk and trait scores.</p>

resources/style.css

@@ -293,6 +293,12 @@ a:hover{
 	margin:1.5em;
 }
 
+.eyeColorDesiresScreenshot{
+	width:40%;
+	border:solid 0.15em;
+	margin:1.5em;
+}
+
 .ancestryCompositionScreenshot{
 	width:50%;
 	border:solid 0.15em;