solved images in log posts for now

Author: andnorda

src/routes/(pages)/blog/posts/layout.svelte

@@ -34,6 +34,7 @@
 		margin-bottom: 1rem;
 	}
 	.article :global(pre) {
+		border-radius: 0.5rem;
 		overflow-x: auto;
 		padding: 1rem;
 	}

src/routes/(pages)/log/+page.svelte

@@ -33,4 +33,13 @@
 		color: inherit;
 		text-decoration: none;
 	}
+	.post :global(pre) {
+		border-radius: 0.5rem;
+		overflow-x: auto;
+		padding: 1rem;
+	}
+	.post :global(.illustration) {
+		margin-inline: auto;
+		margin-block: 1rem;
+	}
 </style>

src/routes/(pages)/log/post.svelte

@@ -1,9 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
 	interface Props {
-		title?: string;
-		author?: string;
-		date?: string;
 		children: Snippet;
 	}
 	let { children }: Props = $props();

src/routes/(pages)/log/posts/2024-09-18-tracing-i-nais-deploy.md

@@ -9,6 +9,7 @@ layout: log
 :otel: Tracing i NAIS deploy :nais:
 
 Vi har lagt inn støtte for tracing i NAIS deploy samt docker-build-push, så nå framover vil du ha tilgang på nøyaktig hvor lang tid ting tar i pipelinen din, og besvare følgende:
+
 - Hvor lang tid tok det før committen kom i produksjon?
 - Hvor lang tid tar det å bygge Docker-imaget?
 - Hvor lang tid tar SLSA SBOM sign & attest?
@@ -19,10 +20,7 @@ Ut av boksen får man kun svar på det siste punktet, men hvis du følger vår e
 Link til tracing-dashboard dukker opp som et GitHub step summary når deploy-jobben er fullført.
 
 Kom gjerne med tilbakemeldinger på om dette er nyttig for deg eller hva som kunne gjort det bedre :smile:
-<span style="display: table;">
-<img src="./2024-09-18-tracing-i-nais-deploy-1.png" style="float:left; width:50%; padding-right:10px;"/> 
-
-<img src="./2024-09-18-tracing-i-nais-deploy-2.png" style="float:left; width:50%; padding-left:5px"/>
-</span>
 
+<img class="illustration" src="./images/2024-09-18-tracing-i-nais-deploy-1.png" alt=""/>
 
+<img class="illustration" src="./images/2024-09-18-tracing-i-nais-deploy-2.png" alt=""/>

src/routes/(pages)/log/posts/2024-11-22-texas-1.png

@@ -5,27 +5,62 @@ author: Trong Huu Nguyen
 tags: [texas, token, oauth, jwt]
 layout: log
 ---
+
 Token Exchange as a Service (Texas :texas: )
 
 De fleste applikasjoner som trenger autentisering må i dag forholde seg til mange detaljer rundt OAuth og JWTer. For å gjøre det lett å gjøre rett så har vi nå laget en tjeneste som abstraherer vekk alt dette bak et enkelt HTTP API.
 
 Tjenesten er en sidecar som kjører sammen med appen din og er kun tilgjengelig i kjøretid på Nais. APIet har tre endepunkt som tilgjengeliggjøres som miljøvariabler:
+
 - NAIS_TOKEN_ENDPOINT lar deg hente et maskin-til-maskin token
 - NAIS_TOKEN_EXCHANGE_ENDPOINT lar deg bytte inn et token med sluttbrukerkontekst mot et nytt on-behalf-of-token
 - NAIS_TOKEN_INTROSPECTION_ENDPOINT validerer et token og returnerer tilhørende claims som JSON
-Skjermbildene under illustrerer enkel bruk av APIet via `curl`.
 
-<span style="display: table;">
-    
-<img src="./2024-11-22-texas-1.png" style="float:left; width:30%; padding-right:10px;" alt="" /> 
+Kodeeksemplene under illustrerer enkel bruk av APIet via `curl`.
+
+```shell
+curl $NAIS_TOKEN_ENDPOINT \\
+  -X POST \\
+  -d 'target=api://<cluster>.<namespace>.<app>/.default' \\
+  -d 'identity_provider=azuread'
+
+{
+    "access_token": "eyJra...",
+    "expires_in": 3599,
+    "token_type": "Bearer"
+}
+```
+
+```shell
+curl $NAIS_TOKEN_INTROPECTION_ENDPOINT \\
+  -X POST \\
+  -d 'token=eyJra...'
+
+{
+    "active": true,
+    "aud": "client-id",
+    "exp": 1732193127,
+    "iat": 1732189527,
+    ...
+}
 
-<img src="./2024-11-22-texas-2.png" style="float:left; width:30%; padding-left:5px" alt="" />
+```
 
-<img src="./2024-11-22-texas-3.png" style="float:left; width:30%; padding-left:5px" alt="" />
+```shell
+curl $NAIS_TOKEN_EXCHANGE_ENDPOINT \\
+  -X POST \\
+  -d 'target=<cluster>:<namespace>:<application>' \\
+  -d 'identity_provider=tokenx' \\
+  -d 'user_token=eyJra...'
 
-</span>
+{
+    "access_token": "eyJra...",
+    "expires_in": 3599,
+    "token_type": "Bearer"
+}
+```
 
 Texas er foreløpig i beta og kun tilgjengelig ved opt-in.
 Bli med i #texas hvis du vil bidra til at tjenesten blir så nais som mulig!
 
-[Les mer og kom-i-gang i dokumentasjonen](https://doc.nais.io/auth/explanations/#texas)
+[Les mer og kom-i-gang i dokumentasjonen](https://doc.nais.io/auth/explanations/#texas)

src/routes/(pages)/log/posts/2024-11-22-texas-2.png

@@ -22,7 +22,6 @@ const config = {
 			remarkPlugins: [remarkCustomEmojis, remarkRelativeImages],
 			layout: {
 				log: "/src/routes/(pages)/log/post.svelte",
-				logposts: "/src/routes/(pages)/log/posts/layout.svelte",
 				blog: "/src/routes/(pages)/blog/posts/layout.svelte",
 				_: "/src/routes/(pages)/blog/posts/layout.svelte",
 			},