Basic structure of talk

This commit is contained in:
2024-01-03 08:58:15 +01:00
parent 39065a5bac
commit 7532bc4000
8 changed files with 65 additions and 13 deletions

19
README.md Normal file
View File

@@ -0,0 +1,19 @@
# Development
Start a development server
```shell
npm run dev
```
# Final version
Building the static assets:
```shell
npm run build
```
You can use Vite to run a server showing the built assets:
```shell
npm run preview
```

View File

@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/scandioicon.ico" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="stylesheet" href="/theme/index.scss"> <link rel="stylesheet" href="/theme/index.scss">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scandio - Präsentation</title> <title>Scandio - Präsentation</title>

View File

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

View File

@@ -1,8 +1,7 @@
import Reveal from 'reveal.js'; import Reveal from 'reveal.js';
let deck = new Reveal({ let deck = new Reveal({
transition: 'fade', transition: 'fade'
margin: 0.0
}); });
deck.initialize(); deck.initialize();

View File

@@ -1,8 +1,8 @@
<section class="sc-left-and-right" data-background-image="/backgrounds/title.svg"> <section class="sc-left-and-right" data-background-image="/backgrounds/title.svg">
<div class="sc-right"> <div class="sc-right">
<img src="/logo_scandio.svg" style="width: 50%;"> <img src="/logo_scandio.svg" style="width: 50%;">
<h2>Scandio und Reveal.js</h2> <h4>Millionen langlebiger TCP-Verbindungen Herausforderungen und Lösungen bei Update-Prozessen</h4>
<div class="sc-gray">02.01.2024</div> <div class="sc-gray">31.01.2024</div>
</div> </div>
</section> </section>
@@ -12,21 +12,53 @@
</div> </div>
<div class="sc-right sc-white"> <div class="sc-right sc-white">
<ul> <ul>
<li>Über Scandio</li> <li>Projektsetup</li>
<li>Mehr Inhalt</li> <li>Problemstellung</li>
<li>Danke</li> <li>Lösungen</li>
</ul> </ul>
</div> </div>
</section> </section>
<section data-background-color="black"> <section data-background-color="black">
Über Scandio Projektsetup
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h2>Motivation</h2>
<ul>
<li class="fragment"></li>
<li class="fragment"></li>
</ul>
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h2>Fachlicher Kontext</h2>
<ul>
<li class="fragment"></li>
<li class="fragment"></li>
</ul>
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h2>Qualitätsanforderungen</h2>
<ul>
<li class="fragment"></li>
<li class="fragment"></li>
</ul>
</section>
<section data-background-color="black">
Problemstellung
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
</section>
<section data-background-color="black">
Lösungen
</section> </section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right"> <section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h3>Wir digitalisieren Produkte, Prozesse und Organisationen</h3>
<div>Durch agile Teams, zugeschnitten auf die Ansprüche ihres Projekts, verhelfen wir kleinen und großen Unternehmen zu mehr
Kompetenz in der digitalen Welt.</div>
</section> </section>
<section class="sc-left-and-right" data-background-color="black"> <section class="sc-left-and-right" data-background-color="black">
@@ -34,7 +66,9 @@
<img src="/thankyou.png" style="height: 70%"> <img src="/thankyou.png" style="height: 70%">
</div> </div>
<div class="sc-right"> <div class="sc-right">
<div>Thank you</div> <img src="/logo_scandio.svg" style="width: 50%; margin-bottom: 36px;">
<div>Benedikt Hunger</div>
<small class="sc-gray">benedikt.hunger@scandio.de</small>
</div> </div>
</section> </section>