Add slide on why
All checks were successful
continuous-integration/laminar-elessar Build 72 succeeded in 43 seconds .
All checks were successful
continuous-integration/laminar-elessar Build 72 succeeded in 43 seconds .
This commit is contained in:
parent
380a8d0aae
commit
36729b90e3
GPG key ID:
1BE5172E637709C2
4 changed files with 44 additions and 5 deletions
|
|
@ -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; }
|
||||||
|
|
|
||||||
4
images/linux-vs-windows-desktop-os.svg
Normal file
4
images/linux-vs-windows-desktop-os.svg
Normal 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 |
4
images/linux-vs-windows-server-os.svg
Normal file
4
images/linux-vs-windows-server-os.svg
Normal 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 |
37
index.html
37
index.html
|
|
@ -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♯ 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>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue