Skip to content

Commit

Permalink
cleanup for 2020
Browse files Browse the repository at this point in the history
  • Loading branch information
titaniumbones committed May 9, 2020
1 parent ca10310 commit 3769549
Show file tree
Hide file tree
Showing 5 changed files with 18 additions and 30 deletions.
6 changes: 0 additions & 6 deletions 01/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,12 @@
<main>
<header>
<div class="senderinfo">
<p>

</p>
</div>

<time>

</time>

<div class="recipient">

</div>

<div class="subject">
Expand All @@ -43,7 +38,6 @@
</article>

<footer>
bla bla bla
</footer>
</main>
</body>
Expand Down
2 changes: 1 addition & 1 deletion 03/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h1>Ursula Le Guin</h1>
<img alt="Ursula Le Quin on her porch" src="https://s3.amazonaws.com/walrus-assets/img/20180126132252/WEB_LeGuin_Art.jpg"/>
<p class="description">
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 <a href="https://en.wikipedia.org/wiki/The_Lathe_of_Heaven">The Lathe of Heaven</a> (strongly influenced by Taoism),
<a href="https://en.wikipedia.org/wiki/The_Dispossessed">The Dispossessed</a>
Expand Down
6 changes: 3 additions & 3 deletions 04/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -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: ; */
}


Expand Down
32 changes: 13 additions & 19 deletions 05/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,26 +8,20 @@
<title>My Page Title</title>
</head>
<body>
<!-- Content goes here! -->
<header><h1></h1>
<h2><span class="author"></span></h2></header>
<section class="main"><img alt="" src="https://sdkljfdsl.com/img.jpeg"/>
<article>

<header>

</header>

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.
<section class="main">

</section>



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.



</section>
<section class="sources">
<ul>
<li><a href="">soure text</a></li>
<li><a href="">soure text</a></li>
</ul>
</section>
<section class="sources">

</section>

</article>
</body>
</html>
2 changes: 1 addition & 1 deletion README.org
Original file line number Diff line number Diff line change
Expand Up @@ -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 ~<main>~.
- 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
Expand Down

0 comments on commit 3769549

Please sign in to comment.