Lagt inn bilder, endret litt på min slide og noen andre slides. Endret title

This commit is contained in:
Martin Berg Alstad 2025-04-15 14:27:34 +02:00
parent aff07181ad
commit 5f868f3a7d
Signed by: martials
GPG Key ID: 706F53DD087A91DE
5 changed files with 52 additions and 29 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
assets/homelab-martin.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
assets/overview-martin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

BIN
assets/pi4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 996 KiB

View File

@ -5,19 +5,17 @@ theme: seriph
# like them? see https://unsplash.com/collections/94734566/slidev # like them? see https://unsplash.com/collections/94734566/slidev
background: https://cover.sli.dev background: https://cover.sli.dev
# some information about your slides (markdown enabled) # some information about your slides (markdown enabled)
title: Welcome to Slidev title: Homelab presentasjon
info: | info: |
## Slidev Starter Template ## Homelab presentasjon
Presentation slides for developers. Av Martin og Sindre
Learn more at [Sli.dev](https://sli.dev)
# apply unocss classes to the current slide # apply unocss classes to the current slide
class: text-center class: text-center
# https://sli.dev/features/drawing # https://sli.dev/features/drawing
drawings: drawings:
persist: false persist: false
# slide transition: https://sli.dev/guide/animations.html#slide-transitions # slide transition: https://sli.dev/guide/animations.html#slide-transitions
transition: slide-left transition: slide-up
# enable MDC Syntax: https://sli.dev/features/mdc # enable MDC Syntax: https://sli.dev/features/mdc
mdc: true mdc: true
--- ---
@ -27,14 +25,11 @@ mdc: true
\- Martin og Sindre \- Martin og Sindre
<div @click="$slidev.nav.next" class="mt-12 py-1" hover:bg="white op-10"> <div @click="$slidev.nav.next" class="mt-12 py-1" hover:bg="white op-10">
Press Space for next page <carbon:arrow-right /> <carbon:arrow-down />
</div> </div>
<div class="abs-br m-6 text-xl"> <div class="abs-br m-6 text-xl">
<button @click="$slidev.nav.openInEditor" title="Open in Editor" class="slidev-icon-btn"> <a href="https://codeberg.org/martials/homelab-presentasjon" target="_blank" class="slidev-icon-btn">
<carbon:edit />
</button>
<a href="https://github.com/slidevjs/slidev" target="_blank" class="slidev-icon-btn">
<carbon:logo-github /> <carbon:logo-github />
</a> </a>
</div> </div>
@ -45,11 +40,16 @@ The last comment block of each slide will be treated as slide notes. It will be
--- ---
transition: slide-up transition: slide-up
layout: image-right
image: ./assets/homelab-martin-full.jpg
--- ---
# Hva? # Kort fortalt
- 🧑‍💻 **Developer Friendly** - En server som man setter opp hjemme - 🏠 En server man konfigurerer selv
- 🧑‍💻 Kan brukes for personlige tjenester og data
<style> <style>
h1 { h1 {
@ -112,21 +112,28 @@ h1 {
--- ---
transition: slide-up transition: slide-up
layout: image-right
image: ./assets/overview-martin.png
--- ---
# Martins oppsett # Martins oppsett
- 🧑‍💻 **Ubuntu Server** ## Servere
- 🧑‍💻 **Caddy** - **Homelab med Ubuntu**
- 🧑‍💻 **Nextcloud** - **RPI4 med NixOS**
- 🧑‍💻 **Cloudflare**
- 🧑‍💻 **Docker** ## Software
- 🧑‍💻 **Tailscale** - **Caddy**
- 🧑‍💻 **Kitchenowl** - **Nextcloud**
- 🧑‍💻 **Uptime Kuma** - **Cloudflare**
- 🧑‍💻 **Gitea** - **Docker**
- 🧑‍💻 **Ente auth** - **Tailscale med Headscale**
- 🧑‍💻 **Actual budget** - **Kitchenowl**
- **Gitea**
- **Actual budget**
- Med mer
<style> <style>
h1 { h1 {
@ -161,6 +168,25 @@ h1 {
--- ---
transition: slide-up transition: slide-up
layout: cover
---
# Spørsmål?
<style>
h1 {
background-color: #2B90B6;
background-image: linear-gradient(45deg, #4EC5D4 10%, #146b8c 20%);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
</style>
---
--- ---
# What is Slidev? # What is Slidev?
@ -179,11 +205,6 @@ Slidev is a slides maker and presenter designed for developers, consist of the f
Read more about [Why Slidev?](https://sli.dev/guide/why) Read more about [Why Slidev?](https://sli.dev/guide/why)
<!--
You can have `style` tag in markdown to override the style for the current page.
Learn more: https://sli.dev/features/slide-scope-style
-->
<style> <style>
h1 { h1 {
background-color: #2B90B6; background-color: #2B90B6;
@ -197,6 +218,8 @@ h1 {
</style> </style>
<!-- <!--
TODO Remove this and below.
Here is another comment. Here is another comment.
--> -->