Add about page

[WWW] / index.html

diff --git a/index.html b/index.html
index 75dca9c53cf3baf9e3fbe2f6c150ec65fc841281..4a033ad6321c0d3698f4001000337f7f6c9ef171 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <TITLE>Lady’s Computer</TITLE>
 <META Name=viewport Content="width=480">
 <STYLE>
 <TITLE>Lady’s Computer</TITLE>
 <META Name=viewport Content="width=480">
 <STYLE>

-html{ Color: #F3DEE3; Background: #1A1A1A; Font-Family: Serif; Line-Height: 1.5; Text-Align: Center }
+html{ Color: #F3DEE3; Background: #1A1A1A; Font-Family: 'Charis SIL', Charter, 'Bitstream Charter', 'Palatino Linotype', 'URW Palladio L', P052, Georgia, 'STIX Two Math', Serif; Line-Height: 1.5; Text-Align: Center }

 body{ Display: Grid; Grid-Template: Auto / Auto-Flow; Align-Content: Center; Justify-Content: Center; Box-Sizing: Border-Box; Margin: Auto; Padding-Block: 1REM; Padding-Inline: 1CH; Min-Block-Size: 100SVB; Max-Inline-Size: 48REM; Gap: 2REM }
 body{ Display: Grid; Grid-Template: Auto / Auto-Flow; Align-Content: Center; Justify-Content: Center; Box-Sizing: Border-Box; Margin: Auto; Padding-Block: 1REM; Padding-Inline: 1CH; Min-Block-Size: 100SVB; Max-Inline-Size: 48REM; Gap: 2REM }

-h1,h1 img{ Display: Block; Margin: 0; Color: #D6B7BF; Font-Size: 3REM; Font-Style: Italic; Font-Weight: Inherit; Text-Decoration: Underline }
+h1{ Margin: 0; Color: #D6B7BF; Font-Size: 3REM; Font-Style: Italic; Font-Weight: Inherit; Text-Decoration: Underline }

 nav{ Display: Flex; Flex-Wrap: Wrap; Justify-Content: Center; Gap: 1CH }
 body>nav{ Border: None; Font-Size: 1.5REM }
 body>nav+nav{ Border: Thin Dashed; Font-Size: 1.25REM }
 nav{ Display: Flex; Flex-Wrap: Wrap; Justify-Content: Center; Gap: 1CH }
 body>nav{ Border: None; Font-Size: 1.5REM }
 body>nav+nav{ Border: Thin Dashed; Font-Size: 1.25REM }


@@ -17,7 +17,7 @@ img{ Display: Block; Image-Rendering: Pixelated }
 #badges img{ Margin-Block-Start: 1PX }
 </STYLE>
 
 #badges img{ Margin-Block-Start: 1PX }
 </STYLE>
 

-<H1><IMG Alt="Lady’s Computer" Aria-Label="Lady’s Computer: MY computer over YOUR internets" Width=468 Height=60 Src=./media/banner.png></H1>
+<H1>Lady’s Computer</H1>

 <NAV>
        <STRONG>Available subdomains:</STRONG>
        <UL>
 <NAV>
        <STRONG>Available subdomains:</STRONG>
        <UL>


@@ -29,6 +29,7 @@ img{ Display: Block; Image-Rendering: Pixelated }
 <NAV>
        <STRONG>Pages:</STRONG>
        <UL>
 <NAV>
        <STRONG>Pages:</STRONG>
        <UL>

+               <LI><A HRef=/about><CODE>/about</CODE></A>

                <LI><A HRef=/media><CODE>/media</CODE></A>
        </UL>
 </NAV>
                <LI><A HRef=/media><CODE>/media</CODE></A>
        </UL>
 </NAV>