sbrl/Linux-101
1
0
Fork 0
Code Issues 1 Pull requests Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/theme.css
View file

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

10
index.html
View file

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