UI update

improved graphics in how it works page
This commit is contained in:
sairaj mote 2021-07-03 17:00:22 +05:30
parent 8ce7b23447
commit 3cdc3bb0a9
6 changed files with 4389 additions and 4385 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500"><defs><style>.a{fill:#006838;}.b{fill:#a7a9ac;}.c{fill:#e6e7e8;}.d{fill:#39b54a;}.e{fill:#009444;}.f{fill:#d1d3d4;}.g{fill:#bcbec0;}</style></defs><path class="a" d="M486.39,172.31c-3.11-1.75-6.81-2.19-10-3.81-7.32-3-13.27-9.87-13-16.4l-.07,26.41c-.25,9.3,9.83,16.35,19.13,18.64,3.56.93,8.1,3.74,8,7.39l.08-26.41C490.6,176,489.08,173.86,486.39,172.31Z"/><path class="b" d="M400.78,153.2c-2.81,3.18-7.27,4.27-11.37,4.52-3.71.31-7.26-.76-10.83-1.6a55.92,55.92,0,0,0-21-.11c-10.7,2.08-22.5,7.06-27.32,17.49a14.78,14.78,0,0,0-1.24,5.78l-.08,26.42c.07-6.88,5-12.56,10.49-16.23,10.55-6.94,23.89-9.12,36.29-7.42,3.24.36,6.3,1.56,9.52,1.95a22.39,22.39,0,0,0,11.31-1.44,11.23,11.23,0,0,0,4.19-2.94l24.38-29.44.07-26.42Z"/><path class="c" d="M425.16,123.76,400.78,153.2c-3.4,4.11-11.92,5.7-19,3.69-17.48-4.88-39.12.36-48.49,11.67-7.62,9.2-4.76,19.58,5.91,25.73a36.45,36.45,0,0,0,8.54,3.51,17.8,17.8,0,0,1,4.2,1.7c4.13,2.38,5.5,6.05,2.84,9.26l-24.38,29.45-46.16-12.89c-7.61-2.13-16.7.08-19.34,4.71a15.14,15.14,0,0,1-1.3,1.9c-8.49,10.27-31.08,14-50.64,8.51a51.43,51.43,0,0,1-11.9-4.86c-11-6.32-14.82-15.5-8.46-23.19a20.35,20.35,0,0,1,1.86-1.92c3.79-3.39,2.74-7.61-1.81-10.23a16.46,16.46,0,0,0-3.83-1.58l-56.32-15.73L222.9,73.77c2.41-2.91,8.46-4.14,13.5-2.73Z"/><path class="d" d="M751.15,150.43c3,1.71,3.9,4.39,2,6.7l-90.4,109.16-51.57-14.4a16.37,16.37,0,0,1-3.82-1.57c-4.2-2.42-5.44-6.22-2.6-9.46,6.67-8.05,2.8-17.22-8.15-23.55a51.87,51.87,0,0,0-11.9-4.86c-19.56-5.46-42.14-1.75-50.44,8.27-3.55,4.53-12,6.33-19.15,4.34l-50.27-14,24.37-29.44c2.67-3.22,1.3-6.89-2.83-9.27a17.2,17.2,0,0,0-4.06-1.66,37.28,37.28,0,0,1-8.68-3.54c-10.67-6.16-13.53-16.54-5.9-25.74,9.36-11.31,31-16.55,48.34-11.71,7.23,2.05,15.75.47,19.16-3.65l24.37-29.43,188.76,52.71A12.4,12.4,0,0,1,751.15,150.43Z"/><path class="e" d="M754.09,155.12s0,.09,0,.14a3.38,3.38,0,0,1-.17.6c0,.06-.06.12-.08.18a4.11,4.11,0,0,1-.21.42l-.2.3c-.09.12-.16.25-.26.37h0l-90.4,109.16-51.57-14.4a17.83,17.83,0,0,1-3.19-1.23l0-18.08c0-5.57-4.13-11.05-11.43-15.27-16.32-9.28-45.69-11-60.63,1.61h0a20.59,20.59,0,0,0-1.71,1.79v0c-4.26,4.92-11.67,5.82-17.77,4.66-.46-.1-.92-.21-1.37-.34l-50.27-14-.07,26.42,50.27,14a17.57,17.57,0,0,0,2.06.46c5.91,1,13,0,17.07-4.79a0,0,0,0,0,0,0c14.59-16.09,54.31-13.16,69,1.66L603.15,271c0,2.16,1.47,4.25,4.13,5.79a17.75,17.75,0,0,0,3.82,1.57l51.57,14.4,90.4-109.16h0l.08-.1c.07-.09.12-.18.18-.27a2.61,2.61,0,0,0,.2-.3l0,0a3,3,0,0,0,.17-.37l.09-.18v0a4,4,0,0,0,.16-.57h0c0-.05,0-.1,0-.15a2.71,2.71,0,0,0,0-.41V181l.08-26.42A2.94,2.94,0,0,1,754.09,155.12Z"/><path class="b" d="M473.64,260.55a12.14,12.14,0,0,1-2.53,6.47,11.09,11.09,0,0,0-1.67,2.6,5.45,5.45,0,0,0-.36,1.87L469,297.91c0-3.08,3-5,3.87-7.77a11.44,11.44,0,0,0,.72-3.88l.07-26.42C473.67,260.08,473.65,260.31,473.64,260.55Z"/><path class="f" d="M462.14,244.5c11,6.32,14.83,15.5,8.46,23.19-2.89,3.47-1.5,7.43,2.87,10a17.74,17.74,0,0,0,4,1.65l50.77,14.18L444.15,395.06c-5.89,7.1-20.62,10.08-32.91,6.65L60,303.6a29.43,29.43,0,0,1-6.74-2.76c-7.24-4.18-9.51-10.7-4.85-16.33l84.12-101.57,55.78,15.57a19.7,19.7,0,0,1,3.87,1.45c5.29,2.78,6,7.18,2.35,10.46a17,17,0,0,0-1.68,1.72c-6.59,7.94-2.72,17.11,8.24,23.44a51.69,51.69,0,0,0,11.9,4.87c19.56,5.46,42.14,1.75,50.44-8.28a15,15,0,0,0,1.49-2.12c2.58-4.84,11.52-6.91,19.88-4.58L379.87,252c7.39,2.07,16.33.25,19.86-4,8.37-10.12,30.95-13.82,50.52-8.36A51.34,51.34,0,0,1,462.14,244.5Z"/><path class="g" d="M444.15,395.06c-7.87,8.53-22.24,9.43-32.91,6.65L60,303.6a33.56,33.56,0,0,1-3.38-1.15,29.67,29.67,0,0,1-3.36-1.61c-4.69-2.71-7.29-6.4-7.28-10.19l-.08,26.42c-.18,6.3,7.63,11.37,14,12.94,2.44.6,351.44,98.33,353.72,98.71a42.29,42.29,0,0,0,15.66.18c4.9-.94,9.83-2.68,13.55-6.09a15.67,15.67,0,0,0,1.26-1.33L528.19,319.9l.08-26.42Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500"><defs><style>.a{fill:#a7a9ac;}.b{fill:#006838;}.c{fill:#e6e7e8;}.d{fill:#39b54a;}.e{fill:#009444;}.f{fill:#d1d3d4;}.g{fill:#bcbec0;}</style></defs><path class="a" d="M356.12,205.7V234a1,1,0,0,1-.19.58l-7.5,8.68-18-5Z"/><path class="b" d="M486.39,172.31c-3.11-1.75-6.81-2.19-10-3.81-7.32-3-13.27-9.87-13-16.4l-.07,26.41c-.25,9.3,9.83,16.35,19.13,18.64,3.56.93,8.1,3.74,8,7.39l.08-26.41C490.6,176,489.08,173.86,486.39,172.31Z"/><path class="a" d="M400.78,153.2c-2.81,3.18-7.27,4.27-11.37,4.52-3.71.31-7.26-.76-10.83-1.6a55.92,55.92,0,0,0-21-.11c-10.7,2.08-22.5,7.06-27.32,17.49a14.78,14.78,0,0,0-1.24,5.78l-.08,26.42c.07-6.88,5-12.56,10.49-16.23,10.55-6.94,23.89-9.12,36.29-7.42,3.24.36,6.3,1.56,9.52,1.95a22.39,22.39,0,0,0,11.31-1.44,11.23,11.23,0,0,0,4.19-2.94l24.38-29.44.07-26.42Z"/><path class="c" d="M425.16,123.76,400.78,153.2c-3.4,4.11-11.92,5.7-19,3.69-17.48-4.88-39.12.36-48.49,11.67-7.62,9.2-4.76,19.58,5.91,25.73a36.45,36.45,0,0,0,8.54,3.51,17.8,17.8,0,0,1,4.2,1.7c4.13,2.38,5.5,6.05,2.84,9.26l-24.38,29.45-46.16-12.89c-7.61-2.13-16.7.08-19.34,4.71a21.88,21.88,0,0,1-1.3,1.9c-7.31,10.23-31,14.64-50.64,8.51a59.39,59.39,0,0,1-11.9-4.86c-11-6.32-14.82-15.5-8.46-23.19a20.35,20.35,0,0,1,1.86-1.92c3.79-3.39,2.74-7.61-1.81-10.23a16.46,16.46,0,0,0-3.83-1.58l-56.32-15.73L222.9,73.77c2.41-2.91,8.46-4.14,13.5-2.73Z"/><path class="d" d="M751.15,150.43c3,1.71,3.9,4.39,2,6.7l-90.4,109.16-51.57-14.4a16.37,16.37,0,0,1-3.82-1.57c-4.2-2.42-5.44-6.22-2.6-9.46,6.67-8.05,2.8-17.22-8.15-23.55a51.87,51.87,0,0,0-11.9-4.86c-19.56-5.46-42.14-1.75-50.44,8.27-3.55,4.53-12,6.33-19.15,4.34l-50.27-14,24.37-29.44c2.67-3.22,1.3-6.89-2.83-9.27a17.2,17.2,0,0,0-4.06-1.66,37.28,37.28,0,0,1-8.68-3.54c-10.67-6.16-13.53-16.54-5.9-25.74,9.36-11.31,31-16.55,48.34-11.71,7.23,2.05,15.75.47,19.16-3.65l24.37-29.43,188.76,52.71A12.4,12.4,0,0,1,751.15,150.43Z"/><path class="e" d="M754.09,155.12s0,.09,0,.14a3.38,3.38,0,0,1-.17.6c0,.06-.06.12-.08.18a4.11,4.11,0,0,1-.21.42l-.2.3c-.09.12-.16.25-.26.37h0l-90.4,109.16-51.57-14.4a17.83,17.83,0,0,1-3.19-1.23l0-18.08c0-5.57-4.13-11.05-11.43-15.27-16.32-9.28-45.69-11-60.63,1.61h0a20.59,20.59,0,0,0-1.71,1.79v0c-4.26,4.92-11.67,5.82-17.77,4.66-.46-.1-.92-.21-1.37-.34l-50.27-14-.07,26.42,50.27,14a17.57,17.57,0,0,0,2.06.46c5.91,1,13,0,17.07-4.79a0,0,0,0,0,0,0c14.59-16.09,54.31-13.16,69,1.66L603.15,271c0,2.16,1.47,4.25,4.13,5.79a17.75,17.75,0,0,0,3.82,1.57l51.57,14.4,90.4-109.16h0l.08-.1c.07-.09.12-.18.18-.27a2.61,2.61,0,0,0,.2-.3l0,0a3,3,0,0,0,.17-.37l.09-.18v0a4,4,0,0,0,.16-.57h0c0-.05,0-.1,0-.15a2.71,2.71,0,0,0,0-.41V181l.08-26.42A2.94,2.94,0,0,1,754.09,155.12Z"/><path class="a" d="M473.64,260.55a12.14,12.14,0,0,1-2.53,6.47,11.09,11.09,0,0,0-1.67,2.6,5.45,5.45,0,0,0-.36,1.87L469,297.91c0-3.08,3-5,3.87-7.77a11.44,11.44,0,0,0,.72-3.88l.07-26.42C473.67,260.08,473.65,260.31,473.64,260.55Z"/><path class="f" d="M462.14,244.5c11,6.32,14.83,15.5,8.46,23.19-2.89,3.47-1.5,7.43,2.87,10a17.74,17.74,0,0,0,4,1.65l50.77,14.18L444.15,395.06c-5.89,7.1-20.62,10.08-32.91,6.65L60,303.6a29.43,29.43,0,0,1-6.74-2.76c-7.24-4.18-9.51-10.7-4.85-16.33l84.12-101.57,55.78,15.57a19.7,19.7,0,0,1,3.87,1.45c5.29,2.78,6,7.18,2.35,10.46a17,17,0,0,0-1.68,1.72c-6.59,7.94-2.72,17.11,8.24,23.44a51.69,51.69,0,0,0,11.9,4.87c19.56,5.46,42.14,1.75,50.44-8.28a15,15,0,0,0,1.49-2.12c2.58-4.84,11.52-6.91,19.88-4.58L379.87,252c7.39,2.07,16.33.25,19.86-4,8.37-10.12,30.95-13.82,50.52-8.36A51.34,51.34,0,0,1,462.14,244.5Z"/><path class="g" d="M444.15,395.06c-7.87,8.53-22.24,9.43-32.91,6.65L60,303.6a33.56,33.56,0,0,1-3.38-1.15,29.67,29.67,0,0,1-3.36-1.61c-4.69-2.71-7.29-6.4-7.28-10.19l-.08,26.42c-.18,6.3,7.63,11.37,14,12.94,2.44.6,351.44,98.33,353.72,98.71a42.29,42.29,0,0,0,15.66.18c4.9-.94,9.83-2.68,13.55-6.09a15.67,15.67,0,0,0,1.26-1.33L528.19,319.9l.08-26.42Z"/></svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -550,7 +550,6 @@ ul {
}
.torrent-card__download-button {
justify-self: flex-end;
align-self: flex-start;
background-color: rgba(var(--text-color), 0.1);
}
.torrent-card__download-button .icon {

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -490,7 +490,6 @@ ul{
}
&__download-button{
justify-self: flex-end;
align-self: flex-start;
background-color: rgba(var(--text-color), 0.1);
.icon{
height: 1.4rem;

File diff suppressed because it is too large Load Diff