Eclypsed/Nix-Presentation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Began introductory slides

Browse Source
This commit is contained in:
Eclypsed
2025-10-08 23:20:18 -04:00
parent 5cbd13fb3c
commit 49afd15ab7
12 changed files with 175 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/slides/AboutMe.svelte Normal file
View File

@@ -0,0 +1,17 @@
<section>
<h3>About Me</h3>
<ul>
<li>Senior Computer Science Major / CIS Minor</li>
<li>The Nix guy or maybe the CD Guy</li>
</ul>
</section>
<style>
section {
text-align: left;
}
ul {
font-size: 20pt;
}
</style>

74
src/slides/CoreIdea.svelte Normal file
View File

@@ -0,0 +1,74 @@
<script lang="ts">
import Reproducible from '/reproducible.svg'
import Declartive from '/declaritive.svg'
import Reliable from '/reliable.svg'
</script>
<section>
<section>
<h3 style="text-align: left;">The Core Idea</h3>
<div id="images">
<img src={Reproducible} alt="Reproducible" />
<img src={Declartive} alt="Declartive" />
<img src={Reliable} alt="Reliable" />
<strong>Reproducible</strong>
<strong>Declarative</strong>
<strong>Reliable</strong>
</div>
</section>
<section>
<div id="reproducible">
<p style="text-align: left;">
Nix is <strong>Purely Functional</strong>
</p>
<div>
<img src={Reproducible} alt="Reproducible" />
<strong>Reproducible</strong>
</div>
</div>
</section>
<section>
<div id="declartive">
<div>
<img src={Declartive} alt="Declartive" />
<strong>Declartive</strong>
</div>
<p style="text-align: right;">Packages & Systems are <strong>Declared</strong></p>
</div>
</section>
<section>
<div id="reliable">
<p style="text-align: left;">
<strong>Safe Upgrades</strong> and <strong>Rollbacks</strong>
</p>
<div>
<img src={Reliable} alt="Reliable" />
<strong>Reliable</strong>
</div>
</div>
</section>
</section>
<style>
#images {
display: grid;
grid-template-rows: 1fr 40px;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
}
#reproducible,
#reliable {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 2fr 1fr;
gap: 40px;
}
#declartive {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 2fr;
gap: 40px;
}
</style>

23
src/slides/History.svelte Normal file
View File

@@ -0,0 +1,23 @@
<section>
<h3>A Brief History</h3>
<ul>
<li>
In 2006, Eelco Dolstra conceived both the Nix expression language and package manager as
part of his PhD thesis “The Purely Functional Software Deployment Model”
</li>
<li>
Also in 2006, as part of his Master's Thesis, Armijn Hemel described NixOS, a Linux
distrobution based on the Nix package manager.
</li>
</ul>
</section>
<style>
section {
text-align: left;
}
ul {
font-size: 20pt;
}
</style>

1
src/slides/PackageGraph.svelte
View File

@@ -1,7 +1,6 @@
<script lang="ts">
import * as d3 from 'd3'
import { onMount } from 'svelte'
import PackagePoint from '../lib/PackagePoint.svelte'
type PackageStat = {
name: string

3
src/slides/TheProblem.svelte Normal file
View File

@@ -0,0 +1,3 @@
<section>
<h3 style="text-align: left;">The Problem</h3>
</section>

40
src/slides/WhatIsNix.svelte Normal file
View File

@@ -0,0 +1,40 @@
<section>
<section data-auto-animate>
<h1>Nix?</h1>
</section>
<section data-auto-animate>
<h1>Nix?</h1>
<ul>
<li>Nix (The Expression Language)</li>
</ul>
</section>
<section data-auto-animate>
<h1>Nix?</h1>
<ul>
<li>Nix (The Expression Language)</li>
<li>Nix (The Package Manager)</li>
</ul>
</section>
<section data-auto-animate>
<h1>Nix?</h1>
<ul>
<li>Nix (The Expression Language)</li>
<li>Nix (The Package Manager)</li>
<li>NixOS (The Linux Distro)</li>
</ul>
</section>
</section>
<style>
/* Every odd li in a ul */
ul li:nth-child(odd) {
font-weight: bold;
color: var(--nix-dark-blue);
}
/* Every even li in a ul */
ul li:nth-child(even) {
font-weight: bold;
color: var(--nix-light-blue);
}
</style>