Refactor title to put freeside logo in background
All checks were successful
continuous-integration/laminar-elessar Build 24 succeeded in 47 seconds .

This commit is contained in:
Starbeamrainbowlabs 2019-03-14 17:11:10 +00:00
parent 84464c3dd6
commit 89e479b673
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 7 additions and 11 deletions

View file

@ -19,8 +19,7 @@ article {
}
article.title {
background: var(--bg-dark);
color: var(--bg-light);
background: url("./images/freeside.svg") no-repeat bottom center / 8em;
}
article:not(.title) {
@ -34,7 +33,10 @@ h1, h2, h3 {
text-align: center;
margin: 0.5em 0;
}
h1 { font-size: 150%; }
h1 {
background: var(--bg-dark);
font-size: 150%;
}
h2 { font-size: 125%; margin-top: 0.1em; }
p:first-of-type { margin: 0; }

View file

@ -8,10 +8,7 @@
<main class="js-deck3000">
<section>
<article class="title">
<h1 class="flex-1">Linux 101</h1>
<div class="flex-1 bg-light centre-content">
<img style="height: 8em;" src="./images/freeside.svg" alt="The Freeside Logo" />
</div>
<h1>Linux 101</h1>
</article>
<article>
<h2>Structure</h2>
@ -64,10 +61,7 @@
<section>
<article class="title">
<h1 class="flex-1">Installing Ubuntu</h1>
<div class="flex-1 bg-light centre-content">
<img style="height: 8em;" src="./images/freeside.svg" alt="The Freeside Logo" />
</div>
<h1>Installing Ubuntu</h1>
</article>
<article>
<h2>What's Ubuntu?</h1>