converted svg to png to decrease usage of disk, cpu and ram
@ -26,7 +26,7 @@ body{
|
||||
position:absolute;
|
||||
top: 50px;
|
||||
left: 20px;
|
||||
background-image: url("../images/svg/chapters_scroll.svg");
|
||||
background-image: url("../images/chapters_scroll.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
width: 322px;
|
||||
@ -45,7 +45,7 @@ body{
|
||||
}
|
||||
|
||||
#media > div {
|
||||
background-image: url("../images/svg/buttons.svg");
|
||||
background-image: url("../images/buttons.png");
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
padding: 9px;
|
||||
@ -53,6 +53,11 @@ body{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#media img {
|
||||
width: 89px;
|
||||
height: 89px;
|
||||
}
|
||||
|
||||
#main{
|
||||
width: 100%;
|
||||
height:100%;
|
||||
@ -78,7 +83,7 @@ h3 {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 25px;
|
||||
background-image: url("../images/svg/play_button.svg");
|
||||
background-image: url("../images/play_button.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
width:312px;
|
||||
@ -119,7 +124,7 @@ h3 {
|
||||
#account {
|
||||
width:312px;
|
||||
height: 105px;
|
||||
background-image: url('../images/svg/nickname_scroll.svg');
|
||||
background-image: url('../images/nickname_scroll.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
@ -162,7 +167,7 @@ h3 {
|
||||
transform: translate(-50%, -50%);
|
||||
width: 480px;
|
||||
min-height: 550px;
|
||||
background-image: url("../images/svg/chapters_scroll.svg");
|
||||
background-image: url("../images/chapters_scroll.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
padding: 10px 65px;
|
||||
|
BIN
src/client/assets/images/buttons.png
Normal file
After Width: | Height: | Size: 142 KiB |
BIN
src/client/assets/images/chapters_scroll.png
Normal file
After Width: | Height: | Size: 375 KiB |
BIN
src/client/assets/images/discord.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 453 B |
BIN
src/client/assets/images/nickname_scroll.png
Normal file
After Width: | Height: | Size: 83 KiB |
BIN
src/client/assets/images/play_button.png
Normal file
After Width: | Height: | Size: 111 KiB |
BIN
src/client/assets/images/settings.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 195 KiB |
Before Width: | Height: | Size: 904 KiB |
@ -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>
|
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 862 KiB |
Before Width: | Height: | Size: 186 KiB |
@ -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>
|
Before Width: | Height: | Size: 1.6 KiB |
@ -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>
|
Before Width: | Height: | Size: 3.1 KiB |
BIN
src/client/assets/images/web.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
@ -41,13 +41,13 @@
|
||||
</div>
|
||||
<div id="media">
|
||||
<div id="options">
|
||||
<img src="assets/images/svg/settings.svg">
|
||||
<img src="assets/images/settings.png">
|
||||
</div>
|
||||
<div id="discord">
|
||||
<img src="assets/images/svg/discord.svg">
|
||||
<img src="assets/images/discord.png">
|
||||
</div>
|
||||
<div id="web">
|
||||
<img src="assets/images/svg/web.svg">
|
||||
<img src="assets/images/web.png">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|