feature: vor und nachteile

praesentation/node_modules/@slidev/client/styles/code.css

@@ -0,0 +1,84 @@
+html.dark:root {
+  color-scheme: dark;
+}
+
+/* Shiki */
+html.dark .shiki {
+  color: var(--shiki-dark, inherit);
+  --twoslash-popup-bg: var(--shiki-dark-bg, inherit);
+}
+
+html.dark .shiki span {
+  color: var(--shiki-dark);
+}
+
+html:not(.dark) .shiki {
+  color: var(--shiki-light, inherit);
+  --twoslash-popup-bg: var(--shiki-light-bg, inherit);
+}
+
+html:not(.dark) .shiki span {
+  color: var(--shiki-light);
+}
+
+.twoslash-meta-line.twoslash-popover-line {
+  margin-top: -10px;
+}
+
+/* Slidev */
+.slidev-code-wrapper {
+  margin: var(--slidev-code-margin) !important;
+  scroll-padding: var(--slidev-code-padding);
+  &:-webkit-scrollbar {
+    width: 0px;
+  }
+}
+
+.slidev-code {
+  font-family: var(--slidev-code-font-family) !important;
+  padding: var(--slidev-code-padding) !important;
+  font-size: var(--slidev-code-font-size) !important;
+  line-height: var(--slidev-code-line-height) !important;
+  border-radius: var(--slidev-code-radius) !important;
+  background: var(--slidev-code-background);
+  overflow: auto;
+}
+
+.slidev-code .slidev-code-highlighted {
+}
+.slidev-code .slidev-code-dishonored {
+  opacity: 0.3;
+  pointer-events: none;
+}
+
+.slidev-code-line-numbers .slidev-code code {
+  counter-reset: step;
+  counter-increment: step calc(var(--start, 1) - 1);
+}
+
+.slidev-code-line-numbers .slidev-code code .line::before {
+  content: counter(step);
+  counter-increment: step;
+  display: inline-block;
+  text-align: right;
+  --uno: w-4 mr-6 text-gray-400 dark-text-gray-600;
+}
+
+/* Inline Code */
+.slidev-layout :not(pre) > code {
+  font-size: 0.9em;
+  background: var(--slidev-code-background);
+  border-radius: var(--slidev-code-radius);
+  --uno: font-light py-0.5 px-1.5;
+}
+
+.slidev-layout :not(pre) > code:before {
+  margin-right: -0.08em;
+}
+
+/* Revert CSS reset for KaTex */
+.katex,
+.katex :after,
+.katex :before {
+  border-color: currentColor;
+}

praesentation/node_modules/@slidev/client/styles/index.css

