Add slide on why
All checks were successful
continuous-integration/laminar-elessar Build 72 succeeded in 43 seconds .

This commit is contained in:
Starbeamrainbowlabs 2019-03-11 20:20:12 +00:00
parent 380a8d0aae
commit 36729b90e3
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
4 changed files with 44 additions and 5 deletions

View file

@ -38,6 +38,7 @@ h1 { 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; }
small { font-size: 50%; }
img { img {
padding: 0.5em; padding: 0.5em;
@ -47,6 +48,9 @@ img {
.centre-content { text-align: center; } .centre-content { text-align: center; }
.flex { display: flex; }
.flex.horizontal { flex-direction: row; }
.flex.vertical { flex-direction: column; }
.flex-1 { flex: 1; } .flex-1 { flex: 1; }
.flex-2 { flex: 2; } .flex-2 { flex: 2; }
.flex-3 { flex: 3; } .flex-3 { flex: 3; }

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/
REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" style="overflow: hidden;" aria-label="A chart."><defs id="defs"/><rect x="0" y="0" width="300" height="300" stroke="none" stroke-width="0" fill="#ffffff"/><g><path d="M150,150L150,15A135,135,0,0,1,163.6869640295794,15.695618032571247L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#fe6431"/></g><g><path d="M150,150L72.52078697320243,39.44697404074314A135,135,0,0,1,150,15L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#fcf532"/></g><g><path d="M150,150L17.039250092938886,126.6239656025247A135,135,0,0,1,72.52078697320243,39.44697404074314L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#adadad"/></g><g><path d="M150,150L163.6869640295794,15.695618032571247A135,135,0,1,1,17.039250092938886,126.6239656025247L150,150A0,0,0,1,0,150,150" stroke="#ffffff" stroke-width="1" fill="#3164fe"/></g><g/><circle cx="422" cy="150" r="120" fill="#FFFFFF" stroke="none" stroke-width="0"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/
REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" style="overflow: hidden;" aria-label="A chart."><defs id="defs"/><rect x="0" y="0" width="300" height="300" stroke="none" stroke-width="0" fill="#ffffff"/><g><path d="M150,150L23.27092921672697,196.52679462855974A135,135,0,0,1,150,15L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#3164fe"/></g><g><path d="M150,150L150,15A135,135,0,1,1,23.27092921672697,196.52679462855974L150,150A0,0,0,1,0,150,150" stroke="#ffffff" stroke-width="1" fill="#fe6431"/></g><g/><circle cx="422" cy="150" r="120" fill="#FFFFFF" stroke="none" stroke-width="0"/></svg>

After

Width:  |  Height:  |  Size: 796 B

View file

@ -10,17 +10,44 @@
<article class="title"> <article class="title">
<h1 class="flex-1">Linux 101</h1> <h1 class="flex-1">Linux 101</h1>
<div class="flex-1 bg-light centre-content"> <div class="flex-1 bg-light centre-content">
<img style="max-height: 100%;" src="./images/freeside.svg" alt="" /> <img style="max-height: 100%;" src="./images/freeside.svg" alt="The Freeside Logo" />
</div> </div>
</article> </article>
<article> <article>
<h2>Test Content</h2> <h2>Structure</h2>
<ul> <ul>
<li>a</li> <li>Introduction - why and where</li>
<li>b</li> <li>Installation of Ubuntu</li>
<li>c</li> <li>Writing and compiling a simple C&sharp; program</li>
</ul> </ul>
</article> </article>
<article>
<h2>Why?</h2>
<div class="flex horizontal">
<div><img src="./images/linux-vs-windows-desktop-os.svg" /></div>
<ul>
<li>74.44% Windows</li>
<li>12.22% macOS</li>
<li>9.51% Other</li>
<li>1.58% Linux</li>
</ul>
</div>
<p><small>According to <a href="http://gs.statcounter.com/os-market-share/desktop/worldwide">statcounter GlobalStats</a></small></p>
</article>
<article>
<h2>Why?</h2>
<div class="flex horizontal">
<div><img src="./images/linux-vs-windows-server-os.svg" /></div>
<ul>
<li>69.4% of webservers use a Unix-based OS</li>
<li>30.6% of webservers use Windows</li>
</ul>
</div>
<p><small>
According to
<a href="https://w3techs.com/technologies/overview/operating_system/all">W<sup>3</sup>Techs</a>
</small></p>
</article>
</section> </section>
</main> </main>