Add presentation files for Kubernetes Operators

kubernetes-hell-to-heaven/css/custom.css

@@ -260,52 +260,17 @@
   line-height: 1.15;
 }
 
-/* Schéma « chaîne » (remplace Mermaid sur cette slide uniquement) */
-.reveal section.slide-boucle .boucle-flow {
-  width: 100%;
-  margin: 0.35em auto 0.25em;
-  padding: 0.5em 0.65em;
-  border-radius: 12px;
-  border: 1px solid var(--border-subtle);
-  background: rgba(13, 17, 21, 0.55);
-  box-shadow: var(--panel-glow), inset 0 1px 0 0 rgba(255, 255, 255, 0.03);
-  max-width: 100%;
-  min-width: 0;
-  box-sizing: border-box;
+/* Mermaid sur la slide « boucle » : hauteur mini correcte (éviter l’écrasement à ~78px qui tuait les libellés) */
+.reveal section.slide-boucle .mermaid {
+  margin: 0.25em auto 0.15em;
+  line-height: normal;
+  padding: 0.45em 0.65em;
+  min-width: min(100%, 320px);
 }
 
-.reveal section.slide-boucle .boucle-flow-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  gap: 0.35em 0.2em;
-  width: 100%;
-  min-width: 0;
-}
-
-.reveal section.slide-boucle .boucle-flow-node {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.32em 0.55em;
-  font-size: 0.48em;
-  font-weight: 600;
-  line-height: 1.2;
-  color: var(--text-primary);
-  background: var(--bg-medium);
-  border: 1px solid var(--accent-cyan);
-  border-radius: 8px;
-  box-shadow: 0 0 0 1px rgba(43, 201, 198, 0.12);
-}
-
-.reveal section.slide-boucle .boucle-flow-arr {
-  color: var(--accent-cyan);
-  font-size: 0.52em;
-  font-weight: 600;
-  line-height: 1;
-  opacity: 0.95;
-  user-select: none;
+.reveal section.slide-boucle .mermaid svg {
+  max-height: min(34vh, 220px) !important;
+  overflow: visible !important;
 }
 
 .reveal section.slide-boucle .slide-boucle-foot {