2 files changed, 30 insertions, 2 deletions
diff --git a/playbooks/roles/src/templates/volumes/soft-serve/hooks/update b/playbooks/roles/src/templates/volumes/soft-serve/hooks/update
index 7d52fcf..c39d55f 100755
--- a/playbooks/roles/src/templates/volumes/soft-serve/hooks/update
+++ b/playbooks/roles/src/templates/volumes/soft-serve/hooks/update
@@ -4,7 +4,7 @@
 function logo() {
     git config --global color.ui auto
 
-cat <<'EOF'
+cat <<'EOF' | while IFS= read -r line; do echo -e "$line"; done
 {{ colored_logo }}
 EOF
 }
diff --git a/playbooks/roles/traefik/templates/volumes/oauth2proxy/templates/sign_in.html b/playbooks/roles/traefik/templates/volumes/oauth2proxy/templates/sign_in.html
index 17d3718..60b9b92 100644
--- a/playbooks/roles/traefik/templates/volumes/oauth2proxy/templates/sign_in.html
+++ b/playbooks/roles/traefik/templates/volumes/oauth2proxy/templates/sign_in.html
@@ -54,11 +54,39 @@
     .button:hover {
       background-color: var(--yellow);
     }
+    .logo {
+      font-family: monospace;
+      font-size: 1rem;
+      line-height: 1;
+      white-space: pre;
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
+    .logo-line {
+      display: flex;
+    }
+    .logo-char {
+      display: inline-block;
+      min-width: 1ch;
+      width: 1ch;
+      max-width: 1ch;
+      text-align: center;
+      overflow: hidden;
+      white-space: nowrap;
+    }
   </style>
 </head>
 <body>
   <div class="container">
-    <pre class="logo">{{ logo }}</pre>
+    <div class="logo">
+{%- for line in logo.split('\n') %}
+<div class="logo-line">
+{%- for char in line -%}
+<span class="logo-char">{{ char }}</span>
+{%- endfor -%}
+</div>
+{%- endfor %}
+    </div>
     <form method="GET" action="{{ '{{' }} .ProxyPrefix {{ '}}' }}/start" style="width: 100%; display: flex; flex-direction: column;">
       <input type="hidden" name="rd" value="{{ '{{' }} .Redirect {{ '}}' }}">
       {{ '{{' }} if .SignInMessage {{ '}}' }}