Implemented various improvements to the About, Download, and Index 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.
 
+* Implemented various improvements to the About, Download, and Index pages. - *Simon Sarasova*
 * Upgraded Seekia to Version 0.60. Upgraded the whitepaper to Version 7. - *Simon Sarasova*
 * Improved the Index and About pages. - *Simon Sarasova*
 * Changed Codeberg Git repository to Git.Pub.Solar repository. - *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 | 13
+Simon Sarasova | April 10, 2024 | 14

resources/pages/about.html

@@ -35,33 +35,33 @@
 
 <p><b><i>Be Race Aware</i></b></p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <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>
+<div class = "linebreak"></div>
 <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>
+<div class = "linebreak"></div>
 <p>Seekia enables users to browse and filter potential mates by their racial attributes.</p>
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 <p>Seekia can also calculate the racial characteristics for prospective offspring between users.</p>
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 <p>Seekia allows for users to predict and choose the race of their offspring by selecting a mate who is the most capable and likely to produce offspring of their desired race. <p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p><b><i>Curing Racial Loneliness</i></b></p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Seekia aims to cure racial loneliness by helping people to find members of their own race to mate with.</p>
 
 <p>Seekia aims to help users to produce offspring who resemble them.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p><b><i>Be Ancestry Aware</i></b></p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Users can share their genetic ancestry, which is correlated to their race.</p>
 
@@ -71,31 +71,31 @@
 
 <p>Users can sort their matches by their ancestral similarity.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p><b><i>Facilitating Eugenic Breeding</i></b></p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Seekia aims to improve humanity's genetics by making humans more beautiful, healthier, more intelligent, more virtuous, and happier.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Users can filter and sort users by their genetic disease and trait information.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Users can analyze their genomes using the Seekia app to learn about monogenic disease risks, polygenic disease risks, and traits.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Users can share their disease and trait information in their profiles.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Seekia allows users to choose their mate in such a way to reduce the probability of their offspring having diseases and increase the probability of their offspring having certain traits.</p>
 
-<div class = "thinlinebreak"></div>
+<div class = "linebreak"></div>
 
 <p>Seekia users will choose mates who are the most likely to produce beautiful, healthy, intelligent, virtuous, and happy offspring.</p>
 
@@ -103,9 +103,11 @@
 
 <hr class = "separator">
 
-<br class = "linebreak">
+<div class = "thinlinebreak"></div>
+
 <p><b>Learn more by reading the Seekia whitepaper.</b></p>
-<br class = "linebreak">
+
+<div class = "thinlinebreak"></div>
 
 <div class = "readTheWhitepaperRow">
 

resources/pages/download.html

@@ -129,7 +129,7 @@
 
 <hr class = "separator">
 
-<br class = "linebreak">
+<div class = "thinlinebreak"></div>
 
 <a href = "{{.LanguageURLBase}}archive.html"><b>Download Archived Versions</b></a>
 

resources/pages/index.html

@@ -23,6 +23,8 @@
 
 {{.CodeSnippet_Header}}
 
+<div class = "indexPageContent">
+
 <h2 class = "seekiaIsHeading">{{.SeekiaIsDescription}}</h2>
 
 <p>The goal of Seekia is to help humanity mate in a race and genetics aware manner.</p>
@@ -33,7 +35,7 @@
 
 <h2>{{.BeRaceAware}}</h2>
 
-<p>Find members of the race which you desire.</p>
+<p>Find members of the races which you desire.</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>
 
 <img class = "eyeColorDesiresScreenshot" src = "{{.BaseURL}}/images/applicationScreenshots/en/eyeColorDesires.webp"></img>
@@ -60,8 +62,9 @@
 
 <h2>{{.BeGeneticsAware}}</h2>
 
+<p>Perform a genetic analysis of your prospective offspring with each potential mate.</p>
 <p>Understand your offspring's genetic disease risk and trait scores.</p>
-<p>Filter your matches based on a calculated genetic analysis for your offspring.</p>
+<p>Sort your matches by your prospective offspring's probability of being diseased.</p>
 <p>Maximize the probability of a healthy offspring who has the traits which you desire.</p>
 
 <img class = "offspringDiseaseProbabilitiesScreenshot" src = "{{.BaseURL}}/images/applicationScreenshots/en/offspringDiseaseProbabilities.webp"></img>
@@ -90,10 +93,10 @@
 
 <p>The Seekia application source code is released into the public domain.</p>
 
-<br class = "linebreak">
-
 <a class = "blueDownloadButton" href="{{.LanguageURLBase}}download.html">{{.Download}}</a>
 
+</div>
+
 </div>
 </body>
 

resources/style.css

@@ -1,8 +1,6 @@
 
 
-
 body{
-
 	background-image: url(./images/genome.svg);
 	background-size:7em;
 	background-color:cornflowerblue;
@@ -18,6 +16,8 @@ body{
 	margin-bottom:0em;
 
 	font-family:"Helvetica", serif;
+
+	line-height: 1.7em;
 }
 
 
@@ -26,14 +26,14 @@ h1{
 }
 
 p{
-	font-size:1.2em;
+	font-size:1.25em;
 	margin-top:.5em;
 	margin-bottom:.5em;
 }
 
 a{
 	color:black;
-	font-size:1.2em;
+	font-size:1.25em;
 	text-decoration:underline;
 
 	margin-top:0.5em;
@@ -81,8 +81,8 @@ a:hover{
 	width:100%;
 }
 
-
 .languageBar{
+
 	display:flex;
 	flex-direction:row;
 	align-items:center;
@@ -215,6 +215,17 @@ a:hover{
 	width:70%;
 }
 
+
+.indexPageContent{
+
+	display:flex;
+	flex-direction:column;
+	justify-content:center;
+	align-items:center;
+
+	width:80%;
+}
+
 .seekiaIsHeading{
 
 	margin-top:1.8em;
@@ -261,6 +272,8 @@ a:hover{
 
 	background-color: blue;
 	border-radius:1em;
+
+	margin-top:0.6em;
 }
 
 .separator{
@@ -278,56 +291,56 @@ a:hover{
 }
 
 .linebreak{
-	margin-top:0.5em;
+	margin-top:1.25em;
+	margin-bottom:1.25em;
 }
 
 .thinlinebreak{
-	margin-top:1.5em;
+	margin-top:0.4em;
-	margin-bottom:1em;
+	margin-bottom:0.4em;
 }
 
 
 .homePageScreenshot{
-	width:60%;
+	width:70%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
 }
 
 .eyeColorDesiresScreenshot{
-	width:40%;
+	width:50%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
 }
 
 .ancestryCompositionScreenshot{
-	width:50%;
+	width:60%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
 }
 
 .racialSimilarityScreenshot{
-	width:50%;
+	width:60%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
 }
 
 .offspringDiseaseProbabilitiesScreenshot{
-	width:60%;
+	width:70%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
 }
 
 .totalDiseaseRiskScreenshot{
-	width:60%;
+	width:70%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
-
 }
 
 .browseMatchesScreenshot{
-	width:25%;
+	width:35%;
 	border:solid 0.15em;
-	margin:1.5em;
+	margin:1.2em;
 
 }