feat(story): adjust Karls storyline

libs/ui/src/lib/daily/daily.tsx

@@ -14,7 +14,6 @@ const dailyItems = ["Waschen und Baden", "Frühstück", "Wanderungen machen", "S
 "Lagerruhe - Post- und Zeitungsausgabe", "Tagung des Lagerparlaments", "Gemeinsame Veranstaltungen", "Zeltruhe"];
 const schedule = ["6 Uhr", "8 Uhr", "8 ½ – 12 Uhr ", "8 ½ – 9 ½", "12 ½ – 14 ½ ",
 "18 – 19 Uhr", "19 ½ – 21 Uhr", "21 Uhr"]
-const description = "Um die einzelnen Tagespunkte in die richtige Reihenfolge zu bringen, ziehe sie einfach auf das Plakat. Klicke auf 'Tagesplan anzeigen!', um dir den originalen Tagesablauf anzusehen."
 
 export const Daily = (props: DailyProps) => {
 
@@ -54,7 +53,6 @@ export const Daily = (props: DailyProps) => {
 
   return (
     <div className="daily">
-      <div className="description">{description}</div>
       {getItems()}
       {showStatus()}
     </div>

libs/ui/src/lib/memory/memory.tsx

@@ -82,7 +82,6 @@ const Grid = props => {
 
   return (
     <div className="memory">
-      <p className="description">In diesem Aufdeck-Spiel geht es darum, gleiche Paare zu finden. Diese bestehen aus einer Zeichnung und dem dazu passenden Foto. Klicke einfach auf die Kärtchen, um zu sehen, was sich auf der Rückseite befindet. Zusammenpassende Paare bleiben aufgedeckt liegen.</p>
       <div className="cards">
         {list.map((item, index) => (
           <Card

libs/ui/src/lib/tictactoe/tictactoe.tsx

@@ -1,6 +1,4 @@
-import React, { useState, useContext } from "react";
-
-import {AppContext } from '../chapter/context';
+import React, { useState } from "react";
 
 import './tictactoe.scss';
 
@@ -29,9 +27,6 @@ const computerSymbol = "O";
 
 export const TicTacToe = (props: TicTacToeProps) => {
 
-  const [character, setCharacter] = useContext(AppContext);
-  const status = `Um zu spielen, setze dein Kreuz in eines der Kästchen, indem du dort hinein klickst. Danach ist ${character} dran. Um zu gewinnen, musst du drei Kreuze in einer waagerechten, senkrechten oder diagonalen Reihe platzieren.`;
-
   const [squares, setSquares] = useState(Array(9).fill(null));
   const winner = calculateWinner(squares);
 
@@ -77,7 +72,6 @@ export const TicTacToe = (props: TicTacToeProps) => {
 
   return (
     <div className='game'>
-      <div className='status'>{status}</div>
       <div className='board'>
       {squares.map((value, index) => (
           renderSquare(index)

libs/ui/src/lib/video/video.scss

@@ -13,6 +13,11 @@ video {
   padding: 5px;
 }
 
+.fifth {
+  flex: 1 20%;
+  padding: 5px;
+}
+
 .theater {
   flex: 1 auto;
   margin: 0 17%;