From 376954968592e869dee3984d75bca40ac8850b8e Mon Sep 17 00:00:00 2001 From: Matt Price Date: Fri, 8 May 2020 22:25:53 -0400 Subject: [PATCH] cleanup for 2020 --- 01/index.html | 6 ------ 03/index.html | 2 +- 04/style.css | 6 +++--- 05/index.html | 32 +++++++++++++------------------- README.org | 2 +- 5 files changed, 18 insertions(+), 30 deletions(-) diff --git a/01/index.html b/01/index.html index b148aab..9e40cb1 100644 --- a/01/index.html +++ b/01/index.html @@ -10,17 +10,12 @@
-

- -

-
@@ -43,7 +38,6 @@
- bla bla bla
diff --git a/03/index.html b/03/index.html index 60482f6..d4c4d34 100644 --- a/03/index.html +++ b/03/index.html @@ -16,7 +16,7 @@

Ursula Le Guin

Ursula Le Quin on her porch

One of the great novelists of the late 20th - Century, Ursula Le Guin died on January 22, 1918, + Century, Ursula Le Guin died on January 22, 2018, approximately a year ago. Her works of speculative fiction include The Lathe of Heaven (strongly influenced by Taoism), The Dispossessed diff --git a/04/style.css b/04/style.css index 014b303..86a2149 100644 --- a/04/style.css +++ b/04/style.css @@ -12,9 +12,9 @@ main { grid-template-areas: "nav nav nav" "side art aside" "side art aside"; - grid-template-columns: - grid-template-rows: - grid-gap: + /* grid-template-columns: ; */ + /* grid-template-rows: */ + /* grid-gap: ; */ } diff --git a/05/index.html b/05/index.html index 5863e11..6d94cc2 100644 --- a/05/index.html +++ b/05/index.html @@ -8,26 +8,20 @@ My Page Title - -

-

-
+
+ +
+ +
- Aliquam erat volutpat. Nunc eleifend leo vitae magna. In id erat non orci commodo lobortis. Proin neque massa, cursus ut, gravida ut, lobortis eget, lacus. Sed diam. Praesent fermentum tempor tellus. Nullam tempus. Mauris ac felis vel velit tristique imperdiet. Donec at pede. Etiam vel neque nec dui dignissim bibendum. Vivamus id enim. Phasellus neque orci, porta a, aliquet quis, semper a, massa. Phasellus purus. Pellentesque tristique imperdiet tortor. Nam euismod tellus id erat. -Pellentesque dapibus suscipit ligula. Donec posuere augue in quam. Etiam vel tortor sodales tellus ultricies commodo. Suspendisse potenti. Aenean in sem ac leo mollis blandit. Donec neque quam, dignissim in, mollis nec, sagittis eu, wisi. Phasellus lacus. Etiam laoreet quam sed arcu. Phasellus at dui in ligula mollis ultricies. Integer placerat tristique nisl. Praesent augue. Fusce commodo. Vestibulum convallis, lorem a tempus semper, dui dui euismod elit, vitae placerat urna tortor vitae lacus. Nullam libero mauris, consequat quis, varius et, dictum id, arcu. Mauris mollis tincidunt felis. Aliquam feugiat tellus ut neque. Nulla facilisis, risus a rhoncus fermentum, tellus tellus lacinia purus, et dictum nunc justo sit amet elit. +
+ +
- - - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec hendrerit tempor tellus. Donec pretium posuere tellus. Proin quam nisl, tincidunt et, mattis eget, convallis nec, purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla posuere. Donec vitae dolor. Nullam tristique diam non turpis. Cras placerat accumsan nulla. Nullam rutrum. Nam vestibulum accumsan nisl. - - - -
-
- -
+
+ +
+ + diff --git a/README.org b/README.org index 77d18d7..7d8b24c 100644 --- a/README.org +++ b/README.org @@ -92,7 +92,7 @@ As you can see, it doesn't look very much like this yet! This page is somewhat - for fun, I have also added a *media query* at the end of ~style.css~. These few lines of code reorganize the page completely, something that would have been very hard to do just a few years ago. I've added in the relevant CSS selectors and declarations; all you need to do is fill in the values. Here's what I expect you to do: -- fill in grid-template-columns and grid-template rows so that the main column is *4 times as wide as the sides* and *4 times as tall as the nav*. Use ~fr~ units for consistency. +- *uncomment* and then fill in grid-template-columns and grid-template rows so that the main column is *4 times as wide as the sides* and *4 times as tall as the nav*. Use ~fr~ units for consistency. - Add ~grid-area~ declarations for all the direct children of ~
~. - fill in ~flex-direction~ and optionally ~justify-content~ and ~align-items~ to make the ~section.sidebar~ flexbox layout work right - optionally fill in the ~gap~ declaration in the ~article~ ruleset