brackendawson · September 10, 2024 22:04
diff --git a/index.htm b/index.htm
 <!DOCTYPE html>
 <html lang="en">
    <head>
        <title>Title</title>
        <style>
            * {
                margin: 0;
            }
            html, body {
                height: 100%;
            }
            body {
                display: flex;
                flex-direction: column;
                align-items: center;
                min-width: 25rem;
            }
            header {
                text-align: center;
                background: red;
                width: 100%;
            }
            main {
                flex-grow: 1;
                background: green;
                max-width: 60rem;
                width: 100%;
            }
            footer {
                background: blue;
                width: 100%;
                box-sizing: border-box;
                padding-inline: calc(50% - 30rem);
            }
        </style>
    </head>
    <body>
        <header>
            <p>Header</p>
        </header>
        <main>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. At modo dixeras nihil in istis rebus esse, quod interesset. Atqui reperies, inquit, in hoc quidem pertinacem; Atqui reperies, inquit, in hoc quidem pertinacem; Duo Reges: constructio interrete. Quis Aristidem non mortuum diligit? Qua igitur re ab deo vincitur, si aeternitate non vincitur? Hunc vos beatum;</p>
            <p>Diodorus, eius auditor, adiungit ad honestatem vacuitatem doloris. Eadem nunc mea adversum te oratio est. An hoc usque quaque, aliter in vita? Honesta oratio, Socratica, Platonis etiam. Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; De hominibus dici non necesse est. At ego quem huic anteponam non audeo dicere; Illud dico, ea, quae dicat, praeclare inter se cohaerere.</p> 
            <p>Quid loquor de nobis, qui ad laudem et ad decus nati, suscepti, instituti sumus? Frater et T. Quid enim tanto opus est instrumento in optimis artibus comparandis? Illa argumenta propria videamus, cur omnia sint paria peccata. Itaque vides, quo modo loquantur, nova verba fingunt, deserunt usitata.</p>
        </main>
        <footer>
            <p>©2024 Bracken Dawson</p>
        </footer>
    </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Title</title>
	<style>
	* {
	margin: 0;
	}
	html, body {
	height: 100%;
	}
	body {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 25rem;
	}
	header {
	text-align: center;
	background: red;
	width: 100%;
	}
	main {
	flex-grow: 1;
	background: green;
	max-width: 60rem;
	width: 100%;
	}
	footer {
	background: blue;
	width: 100%;
	box-sizing: border-box;
	padding-inline: calc(50% - 30rem);
	}
	</style>
	</head>
	<body>
	<header>
	<p>Header</p>
	</header>
	<main>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. At modo dixeras nihil in istis rebus esse, quod interesset. Atqui reperies, inquit, in hoc quidem pertinacem; Atqui reperies, inquit, in hoc quidem pertinacem; Duo Reges: constructio interrete. Quis Aristidem non mortuum diligit? Qua igitur re ab deo vincitur, si aeternitate non vincitur? Hunc vos beatum;</p>
	<p>Diodorus, eius auditor, adiungit ad honestatem vacuitatem doloris. Eadem nunc mea adversum te oratio est. An hoc usque quaque, aliter in vita? Honesta oratio, Socratica, Platonis etiam. Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; De hominibus dici non necesse est. At ego quem huic anteponam non audeo dicere; Illud dico, ea, quae dicat, praeclare inter se cohaerere.</p>
	<p>Quid loquor de nobis, qui ad laudem et ad decus nati, suscepti, instituti sumus? Frater et T. Quid enim tanto opus est instrumento in optimis artibus comparandis? Illa argumenta propria videamus, cur omnia sint paria peccata. Itaque vides, quo modo loquantur, nova verba fingunt, deserunt usitata.</p>
	</main>
	<footer>
	<p>©2024 Bracken Dawson</p>
	</footer>
	</body>
	</html>