Add new styling for logo

This commit is contained in:
grimsi
2024-02-04 20:58:10 +01:00
parent 3c8d78d22b
commit 6cc96359ef
14 changed files with 2792 additions and 1425 deletions
+5 -4
View File
@@ -1,11 +1,11 @@
<div align="center">
<h2>Note: v2 is in a very early stage</h2>
<h3>Most features are missing, existing features will probably break!</h3>
</br></br></br>
<img src="assets/Gameyfin_Logo_White_Border.svg" height="128px" width="auto" alt="Gameyfin Logo">
</br></br></br>
<img src="assets/Banner.svg" width="auto" alt="Gameyfin Logo">
<h1>Gameyfin</h1>
<p align="center">A simple game library manager. Now even better</p>
<p align="center">Manage your video games.</p>
</div>
# Overview
@@ -36,6 +36,7 @@ Name and functionality inspired by [Jellyfin](https://jellyfin.org/).
`Work in progress`
Gameyfin v2 is written in Kotlin and uses the following libraries/frameworks:
* Spring Boot 3 for the backend
* Vaadin for the frontend
* PF4J for the plugin system
-1380
View File
File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 697 B

After

Width:  |  Height:  |  Size: 697 B

Before

Width:  |  Height:  |  Size: 919 B

After

Width:  |  Height:  |  Size: 919 B

+1385
View File
File diff suppressed because it is too large Load Diff
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2560 512"><defs><linearGradient id="a" x1="1095.22" y1="144.69" x2="1467.17" y2="144.69" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2332c8"/><stop offset="1" stop-color="#6441a5"/></linearGradient><linearGradient id="b" x1="1095.22" y1="135.98" x2="1467.17" y2="135.98" xlink:href="#a"/><linearGradient id="c" x1="1095.22" y1="266.11" x2="1467.17" y2="266.11" xlink:href="#a"/><linearGradient id="d" x1="1095.22" y1="282.78" x2="1467.17" y2="282.78" xlink:href="#a"/><linearGradient id="e" x1="1095.22" y1="341.28" x2="1467.17" y2="341.28" xlink:href="#a"/></defs><title>Banner</title><rect width="2560" height="512" rx="50" style="fill:#fff"/><polygon points="1287.53 137.13 1287.53 157.24 1305.4 132.13 1287.53 137.13" style="fill:url(#a)"/><polygon points="1463.01 88 1360.64 116.66 1303.07 183.97 1463.01 139.18 1463.01 88" style="fill:url(#b)"/><polygon points="1287.53 371.11 1346.02 354.73 1346.02 237.74 1463.01 204.99 1463.01 161.12 1287.53 210.25 1287.53 371.11" style="fill:url(#c)"/><polygon points="1155.92 232.48 1253.41 205.18 1272.9 177.79 1272.9 141.23 1097.42 190.36 1097.42 424.34 1155.92 342.15 1155.92 232.48" style="fill:url(#d)"/><polygon points="1214.41 287.59 1214.41 333.09 1163.23 347.42 1097.42 424.34 1272.9 375.2 1272.9 258.22 1229.04 270.5 1214.41 287.59" style="fill:url(#e)"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

+1392
View File
File diff suppressed because one or more lines are too long
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 365.58 336.34"><defs><linearGradient id="a" x1="-2.2" y1="56.69" x2="369.74" y2="56.69" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2332c8"/><stop offset="1" stop-color="#6441a5"/></linearGradient><linearGradient id="b" x1="-2.2" y1="47.98" x2="369.74" y2="47.98" xlink:href="#a"/><linearGradient id="c" x1="-2.2" y1="178.11" x2="369.74" y2="178.11" xlink:href="#a"/><linearGradient id="d" x1="-2.2" y1="194.78" x2="369.74" y2="194.78" xlink:href="#a"/><linearGradient id="e" x1="-2.2" y1="253.28" x2="369.74" y2="253.28" xlink:href="#a"/></defs><title>Element 12</title><polygon points="190.1 49.13 190.1 69.24 207.98 44.13 190.1 49.13" style="fill:url(#a)"/><polygon points="365.58 0 263.22 28.66 205.64 95.97 365.58 51.18 365.58 0" style="fill:url(#b)"/><polygon points="190.1 283.11 248.6 266.73 248.6 149.74 365.58 116.99 365.58 73.12 190.1 122.25 190.1 283.11" style="fill:url(#c)"/><polygon points="58.49 144.48 155.98 117.18 175.48 89.79 175.48 53.23 0 102.36 0 336.34 58.49 254.15 58.49 144.48" style="fill:url(#d)"/><polygon points="116.99 199.59 116.99 245.09 65.81 259.42 0 336.34 175.48 287.2 175.48 170.22 131.61 182.5 116.99 199.59" style="fill:url(#e)"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -31,7 +31,7 @@ class MainLayout(@field:Transient private val authContext: AuthenticationContext
setWidthFull()
alignItems = FlexComponent.Alignment.CENTER
image(PublicResources.GAMEYFIN_LOGO_WHITE_BORDER.path) {
image(PublicResources.GAMEYFIN_LOGO.path) {
setWidthFull()
height = "40px"
className = "header-logo"
@@ -1,6 +1,5 @@
package de.grimsi.gameyfin.ui.resources
enum class PublicResources(val path: String) {
GAMEYFIN_LOGO_WHITE("public/images/Gameyfin_Logo_White.svg"),
GAMEYFIN_LOGO_WHITE_BORDER("public/images/Gameyfin_Logo_White_BORDER.svg")
GAMEYFIN_LOGO("public/images/Logo.svg")
}
@@ -26,7 +26,7 @@ class LoginView : VerticalLayout(), BeforeEnterObserver {
image {
height = "100px"
src = PublicResources.GAMEYFIN_LOGO_WHITE_BORDER.path
src = PublicResources.GAMEYFIN_LOGO.path
setAlt("Gameyfin")
}
@@ -39,9 +39,10 @@ class LoginView : VerticalLayout(), BeforeEnterObserver {
override fun beforeEnter(event: BeforeEnterEvent?) {
if (event != null) {
if (event.location
.queryParameters
.parameters
.containsKey("error")) {
.queryParameters
.parameters
.containsKey("error")
) {
login.isError = true
}
}
@@ -1,16 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 414">
<defs>
<style>.cls-1{fill:#fff;}</style>
</defs>
<title>Element 11</title>
<g>
<g>
<polygon class="cls-1" points="234 60.48 234 85.23 256 54.32 234 60.48"/>
<polygon class="cls-1" points="450 0 324 35.28 253.125 118.125 450 63 450 0"/>
<polygon class="cls-1" points="234 348.48 306 328.32 306 184.32 450 144 450 90 234 150.48 234 348.48"/>
<polygon class="cls-1" points="72 177.84 192 144.24 216 110.52 216 65.52 0 126 0 414 72 312.84 72 177.84"/>
<polygon class="cls-1"
points="144 245.68 144 301.68 81 319.32 0 414 216 353.52 216 209.52 162 224.64 144 245.68"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 768 B

@@ -1,18 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 451.94942 416.224">
<defs>
<style>.cls-1{fill:#fff;stroke:#000;stroke-miterlimit:10;}</style>
</defs>
<title>Element 10</title>
<g>
<g>
<polygon class="cls-1" points="235.449 61.139 235.449 85.889 257.449 54.979 235.449 61.139"/>
<polygon class="cls-1" points="451.449 0.659 325.449 35.939 254.574 118.784 451.449 63.659 451.449 0.659"/>
<polygon class="cls-1"
points="235.449 349.139 307.449 328.979 307.449 184.979 451.449 144.659 451.449 90.659 235.449 151.139 235.449 349.139"/>
<polygon class="cls-1"
points="73.449 178.499 193.449 144.899 217.449 111.179 217.449 66.179 1.449 126.659 1.449 414.659 73.449 313.499 73.449 178.499"/>
<polygon class="cls-1"
points="145.449 246.339 145.449 302.339 82.449 319.979 1.449 414.659 217.449 354.179 217.449 210.179 163.449 225.299 145.449 246.339"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 365.58 336.34"><defs><linearGradient id="a" x1="-2.2" y1="56.69" x2="369.74" y2="56.69" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2332c8"/><stop offset="1" stop-color="#6441a5"/></linearGradient><linearGradient id="b" x1="-2.2" y1="47.98" x2="369.74" y2="47.98" xlink:href="#a"/><linearGradient id="c" x1="-2.2" y1="178.11" x2="369.74" y2="178.11" xlink:href="#a"/><linearGradient id="d" x1="-2.2" y1="194.78" x2="369.74" y2="194.78" xlink:href="#a"/><linearGradient id="e" x1="-2.2" y1="253.28" x2="369.74" y2="253.28" xlink:href="#a"/></defs><title>Element 12</title><polygon points="190.1 49.13 190.1 69.24 207.98 44.13 190.1 49.13" style="fill:url(#a)"/><polygon points="365.58 0 263.22 28.66 205.64 95.97 365.58 51.18 365.58 0" style="fill:url(#b)"/><polygon points="190.1 283.11 248.6 266.73 248.6 149.74 365.58 116.99 365.58 73.12 190.1 122.25 190.1 283.11" style="fill:url(#c)"/><polygon points="58.49 144.48 155.98 117.18 175.48 89.79 175.48 53.23 0 102.36 0 336.34 58.49 254.15 58.49 144.48" style="fill:url(#d)"/><polygon points="116.99 199.59 116.99 245.09 65.81 259.42 0 336.34 175.48 287.2 175.48 170.22 131.61 182.5 116.99 199.59" style="fill:url(#e)"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB