From 6861c684266bb30e29c8f8bf6c25fb5c5d236b30 Mon Sep 17 00:00:00 2001 From: dugo3number2 Date: Tue, 17 Jan 2023 14:31:49 -0600 Subject: [PATCH] Improve header --- docs/assets/css/styles.css | 51 ++++++++++++++++++++++++++++++++++++++ docs/index.html | 16 ++++++------ 2 files changed, 59 insertions(+), 8 deletions(-) diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css index b2a3448..bc10897 100644 --- a/docs/assets/css/styles.css +++ b/docs/assets/css/styles.css @@ -2,9 +2,60 @@ body { font-family: "Roboto", sans-serif; +} + +header { text-align: center; } +header h1 { + display: inline-block; + padding: 10px; +} + +nav { + display: inline-block; + padding: 10px; +} + +nav ul, footer ul { + list-style: none; + display: inline-block; + padding: 0; +} + +nav li, footer li { + display: inline-block; + padding: 0; +} + +nav a { + color: #dddddd; + text-decoration: none; + padding: 10px; + background-color: #333333; + transition: color 750ms, background-color 750ms; +} + +nav a:hover, nav a:focus { + color: #ffffff; + background-color: #555555; +} + +main { + text-align: center; +} + +.cover { + height: 100%; + padding: 25% 0px; + background-image: url(""); + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + article { text-align: left; } \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 2ef79da..eb55542 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,18 +5,18 @@ - -
+ +

Work in progress

-
+

Lorem ipsum

@@ -24,11 +24,11 @@

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus id turpis vitae accumsan. Nulla sodales elementum ipsum, sit amet ornare est congue at. Phasellus lacinia rhoncus felis id ultrices. Nulla vitae tellus at ante sollicitudin porttitor et nec dolor. Duis pulvinar, eros a lobortis dictum, dui lacus rutrum diam, dignissim hendrerit erat nunc fringilla nunc. Curabitur augue sapien, porta nec congue sed, mollis nec ex. Phasellus ornare sem sapien, in consectetur ante porttitor eu. Donec tempor, orci eu porta cursus, mi erat elementum dui, id eleifend neque orci quis mi. In hac habitasse platea dictumst. Sed nisl eros, finibus eu velit a, mattis elementum tellus. Morbi sit amet sollicitudin arcu. Aenean quis nisi dignissim, posuere turpis ac, accumsan mauris. Integer rhoncus dignissim diam a lobortis. Suspendisse potenti. Nam aliquam nulla ipsum, eget cursus metus condimentum sed. Proin id justo eget purus eleifend consectetur eget sed quam.

-