diff --git a/assets/css/deck.css b/assets/css/deck.css index b7b05e9..4631bf6 100644 --- a/assets/css/deck.css +++ b/assets/css/deck.css @@ -786,7 +786,7 @@ img { display: block; max-width: 100%; } /* ════════════════════ Slide 13 — risk boxes (icon-art styling) ════════════════════ The original card: a coloured gradient header with a line icon, then a body of number / name / lead / two bullets. */ -.hl-inner { max-width: 1360px; } +.hl-inner { max-width: 1580px; } .highlights-head { text-align: center; margin-bottom: clamp(1.2rem, 3vh, 2.2rem); } .highlights-head .slide-title { font-size: clamp(2rem, 3.6vw, 3rem); } .highlight-grid { @@ -807,13 +807,14 @@ img { display: block; max-width: 100%; } flex-direction: column; } .highlight-art { - height: clamp(120px, 17vh, 172px); + position: relative; + height: clamp(160px, 23vh, 232px); flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; } -.highlight-art svg { width: 42%; height: 42%; stroke: rgba(255,252,247,0.92); } +.highlight-art svg { width: 38%; height: 38%; stroke: rgba(255,252,247,0.92); } .highlight-box[data-tone="terracotta"] .highlight-art { background: linear-gradient(150deg, #c98a78, #a4553b); } .highlight-box[data-tone="indigo"] .highlight-art { background: linear-gradient(150deg, #7b91a6, #5a6d83); } .highlight-box[data-tone="heather"] .highlight-art { background: linear-gradient(150deg, #a594a0, #6e5a86); } @@ -825,7 +826,16 @@ img { display: block; max-width: 100%; } align-content: start; flex: 1; } -.highlight-num { font-family: var(--font-serif); font-style: italic; font-size: clamp(1rem, 1.2vw, 1.15rem); color: var(--ink-dim); } +.highlight-num { + position: absolute; + top: clamp(0.7rem, 1.4vh, 1.1rem); + left: clamp(0.9rem, 1.5vw, 1.4rem); + font-family: var(--font-serif); + font-style: italic; + font-size: clamp(1.5rem, 2.1vw, 2rem); + line-height: 1; + color: rgba(255,252,247,0.9); +} .highlight-name { font-family: var(--font-serif); font-weight: 400; diff --git a/index.html b/index.html index 5783935..9ed59c0 100644 --- a/index.html +++ b/index.html @@ -337,15 +337,15 @@
-

Hvorfor suverænitet er vigtig for AI

+

Hvorfor suverænitet er vigtigt når det gælder AI

+ 01
- 01

US Cloud Act

Amerikanske myndigheder kan få adgang til dine data. Også når de ligger i EU.

    @@ -357,10 +357,10 @@
    + 02
    - 02

    Geopolitisk uro

    Alliancer skifter. Det gør ét lands teknologi til en risiko, du ikke selv styrer.

      @@ -372,10 +372,10 @@
      + 03
      - 03

      Fable 5 / Mythos

      En regering kan lukke din AI med ét brev.

        @@ -387,10 +387,10 @@
        + 04
        - 04

        Vendor lock-in

        Lock-in på data var til at leve med. På intelligensen er det en anden sag.