@@ -0,0 +1,136 @@
+html,
+body,
+#app,
+#page-root {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100vh;
+  height: calc(var(--vh, 1vh) * 100);
+  overflow: hidden;
+  print-color-adjust: exact;
+  -webkit-print-color-adjust: exact;
+  --uno: font-sans bg-main;
+}
+
+html {
+  background: transparent;
+}
+
+.slidev-icon-btn {
+  aspect-ratio: 1;
+  user-select: none;
+  outline: none;
+  cursor: pointer;
+  @apply inline-flex items-center justify-center opacity-75 transition duration-200 ease-in-out align-middle rounded p-1;
+  @apply hover:(opacity-100 bg-gray-400 bg-opacity-10);
+  @apply focus-visible:(opacity-100 outline outline-2 outline-offset-2 outline-black dark:outline-white);
+  @apply md:p-2;
+}
+
+.slidev-icon-btn.shallow {
+  opacity: 0.3;
+}
+
+.slidev-icon-btn.active {
+  opacity: 1;
+}
+
+.slidev-icon-btn.disabled {
+  opacity: 0.25;
+  pointer-events: none;
+}
+
+.slidev-layout a.slidev-icon-btn {
+  @apply border-none hover:border-none hover:text-white;
+}
+
+.slidev-vclick-target {
+  @apply transition-opacity duration-100;
+}
+
+.slidev-vclick-hidden {
+  opacity: 0 !important;
+  pointer-events: none !important;
+  user-select: none !important;
+}
+
+.slidev-vclick-display-none {
+  display: none !important;
+}
+
+.slidev-vclick-fade {
+  opacity: 0.5;
+}
+
+.slidev-icon {
+  display: inline-block;
+  vertical-align: sub;
+  line-height: 1em;
+}
+
+.slidev-page {
+  position: relative;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+}
+
+/* Note Clicks */
+
+.slidev-note-with-clicks .slidev-note-fade {
+  color: #888888ab;
+}
+
+.slidev-note-click-mark {
+  user-select: none;
+  font-size: 0.7em;
+  display: inline-flex;
+  --uno: text-violet bg-violet/10 px1 font-mono rounded items-center border border-transparent;
+}
+.slidev-note-click-mark.slidev-note-click-mark-active {
+  --uno: border border-violet;
+}
+.slidev-note-click-mark.slidev-note-click-mark-past {
+  filter: saturate(0);
+  opacity: 0.5;
+}
+.slidev-note-click-mark.slidev-note-click-mark-future {
+  opacity: 0.5;
+}
+
+.slidev-note-click-mark::before {
+  content: '';
+  display: inline-block;
+  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M23 28a1 1 0 0 1-.71-.29l-6.13-6.14l-3.33 5a1 1 0 0 1-1 .44a1 1 0 0 1-.81-.7l-6-20A1 1 0 0 1 6.29 5l20 6a1 1 0 0 1 .7.81a1 1 0 0 1-.44 1l-5 3.33l6.14 6.13a1 1 0 0 1 0 1.42l-4 4A1 1 0 0 1 23 28m0-2.41L25.59 23l-7.16-7.15l5.25-3.5L7.49 7.49l4.86 16.19l3.5-5.25Z'/%3E%3C/svg%3E");
+  -webkit-mask: var(--un-icon) no-repeat;
+  mask: var(--un-icon) no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  background-color: currentColor;
+  color: inherit;
+  width: 1.2em;
+  height: 1.2em;
+  opacity: 0.8;
+}
+
+.slidev-note-click-mark::after {
+  content: attr(data-clicks);
+  display: inline-block;
+  transform: translateY(0.1em);
+}
+
+/* Transform the position back for Rough Notation (v-mark) */
+.rough-annotation {
+  transform: scale(calc(1 / var(--slidev-slide-scale)));
+}
+
+#twoslash-container {
+  position: fixed;
+}
+
+#twoslash-container .v-popper__wrapper:not(.no-slide-scale > *) {
+  transform: scale(calc(1 * var(--slidev-slide-scale)));
+  transform-origin: 30px top;
+}

praesentation/node_modules/@slidev/client/styles/katex.css

@@ -0,0 +1,5 @@
+.slidev-katex-wrapper .mord.highlighted {
+}
+.slidev-katex-wrapper .mord.dishonored {
+  opacity: 0.3;
+}

praesentation/node_modules/@slidev/client/styles/layouts-base.css

@@ -0,0 +1,128 @@
+.slidev-layout {
+  @apply px-14 py-10 text-[1.1rem] h-full;
+
+  pre,
+  code {
+    @apply select-text;
+  }
+
+  code {
+    @apply font-mono;
+  }
+
+  h1 {
+    @apply text-4xl mb-4;
+  }
+
+  h2 {
+    @apply text-3xl;
+  }
+
+  h3 {
+    @apply text-2xl;
+  }
+
+  h4 {
+    @apply text-xl;
+  }
+
+  h5 {
+    @apply text-base;
+  }
+
+  h6 {
+    @apply text-sm pt-1 uppercase tracking-widest font-500;
+  }
+
+  h6:not(.opacity-100) {
+    @apply opacity-40;
+  }
+
+  p {
+    @apply my-4 leading-6;
+  }
+
+  ul {
+    list-style: square;
+  }
+
+  ol {
+    list-style: decimal;
+  }
+
+  li {
+    @apply leading-1.8em;
+  }
+
+  blockquote {
+    background: var(--slidev-code-background);
+    color: var(--slidev-code-foreground);
+    @apply text-sm px-2 py-1 border-primary border-l rounded;
+  }
+
+  blockquote > * {
+    @apply my-0;
+  }
+
+  table {
+    @apply w-full;
+  }
+
+  tr {
+    @apply border-b border-main;
+  }
+
+  th {
+    @apply text-left font-400;
+  }
+
+  a {
+    @apply border-current border-b border-dashed hover:text-primary hover:border-solid;
+  }
+
+  td,
+  th {
+    @apply p-2 py-3;
+  }
+
+  b,
+  strong {
+    @apply font-600;
+  }
+
+  kbd {
+    @apply border border-main border-b-2 rounded;
+    @apply bg-gray-400 bg-opacity-5 py-0.5 px-1 text-xs font-mono;
+  }
+}
+
+.slidev-layout,
+[dir='ltr'],
+.slidev-layout [dir='ltr'] {
+  h1 {
+    @apply -ml-[0.05em] mr-0;
+  }
+
+  h6 {
+    @apply -ml-[0.05em] mr-0;
+  }
+
+  li {
+    @apply ml-1.1em pl-0.2em mr-0 pr-0;
+  }
+}
+
+[dir='rtl'],
+.slidev-layout [dir='rtl'] {
+  h1 {
+    @apply -mr-[0.05em] ml-0;
+  }
+
+  h6 {
+    @apply -mr-[0.05em] ml-0;
+  }
+
+  li {
+    @apply mr-1.1em pr-0.2em ml-0 pl-0;
+  }
+}

