diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css index bc10897..ce68950 100644 --- a/docs/assets/css/styles.css +++ b/docs/assets/css/styles.css @@ -2,18 +2,29 @@ body { font-family: "Roboto", sans-serif; + margin: 0; } header { - text-align: center; + color: #000000; + background-color: #ffffff; + margin: 20px; + padding: 10px; + border-radius: 50px; + position: fixed; + top: 10px; + width: calc(100% - 60px); + transition: font-size 200ms; } header h1 { display: inline-block; + text-align: left; padding: 10px; } nav { + text-align: right; display: inline-block; padding: 10px; } @@ -42,20 +53,43 @@ nav a:hover, nav a:focus { background-color: #555555; } -main { - text-align: center; -} - .cover { - height: 100%; + color: #ffffff; + text-align: center; + width: 100%; padding: 25% 0px; - background-image: url(""); + background-image: url("/assets/img/background.png"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; } +@media screen and (max-width: 850px) { + .cover-tagline { + margin: 25% 0; + } +} + +@media screen and (max-width: 600px) { + .cover-tagline { + margin-top: 75%; + margin-bottom: 40%; + } +} + +main { + text-align: center; + margin: 20px; + padding: 25px; + background-color: #dddddd; + border-radius: 50px; +} + article { text-align: left; +} + +footer { + text-align: center; } \ No newline at end of file diff --git a/docs/assets/img/background.png b/docs/assets/img/background.png new file mode 100644 index 0000000..c1238d8 Binary files /dev/null and b/docs/assets/img/background.png differ diff --git a/docs/assets/img/william-warby-ld4wZGqlLF4-unsplash-min.png b/docs/assets/img/william-warby-ld4wZGqlLF4-unsplash-min.png deleted file mode 100644 index c2d42d3..0000000 Binary files a/docs/assets/img/william-warby-ld4wZGqlLF4-unsplash-min.png and /dev/null differ diff --git a/docs/index.html b/docs/index.html index eb55542..e5ef1d2 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,29 +2,31 @@ Work in progress + -
-

Work in progress

- -
-
-
-

Lorem ipsum

-
+
+
+

Work in progress

+ +
+

Lorem ipsum

+
+
+

Lorem ipsum

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.

-