Add branding

This commit is contained in:
2026-01-05 14:19:55 +01:00
parent 7b0bf0989f
commit 134a1fc6ed
9 changed files with 15 additions and 8 deletions

View File

@@ -28,6 +28,8 @@ public class SecurityConfig {
.authorizeHttpRequests(auth -> auth
.requestMatchers(
"/",
"/favicon.ico",
"/img/**",
"/css/**",
"/js/**",
"/webjars/**",

View File

@@ -314,8 +314,6 @@ body {
.brand-mark {
width: 40px;
height: 40px;
border-radius: 12px;
background: linear-gradient(135deg, #7c3aed, #4f46e5);
display: grid;
place-items: center;
font-weight: 700;

View File

@@ -0,0 +1 @@
../../assets/icon/raw.png

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<title>Imgfloat Admin</title>
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
<link
rel="stylesheet"

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<title>Imgfloat Broadcast</title>
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
<script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/stompjs@2.3.3/lib/stomp.min.js"></script>

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<title>Browse channels - Imgfloat</title>
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
</head>
<body class="channels-body">

View File

@@ -3,13 +3,14 @@
<head>
<meta charset="UTF-8" />
<title>Imgfloat Dashboard</title>
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
</head>
<body class="dashboard-body">
<div class="dashboard-shell">
<header class="dashboard-topbar">
<div class="brand">
<div class="brand-mark">IF</div>
<img class="brand-mark" src="/img/brand.png"/>
<div>
<div class="brand-title">Imgfloat</div>
<div class="brand-subtitle">Twitch overlay manager</div>
@@ -122,7 +123,7 @@
<a
class="button block"
th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '-arm64.dmg'"
>Download .dmg</a
>Download DMG</a
>
</div>
<div class="download-card" data-platform="windows">
@@ -134,7 +135,7 @@
<a
class="button block"
th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat.Setup.' + ${releaseVersion} + '.exe'"
>Download .exe</a
>Download EXE</a
>
</div>
<div class="download-card" data-platform="linux">

View File

@@ -3,13 +3,14 @@
<head>
<meta charset="UTF-8" />
<title>Imgfloat - Twitch overlay</title>
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
</head>
<body class="landing-body">
<div class="landing">
<header class="landing-header">
<div class="brand">
<div class="brand-mark">IF</div>
<img class="brand-mark" src="/img/brand.png"/>
<div>
<div class="brand-title">Imgfloat</div>
<div class="brand-subtitle">Twitch overlay manager</div>
@@ -44,7 +45,7 @@
<a
class="button block"
th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '-arm64.dmg'"
>Download .dmg</a
>Download DMG</a
>
</div>
<div class="download-card" data-platform="windows">
@@ -56,7 +57,7 @@
<a
class="button block"
th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat.Setup.' + ${releaseVersion} + '.exe'"
>Download .exe</a
>Download EXE</a
>
</div>
<div class="download-card" data-platform="linux">

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<title>Imgfloat Admin</title>
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/styles.css" />
<link
rel="stylesheet"