praesentation/node_modules/@slidev/client/styles/shiki-twoslash.css

@@ -0,0 +1,24 @@
+:root {
+  --twoslash-popup-bg: var(--slidev-code-background);
+  --twoslash-popup-color: var(--slidev-code-foreground);
+  --twoslash-docs-color: inherit;
+  --twoslash-docs-font: inherit;
+  --twoslash-code-font: theme('fontFamily.mono');
+  --twoslash-underline-color: #8888;
+  --twoslash-border-color: #8888;
+  --twoslash-cursor-color: var(--slidev-theme-primary);
+  --twoslash-matched-color: var(--slidev-theme-primary);
+}
+
+.twoslash-popup-container {
+  font-size: 13px;
+}
+
+.twoslash-popup-container .twoslash-popup-code {
+  font-size: 0.85em;
+}
+
+.twoslash-floating .twoslash-popup-docs-tags .twoslash-popup-docs-tag-name {
+  color: inherit;
+  opacity: 0.5;
+}

praesentation/node_modules/@slidev/client/styles/transitions.css

@@ -0,0 +1,56 @@
+/* Sliding */
+.slide-left-enter-active,
+.slide-left-leave-active,
+.slide-right-enter-active,
+.slide-right-leave-active,
+.slide-up-enter-active,
+.slide-up-leave-active,
+.slide-down-enter-active,
+.slide-down-leave-active {
+  transition: all var(--slidev-transition-duration) ease;
+}
+
+.slide-left-enter-from,
+.slide-right-leave-to {
+  transform: translateX(100%);
+}
+
+.slide-left-leave-to,
+.slide-right-enter-from {
+  transform: translateX(-100%);
+}
+
+.slide-up-enter-from,
+.slide-down-leave-to {
+  transform: translateY(100%);
+}
+
+.slide-up-leave-to,
+.slide-down-enter-from {
+  transform: translateY(-100%);
+}
+
+/* Fading */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity var(--slidev-transition-duration) ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-out-leave-active {
+  transition: opacity calc(var(--slidev-transition-duration) * 0.6) ease-out;
+}
+
+.fade-out-enter-active {
+  transition: opacity calc(var(--slidev-transition-duration) * 0.8) ease-in;
+  transition-delay: calc(var(--slidev-transition-duration) * 0.6);
+}
+
+.fade-out-enter-from,
+.fade-out-leave-to {
+  opacity: 0;
+}

praesentation/node_modules/@slidev/client/styles/vars.css

@@ -0,0 +1,20 @@
+:root {
+  --slidev-code-background: #f5f5f5;
+  --slidev-code-foreground: #1b1b1b;
+  --slidev-code-font-family: theme('fontFamily.mono');
+  --slidev-code-padding: 8px;
+  --slidev-code-font-size: 12px;
+  --slidev-code-line-height: 18px;
+  --slidev-code-radius: 4px;
+  --slidev-code-margin: 4px 0;
+  --slidev-theme-primary: #3ab9d5;
+
+  --slidev-transition-duration: 0.5s;
+  --slidev-slide-container-background: black;
+  --slidev-controls-foreground: white;
+}
+
+html.dark {
+  --slidev-code-background: #1b1b1b;
+  --slidev-code-foreground: #eee;
+}