Altarik/Launcher
4
0
Fork 0
mirror of https://github.com/AltarikMC/Launcher synced 2024-11-22 06:19:50 +01:00
Code

converted ‰svg to png to decrease usage of disk, cpu and ram

Browse Source
This commit is contained in:
Quentin Legot 2021-07-01 22:09:33 +02:00
parent c41c73c985
commit 34c9188e57
17 changed files with 14 additions and 2187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/client/assets/css/index.css
View File

@ -26,7 +26,7 @@ body{
position:absolute; position:absolute;
top: 50px; top: 50px;
left: 20px; left: 20px;
background-image: url("../images/svg/chapters_scroll.svg"); background-image: url("../images/chapters_scroll.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
width: 322px; width: 322px;
@ -45,7 +45,7 @@ body{
} }
#media > div { #media > div {
background-image: url("../images/svg/buttons.svg"); background-image: url("../images/buttons.png");
background-size: 100%; background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 9px; padding: 9px;
@ -53,6 +53,11 @@ body{
cursor: pointer; cursor: pointer;
} }
#media img {
width: 89px;
height: 89px;
}
#main{ #main{
width: 100%; width: 100%;
height:100%; height:100%;
@ -78,7 +83,7 @@ h3 {
position: absolute; position: absolute;
bottom: 20px; bottom: 20px;
right: 25px; right: 25px;
background-image: url("../images/svg/play_button.svg"); background-image: url("../images/play_button.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
width:312px; width:312px;
@ -119,7 +124,7 @@ h3 {
#account { #account {
width:312px; width:312px;
height: 105px; height: 105px;
background-image: url('../images/svg/nickname_scroll.svg'); background-image: url('../images/nickname_scroll.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
position: absolute; position: absolute;
@ -162,7 +167,7 @@ h3 {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 480px; width: 480px;
min-height: 550px; min-height: 550px;
background-image: url("../images/svg/chapters_scroll.svg"); background-image: url("../images/chapters_scroll.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
padding: 10px 65px; padding: 10px 65px;

BIN
src/client/assets/images/buttons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

BIN
src/client/assets/images/chapters_scroll.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 375 KiB

BIN
src/client/assets/images/discord.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
src/client/assets/images/icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 453 B

BIN
src/client/assets/images/nickname_scroll.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

BIN
src/client/assets/images/play_button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
src/client/assets/images/settings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

900
src/client/assets/images/svg/buttons.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 195 KiB

232
src/client/assets/images/svg/chapters_scroll.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 904 KiB

23
src/client/assets/images/svg/discord.svg
View File

@ -1,23 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#42210B;}
</style>
<g>
<path class="st0" d="M222.63,225.21c-10.33,0-18.48,9.06-18.48,20.11c0,11.05,8.33,20.11,18.48,20.11
c10.33,0,18.48-9.06,18.48-20.11C241.29,234.27,232.95,225.21,222.63,225.21z M288.76,225.21c-10.33,0-18.48,9.06-18.48,20.11
c0,11.05,8.33,20.11,18.48,20.11c10.33,0,18.48-9.06,18.48-20.11C307.24,234.27,299.08,225.21,288.76,225.21z"/>
<path class="st0" d="M378.28,74.94H133.72c-20.62,0-37.41,16.66-37.41,37.3v244.79c0,20.64,16.79,37.3,37.41,37.3h206.96
l-9.67-33.5l23.36,21.55l22.08,20.28l39.24,34.4V112.24C415.69,91.6,398.9,74.94,378.28,74.94z M306.87,309.82
c0,0-6.52-7.79-11.96-14.68c23.73-6.7,32.79-21.56,32.79-21.56c-7.43,4.89-14.49,8.33-20.84,10.69c-9.06,3.8-17.76,6.34-26.27,7.79
c-17.39,3.26-33.34,2.36-46.93-0.18c-10.33-1.99-19.2-4.89-26.63-7.79c-4.17-1.63-8.7-3.62-13.23-6.16
c-0.54-0.36-1.09-0.54-1.63-0.91c-0.36-0.18-0.54-0.36-0.72-0.54c-3.26-1.81-5.07-3.08-5.07-3.08s8.7,14.49,31.71,21.38
c-5.44,6.88-12.14,15.04-12.14,15.04c-40.04-1.27-55.26-27.54-55.26-27.54c0-58.34,26.09-105.63,26.09-105.63
c26.09-19.57,50.91-19.02,50.91-19.02l1.81,2.17c-32.61,9.42-47.65,23.73-47.65,23.73s3.99-2.17,10.69-5.25
c19.39-8.52,34.79-10.87,41.13-11.41c1.09-0.18,1.99-0.36,3.08-0.36c11.05-1.45,23.55-1.81,36.6-0.36
c17.21,1.99,35.69,7.07,54.53,17.39c0,0-14.31-13.59-45.11-23.01l2.54-2.9c0,0,24.82-0.54,50.91,19.02
c0,0,26.09,47.29,26.09,105.63C362.31,282.28,346.91,308.55,306.87,309.82z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

188
src/client/assets/images/svg/nickname_scroll.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 862 KiB

771
src/client/assets/images/svg/play_button.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 186 KiB

21
src/client/assets/images/svg/settings.svg
View File

@ -1,21 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#42210B;}
</style>
<g>
<path class="st0" d="M395.39,222l-24.53-3.12c-2.02-6.22-4.51-12.22-7.42-17.93l15.15-19.5c6.13-7.89,5.41-19.03-1.59-25.82
l-20.55-20.55c-6.85-7.07-17.99-7.78-25.9-1.66l-19.48,15.15c-5.7-2.91-11.7-5.4-17.94-7.42l-3.12-24.49
c-1.17-9.82-9.51-17.22-19.39-17.22h-29.23c-9.88,0-18.21,7.4-19.39,17.18l-3.12,24.53c-6.24,2.02-12.24,4.5-17.94,7.42
l-19.49-15.15c-7.88-6.12-19.02-5.41-25.82,1.59l-20.55,20.54c-7.07,6.86-7.79,18-1.66,25.91l15.15,19.49
c-2.92,5.7-5.4,11.7-7.42,17.93L116.66,222c-9.82,1.17-17.22,9.51-17.22,19.39v29.22c0,9.88,7.4,18.21,17.18,19.39l24.53,3.12
c2.02,6.22,4.51,12.22,7.42,17.93l-15.15,19.5c-6.13,7.89-5.41,19.03,1.59,25.82l20.55,20.55c6.86,7.06,17.99,7.76,25.9,1.64
l19.49-15.15c5.7,2.92,11.7,5.41,17.93,7.42l3.12,24.48c1.17,9.85,9.51,17.25,19.39,17.25h29.23c9.88,0,18.21-7.4,19.39-17.18
l3.12-24.53c6.22-2.02,12.23-4.51,17.93-7.42l19.51,15.15c7.89,6.13,19.04,5.41,25.82-1.59l20.55-20.55
c7.07-6.86,7.79-17.99,1.66-25.9l-15.15-19.49c2.92-5.7,5.41-11.7,7.42-17.93l24.48-3.12c9.82-1.17,17.22-9.51,17.22-19.39v-29.22
C412.57,231.51,405.17,223.17,395.39,222L395.39,222z M257.76,319.55c-35.91,0-65.13-29.22-65.13-65.13s29.22-65.13,65.13-65.13
s65.13,29.22,65.13,65.13S293.67,319.55,257.76,319.55L257.76,319.55z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

43
src/client/assets/images/svg/web.svg
View File

@ -1,43 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#42210B;}
</style>
<g>
<g id="XMLID_1_">
<path id="XMLID_17_" class="st0" d="M180.85,261.33h-63.8c0.97,16.78,4.97,32.98,11.75,47.96h56.33
C182.65,294.08,181.2,277.93,180.85,261.33z"/>
<path id="XMLID_16_" class="st0" d="M297.49,147.99c-5.76-13.69-12.44-24.29-19.51-31.27c-3.74-0.52-7.52-0.89-11.32-1.11v65.78
h41.46C305.28,169.27,301.72,158.04,297.49,147.99L297.49,147.99z"/>
<path id="XMLID_15_" class="st0" d="M197.47,245.34h47.87v-47.96h-43.39C199.36,212.48,197.84,228.64,197.47,245.34z"/>
<path id="XMLID_14_" class="st0" d="M310.05,197.38h-43.39v47.96h47.87C314.16,228.64,312.64,212.48,310.05,197.38L310.05,197.38z
"/>
<path id="XMLID_13_" class="st0" d="M266.66,330.61v65.78c3.81-0.22,7.58-0.59,11.32-1.11c7.06-6.98,13.74-17.58,19.51-31.27
c4.23-10.05,7.79-21.29,10.64-33.4H266.66z"/>
<path id="XMLID_12_" class="st0" d="M214.51,147.99c-4.23,10.05-7.79,21.29-10.64,33.4h41.46v-65.78
c-3.81,0.22-7.58,0.59-11.32,1.11C226.96,123.7,220.28,134.3,214.51,147.99z"/>
<path id="XMLID_11_" class="st0" d="M214.51,364.01c5.76,13.69,12.44,24.29,19.51,31.27c3.74,0.52,7.52,0.89,11.32,1.11v-65.78
h-41.46C206.72,342.73,210.28,353.96,214.51,364.01L214.51,364.01z"/>
<path id="XMLID_10_" class="st0" d="M185.12,197.38h-56.33c-6.78,14.99-10.78,31.19-11.75,47.96h63.8
C181.2,228.74,182.65,212.59,185.12,197.38z"/>
<path id="XMLID_9_" class="st0" d="M201.71,141.58c2.95-7.01,6.15-13.33,9.56-18.97c-20.3,6.8-38.9,18.26-54.47,33.84
c-7.64,7.64-14.28,16-19.87,24.93h52.45C192.56,166.91,196.69,153.5,201.71,141.58z"/>
<path id="XMLID_8_" class="st0" d="M189.37,330.61h-52.45c5.59,8.93,12.24,17.3,19.87,24.93c15.58,15.58,34.18,27.04,54.47,33.84
c-3.41-5.63-6.61-11.96-9.56-18.97C196.69,358.5,192.56,345.09,189.37,330.61z"/>
<path id="XMLID_7_" class="st0" d="M322.63,181.39h52.45c-5.59-8.93-12.24-17.3-19.87-24.93c-15.58-15.58-34.18-27.04-54.47-33.84
c3.41,5.63,6.61,11.96,9.56,18.97C315.31,153.5,319.44,166.91,322.63,181.39z"/>
<path id="XMLID_6_" class="st0" d="M310.29,370.42c-2.95,7.01-6.15,13.33-9.56,18.97c20.3-6.8,38.9-18.26,54.47-33.84
c7.64-7.64,14.28-16,19.87-24.93h-52.45C319.44,345.09,315.31,358.5,310.29,370.42z"/>
<path id="XMLID_5_" class="st0" d="M201.95,309.29h43.39v-47.96h-47.87C197.84,278.03,199.36,294.19,201.95,309.29L201.95,309.29z
"/>
<path id="XMLID_4_" class="st0" d="M314.53,261.33h-47.87v47.96h43.39C312.64,294.19,314.16,278.03,314.53,261.33L314.53,261.33z"
/>
<path id="XMLID_3_" class="st0" d="M326.88,309.29h56.33c6.78-14.99,10.78-31.19,11.75-47.96h-63.8
C330.8,277.93,329.35,294.08,326.88,309.29z"/>
<path id="XMLID_2_" class="st0" d="M331.15,245.34h63.8c-0.97-16.78-4.97-32.98-11.75-47.96h-56.33
C329.35,212.59,330.8,228.74,331.15,245.34z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/client/assets/images/web.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

6
src/client/index.html
View File

@ -41,13 +41,13 @@
</div> </div>
<div id="media"> <div id="media">
<div id="options"> <div id="options">
<img src="assets/images/svg/settings.svg"> <img src="assets/images/settings.png">
</div> </div>
<div id="discord"> <div id="discord">
<img src="assets/images/svg/discord.svg"> <img src="assets/images/discord.png">
</div> </div>
<div id="web"> <div id="web">
<img src="assets/images/svg/web.svg"> <img src="assets/images/web.png">
</div> </div>
</div> </div>