From: Lanius Trolling Date: Tue, 14 Mar 2023 19:25:32 +0000 (-0400) Subject: Switch from SVG to PNG images in the UI X-Git-Url: https://gitweb.starshipfights.net/?a=commitdiff_plain;h=e6659263cce69ccd55565973ee8b47e117917bbf;p=factbooks Switch from SVG to PNG images in the UI --- diff --git a/graphics/external-link-dark.svg b/graphics/external-link-dark.svg new file mode 100644 index 0000000..33b87b4 --- /dev/null +++ b/graphics/external-link-dark.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/graphics/external-link.svg b/graphics/external-link.svg new file mode 100644 index 0000000..0a259c3 --- /dev/null +++ b/graphics/external-link.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/graphics/icon.svg b/graphics/icon.svg new file mode 100644 index 0000000..a2889bf --- /dev/null +++ b/graphics/icon.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + diff --git a/graphics/panel-dark.svg b/graphics/panel-dark.svg new file mode 100644 index 0000000..a325fb1 --- /dev/null +++ b/graphics/panel-dark.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/graphics/panel.svg b/graphics/panel.svg new file mode 100644 index 0000000..ed07178 --- /dev/null +++ b/graphics/panel.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt b/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt index 5848eb5..6557a0a 100644 --- a/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt +++ b/src/main/kotlin/info/mechyrdia/lore/view_tpl.kt @@ -24,7 +24,7 @@ fun ApplicationCall.page(pageTitle: String, navBar: List? = null, sideb script(src = "/static/obj-viewer/three-examples.js") {} script(src = "/static/obj-viewer/OrbitControls.js") {} - link(rel = "icon", type = "image/svg+xml", href = "/static/images/icon.svg") + link(rel = "icon", type = "image/svg+xml", href = "/static/images/icon.png") link(rel = "stylesheet", href = "/static/style.css") diff --git a/src/main/resources/static/images/external-link-dark.png b/src/main/resources/static/images/external-link-dark.png new file mode 100644 index 0000000..8871d2a Binary files /dev/null and b/src/main/resources/static/images/external-link-dark.png differ diff --git a/src/main/resources/static/images/external-link-dark.svg b/src/main/resources/static/images/external-link-dark.svg deleted file mode 100644 index 32461b5..0000000 --- a/src/main/resources/static/images/external-link-dark.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - diff --git a/src/main/resources/static/images/external-link.png b/src/main/resources/static/images/external-link.png new file mode 100644 index 0000000..2621ef5 Binary files /dev/null and b/src/main/resources/static/images/external-link.png differ diff --git a/src/main/resources/static/images/external-link.svg b/src/main/resources/static/images/external-link.svg deleted file mode 100644 index 1d8102f..0000000 --- a/src/main/resources/static/images/external-link.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - diff --git a/src/main/resources/static/images/icon.png b/src/main/resources/static/images/icon.png new file mode 100644 index 0000000..a51c89e Binary files /dev/null and b/src/main/resources/static/images/icon.png differ diff --git a/src/main/resources/static/images/icon.svg b/src/main/resources/static/images/icon.svg deleted file mode 100644 index e4187ac..0000000 --- a/src/main/resources/static/images/icon.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - - diff --git a/src/main/resources/static/images/panel-dark.png b/src/main/resources/static/images/panel-dark.png new file mode 100644 index 0000000..ab42418 Binary files /dev/null and b/src/main/resources/static/images/panel-dark.png differ diff --git a/src/main/resources/static/images/panel-dark.svg b/src/main/resources/static/images/panel-dark.svg deleted file mode 100644 index 7ac4c0f..0000000 --- a/src/main/resources/static/images/panel-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - diff --git a/src/main/resources/static/images/panel.png b/src/main/resources/static/images/panel.png new file mode 100644 index 0000000..0b9ee1e Binary files /dev/null and b/src/main/resources/static/images/panel.png differ diff --git a/src/main/resources/static/images/panel.svg b/src/main/resources/static/images/panel.svg deleted file mode 100644 index 24a2611..0000000 --- a/src/main/resources/static/images/panel.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css index 8170470..3b77eb7 100644 --- a/src/main/resources/static/style.css +++ b/src/main/resources/static/style.css @@ -212,9 +212,9 @@ html { * url params * *************/ - --panel: url("/static/images/panel.svg"); + --panel: url("/static/images/panel.png"); --bgimg: linear-gradient(to bottom, #def, #abc); - --extln: url("/static/images/external-link.svg"); + --extln: url("/static/images/external-link.png"); } html[data-theme="dark"] { @@ -284,9 +284,9 @@ html[data-theme="dark"] { * url params * *************/ - --panel: url("/static/images/panel-dark.svg"); + --panel: url("/static/images/panel-dark.png"); --bgimg: linear-gradient(to bottom, #347, #123); - --extln: url("/static/images/external-link-dark.svg"); + --extln: url("/static/images/external-link-dark.png"); } @media only screen and (prefers-color-scheme: dark) { @@ -357,9 +357,9 @@ html[data-theme="dark"] { * url params * *************/ - --panel: url("/static/images/panel.svg"); + --panel: url("/static/images/panel.png"); --bgimg: linear-gradient(to bottom, #def, #abc); - --extln: url("/static/images/external-link.svg"); + --extln: url("/static/images/external-link.png"); } html { @@ -429,9 +429,9 @@ html[data-theme="dark"] { * url params * *************/ - --panel: url("/static/images/panel-dark.svg"); + --panel: url("/static/images/panel-dark.png"); --bgimg: linear-gradient(to bottom, #457, #013); - --extln: url("/static/images/external-link-dark.svg"); + --extln: url("/static/images/external-link-dark.png"); } } @@ -701,7 +701,11 @@ a:hover { } a[href^="http://"]::after, a[href^="https://"]::after { - content: var(--extln); + content: ' '; + background-image: var(--extln); + background-size: contain; + display: inline-block; + width: 1em; height: 1em; }