KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Moved icons from html file to separate icons/ components

Browse Source
This commit is contained in:
Kevin
2022-01-10 00:42:12 +01:00
parent f180b7f39b
commit 83b14e0744
10 changed files with 164 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

File diff suppressed because one or more lines are too long

13
src/icons/IconActivity.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
</svg>
</template>

13
src/icons/IconNowPlaying.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 30 30"
>
<title>Now Playing</title>
<path
d="M27.9847266,7.50322266 C25.9822852,4.03494141 22.749082,1.55390625 18.8806055,0.517382812 C15.0121875,-0.519257812 10.9716797,0.0127148437 7.50322266,2.01527344 C4.03482422,4.01777344 1.55390625,7.25097656 0.517382812,11.1194531 C-0.519140625,14.9878711 0.0128320312,19.0284961 2.01527344,22.4967773 C4.01765625,25.9650586 7.25097656,28.4460937 11.1193945,29.4826172 C12.4111523,29.8287891 13.7219531,30 15.0244336,30 C17.6224219,30 20.1866016,29.3186133 22.4968359,27.9847852 C25.9651172,25.9823437 28.4461523,22.7491406 29.4826758,18.8806641 C30.5192578,15.0121289 29.987168,10.9716211 27.9847266,7.50322266 Z M27.9743555,18.476543 C27.0457617,21.9421289 24.8231836,24.8387109 21.715957,26.6326172 C18.6088477,28.426582 14.989043,28.9030664 11.523457,27.9745898 C8.0578125,27.0459961 5.16128906,24.823418 3.36732422,21.7161914 C1.57341797,18.609082 1.096875,14.9892188 2.02552734,11.5235742 C2.95417969,8.05798828 5.17675781,5.16152344 8.28392578,3.3675 C10.35375,2.17248047 12.6505664,1.56210937 14.9782031,1.56210937 C16.1448047,1.56210937 17.3195508,1.71550781 18.4763672,2.02552734 C21.9419531,2.95412109 24.8385352,5.17669922 26.6324414,8.28392578 C28.4264063,11.3910937 28.9030078,15.0108984 27.9743555,18.476543 Z M22.1940234,13.5850781 L12.5538281,8.01925781 C12.0422461,7.72388672 11.4314648,7.72400391 10.9198828,8.01919922 C10.4083008,8.31451172 10.1028516,8.84355469 10.1028516,9.43423828 L10.1028516,20.5658789 C10.1028516,21.1565625 10.4082422,21.6855469 10.9198828,21.980918 C11.1756445,22.1286328 11.4561328,22.2024023 11.7367383,22.2024023 C12.0174023,22.2024023 12.2980078,22.128457 12.5537695,21.9808594 L22.194082,16.4150977 C22.7056055,16.119668 23.0109375,15.5906836 23.0109375,15 C23.0109375,14.409375 22.7055469,13.8803906 22.1940234,13.5850781 Z M21.4132031,15.0629297 L11.7729492,20.6286914 C11.7611719,20.6355469 11.7366211,20.649668 11.7005273,20.6286914 C11.6643164,20.6077734 11.6643164,20.5795312 11.6643164,20.5659375 L11.6643164,9.43429687 C11.6643164,9.42070312 11.6643164,9.39246094 11.7005273,9.37154297 C11.714707,9.36333984 11.7270703,9.36052734 11.7376172,9.36052734 C11.7540234,9.36052734 11.7658594,9.36738281 11.7730664,9.37154297 L21.4132617,14.9373633 C21.4250391,14.9441602 21.4494727,14.9582812 21.4494727,15.0001172 C21.4494727,15.0419531 21.4249219,15.0561328 21.4132031,15.0629297 Z M24.2169727,7.87734375 C22.3601953,5.47863281 19.5689648,3.86707031 16.5588867,3.45580078 C16.1321484,3.39738281 15.7380469,3.69638672 15.6796289,4.12371094 C15.6213281,4.55091797 15.920332,4.94455078 16.3475391,5.00296875 C18.9556641,5.35927734 21.3738867,6.75544922 22.9822266,8.83318359 C23.1360937,9.03193359 23.3668945,9.13599609 23.6001562,9.13599609 C23.7670898,9.13599609 23.9353125,9.08273437 24.0774609,8.97257813 C24.418418,8.70867187 24.4808789,8.21830078 24.2169727,7.87734375 Z"
fill-rule="nonzero"
></path>
</svg>
</template>

13
src/icons/IconPopular.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 30 30"
>
<title>Popular</title>
<path
d="M27.6684375,11.6432813 C28.2116602,11.1137695 28.4034375,10.3366406 28.1690625,9.61517578 C27.9346289,8.89371094 27.3226758,8.37779297 26.5719727,8.26875 L20.0077148,7.31490234 C19.8788672,7.29621094 19.7674805,7.21529297 19.7098242,7.09845703 L16.7742187,1.1503125 C16.4385352,0.470039062 15.7587305,0.0474609375 15.0001172,0.0474609375 C14.2415039,0.0474609375 13.5616992,0.470039062 13.2260156,1.1503125 L10.2904102,7.09851563 C10.2326953,7.21529297 10.1213672,7.29621094 9.99246094,7.31496094 L3.42832031,8.26875 C2.67761719,8.37779297 2.06572266,8.89371094 1.83123047,9.61517578 C1.59673828,10.3366406 1.78857422,11.1137695 2.33185547,11.6432813 L7.08175781,16.2733008 C7.17498047,16.3642383 7.21757812,16.4951953 7.19554687,16.6235742 L6.07423828,23.1612305 C5.94603516,23.9089453 6.24755859,24.650332 6.86126953,25.0962305 C7.47498047,25.5422461 8.27349609,25.5998438 8.94486328,25.2469336 L14.8160156,22.1602734 C14.9313281,22.0996289 15.0689648,22.0996289 15.1843359,22.1602734 L21.0555469,25.2469336 C21.3475781,25.4004492 21.6635742,25.4763281 21.9780469,25.4762695 C22.3864453,25.4762695 22.7922656,25.3483008 23.1389648,25.0961719 C23.7526758,24.6502148 24.0542578,23.9087695 23.9259961,23.1611719 L22.8046875,16.6235156 C22.7827148,16.4951367 22.8252539,16.3641797 22.9184766,16.2732422 L27.6684375,11.6432813 Z M21.2448633,16.8911719 L22.3661719,23.4289453 C22.4036719,23.6477344 22.2686133,23.7724805 22.2087891,23.8158984 C22.1489062,23.8592578 21.9884766,23.9493164 21.7920703,23.845957 L15.9208594,20.7592969 C15.6326367,20.607832 15.3164648,20.5320117 15.0002344,20.5320117 C14.6840039,20.5320117 14.3677734,20.607832 14.0796094,20.7592383 L8.20845703,23.8458398 C8.01193359,23.9491406 7.8515625,23.8591992 7.79173828,23.8157813 C7.73191406,23.7723633 7.59679688,23.6476172 7.63435547,23.4288281 L8.75566406,16.8911719 C8.86576172,16.2492773 8.653125,15.594668 8.18666016,15.1400391 L3.43675781,10.5100195 C3.27779297,10.3549805 3.31376953,10.1746875 3.33667969,10.104375 C3.35947266,10.0340039 3.43640625,9.86695313 3.65607422,9.83507813 L10.2201563,8.88123047 C10.8646289,8.78759766 11.4215625,8.38306641 11.7098437,7.79894531 L14.6454492,1.85074219 C14.7437109,1.65169922 14.9262891,1.63019531 15.000293,1.63019531 C15.0741797,1.63019531 15.2567578,1.65164063 15.3550781,1.85074219 L15.3550781,1.85080078 L18.2906836,7.79900391 C18.5789062,8.383125 19.1357813,8.78765625 19.7802539,8.88128906 L26.3444531,9.83513672 C26.5641211,9.86701172 26.6409961,10.0340625 26.6638477,10.1044336 C26.6866992,10.1748047 26.7227344,10.3551563 26.5637109,10.5100781 L21.8138086,15.1400977 C21.3474023,15.594668 21.1347656,16.2492773 21.2448633,16.8911719 Z M24.2450977,1.14990234 C24.5987109,1.40677734 24.6770508,1.90171875 24.4201758,2.25533203 L23.5801172,3.41150391 C23.4253125,3.62455078 23.1840234,3.73769531 22.9392773,3.73769531 C22.7780273,3.73769531 22.6153125,3.68853516 22.4747461,3.58652344 C22.1211328,3.32964844 22.042793,2.83470703 22.299668,2.48115234 L23.1397266,1.32498047 C23.3966016,0.971425781 23.8914258,0.893027344 24.2450977,1.14990234 Z M7.696875,2.47646484 C7.95380859,2.83007812 7.87541016,3.32501953 7.52185547,3.58183594 C7.38146484,3.68390625 7.21869141,3.73306641 7.05738281,3.73306641 C6.81257813,3.73306641 6.57128906,3.61998047 6.41642578,3.40675781 L5.57636719,2.25058594 C5.31949219,1.89703125 5.39789063,1.40208984 5.75144531,1.14521484 C6.10511719,0.888457031 6.6,0.966855469 6.85681641,1.32029297 L7.696875,2.47646484 Z M2.9034375,17.8024805 C3.03849609,18.2182031 2.81103516,18.6646289 2.39537109,18.7996875 L1.03617188,19.2413672 C0.954902344,19.267793 0.872460937,19.2803906 0.791425781,19.2803906 C0.457851563,19.2803906 0.147597656,19.0678125 0.0389648437,18.7333008 C-0.09609375,18.3176953 0.131308594,17.8711523 0.54703125,17.7360938 L1.90623047,17.2944141 C2.32195313,17.1593555 2.76837891,17.386875 2.9034375,17.8024805 Z M15.000293,26.5890234 C15.4374023,26.5890234 15.7916602,26.9432813 15.7916602,27.3803906 L15.7916602,28.8096094 C15.7916602,29.2466602 15.4373437,29.6009766 15.000293,29.6009766 C14.5632422,29.6009766 14.2089258,29.2466602 14.2089258,28.8096094 L14.2089258,27.3803906 C14.2089258,26.9433398 14.5632422,26.5890234 15.000293,26.5890234 Z M29.4529688,17.737207 C29.8686328,17.8722656 30.0960938,18.3186914 29.9610352,18.7343555 C29.8524023,19.0688086 29.5421484,19.2814453 29.2085156,19.2814453 C29.1274805,19.2814453 29.0450977,19.2689063 28.9638281,19.2425391 L27.6046289,18.8008594 C27.1889063,18.6658008 26.9615039,18.219375 27.0965625,17.8036523 C27.2316211,17.3879297 27.6782227,17.1605859 28.0937695,17.2955273 L29.4529688,17.737207 Z"
fill-rule="nonzero"
></path>
</svg>
</template>

14
src/icons/IconProfile.vue Normal file
View File

File diff suppressed because one or more lines are too long

12
src/icons/IconRequest.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 30 30"
>
<title>icon_requests</title>
<path
d="M17.5 6h-16c-0.827 0-1.5 0.673-1.5 1.5v9c0 0.827 0.673 1.5 1.5 1.5h16c0.827 0 1.5-0.673 1.5-1.5v-9c0-0.827-0.673-1.5-1.5-1.5zM17.5 7c0.030 0 0.058 0.003 0.087 0.008l-7.532 5.021c-0.29 0.193-0.819 0.193-1.109 0l-7.532-5.021c0.028-0.005 0.057-0.008 0.087-0.008h16zM17.5 17h-16c-0.276 0-0.5-0.224-0.5-0.5v-8.566l7.391 4.927c0.311 0.207 0.71 0.311 1.109 0.311s0.798-0.104 1.109-0.311l7.391-4.927v8.566c0 0.276-0.224 0.5-0.5 0.5z"
fill-rule="nonzero"
transform="scale(1.5)"
></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 652 B

14
src/icons/IconRequest.vue Normal file
View File

@@ -0,0 +1,14 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 30 30"
>
<title>icon_requests</title>
<path
d="M17.5 6h-16c-0.827 0-1.5 0.673-1.5 1.5v9c0 0.827 0.673 1.5 1.5 1.5h16c0.827 0 1.5-0.673 1.5-1.5v-9c0-0.827-0.673-1.5-1.5-1.5zM17.5 7c0.030 0 0.058 0.003 0.087 0.008l-7.532 5.021c-0.29 0.193-0.819 0.193-1.109 0l-7.532-5.021c0.028-0.005 0.057-0.008 0.087-0.008h16zM17.5 17h-16c-0.276 0-0.5-0.224-0.5-0.5v-8.566l7.391 4.927c0.311 0.207 0.71 0.311 1.109 0.311s0.798-0.104 1.109-0.311l7.391-4.927v8.566c0 0.276-0.224 0.5-0.5 0.5z"
fill-rule="nonzero"
transform="scale(1.5)"
></path>
</svg>
</template>

21
src/icons/IconSettings.vue Normal file
View File

@@ -0,0 +1,21 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<line x1="4" y1="21" x2="4" y2="14"></line>
<line x1="4" y1="10" x2="4" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="12"></line>
<line x1="12" y1="8" x2="12" y2="3"></line>
<line x1="20" y1="21" x2="20" y2="16"></line>
<line x1="20" y1="12" x2="20" y2="3"></line>
<line x1="1" y1="14" x2="7" y2="14"></line>
<line x1="9" y1="8" x2="15" y2="8"></line>
<line x1="17" y1="16" x2="23" y2="16"></line>
</svg>
</template>

15
src/icons/IconUpcoming.vue Normal file
View File

File diff suppressed because one or more lines are too long

48
src/icons/tmdb-logo.vue Normal file
View File

@@ -0,0 +1,48 @@
<template>
<svg
version="1.1"
width="300"
height="200"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 50 45"
>
<title>TMDB Logo</title>
<path
d="M45.0099206,41.3194444 C47.906746,41.3194444 49.8670635,39.359127 49.8670635,36.4623016 L49.8670635,4.85912698 C49.8670635,1.96230159 47.906746,0.00198412698 45.0099206,0.00198412698 L4.85714286,0.00198412698 C1.96031746,0.00198412698 0,1.96230159 0,4.85912698 L0,44.2103175 L2.49206349,41.3214286 L2.49206349,41.3214286 L2.49206349,4.85912698 C2.49424808,3.55383568 3.55185155,2.49623221 4.85714286,2.49404762 L45.0099206,2.49404762 C46.3152119,2.49623221 47.3728154,3.55383568 47.375,4.85912698 L47.375,36.4623016 C47.3728154,37.7675929 46.3152119,38.8251964 45.0099206,38.827381 L8.55357143,38.827381 L6.06150794,41.3194444 L6.04563492,41.2996032"
></path>
<polygon
points="12.1785714 15.3353175 13.5555556 15.3353175 13.5555556 9.82539683 15.2698413 9.82539683 15.2698413 8.45833333 10.4642857 8.45833333 10.4642857 9.82539683 12.1785714 9.82539683"
></polygon>
<polygon
points="19.7480159 15.3353175 21.125 15.3353175 21.125 8.4484127 19.7480159 8.4484127 19.7480159 11.202381 17.6865079 11.202381 17.6865079 8.4484127 16.3095238 8.4484127 16.3095238 15.3353175 17.6865079 15.3353175 17.6865079 12.5793651 19.7480159 12.5793651"
></polygon>
<polygon
points="26.2400794 13.9563492 23.656746 13.9563492 23.656746 12.5793651 25.8630952 12.5793651 25.8630952 11.202381 23.656746 11.202381 23.656746 9.82539683 26.1230159 9.82539683 26.1230159 8.4484127 22.2777778 8.4484127 22.2777778 15.3353175 26.2400794 15.3353175"
></polygon>
<polygon
points="13.6230159 20.109127 10.906746 17.0853175 10.4642857 17.0853175 10.4642857 24.077381 11.8611111 24.077381 11.8611111 20.234127 13.6230159 22.0833333 15.3849206 20.234127 15.3769841 24.077381 16.7718254 24.077381 16.7718254 17.0853175 16.3392857 17.0853175"
></polygon>
<path
d="M21.4365079,17.077381 C16.6984127,17.077381 16.6984127,24.1746032 21.4365079,24.1746032 C26.1746032,24.1746032 26.1746032,17.077381 21.4365079,17.077381 Z M21.4365079,22.75 C18.6825397,22.75 18.6825397,18.4940476 21.4365079,18.4940476 C24.1904762,18.4940476 24.1904762,22.75 21.4365079,22.75 Z"
></path>
<rect
x="32.8115079"
y="17.1924603"
width="1.37698413"
height="6.88492063"
></rect>
<polygon
points="36.7202381 22.7003968 36.7202381 21.3234127 38.9265873 21.3234127 38.9265873 19.9464286 36.7202381 19.9464286 36.7202381 18.5694444 39.1865079 18.5694444 39.1865079 17.1924603 35.343254 17.1924603 35.343254 24.077381 39.3035714 24.077381 39.3035714 22.7003968"
></polygon>
<path
d="M12.515873,25.9365079 L10.4642857,25.9365079 L10.4642857,32.8214286 L12.515873,32.8214286 C17.0992063,32.8214286 17.0992063,25.9365079 12.515873,25.9365079 Z M12.515873,31.4444444 L11.8412698,31.4444444 L11.8412698,27.3134921 L12.515873,27.3134921 C15.1924603,27.3134921 15.1924603,31.4444444 12.515873,31.4444444 Z"
></path>
<path
d="M21.0892857,29.3730159 C21.5218254,29.0753968 21.7063492,28.5357143 21.7242063,28.015873 C21.7539683,26.8015873 20.9920635,25.9265873 19.7698413,25.9265873 L17.0436508,25.9265873 L17.0436508,32.8214286 L19.7698413,32.8214286 C20.3142974,32.8172449 20.8346683,32.5963907 21.2159271,32.2076855 C21.5971859,31.8189803 21.8079344,31.2944352 21.8015873,30.75 C21.8040455,30.202037 21.5379427,29.687621 21.0892857,29.3730159 Z M18.4305556,27.3015873 L19.6547619,27.3015873 C20.0179732,27.3290631 20.2986579,27.6317827 20.2986579,27.9960317 C20.2986579,28.3602808 20.0179732,28.6630004 19.6547619,28.6904762 L18.4305556,28.6904762 L18.4305556,27.3015873 L18.4305556,27.3015873 Z M19.6547619,31.4424603 L18.4305556,31.4424603 L18.4305556,30.0654762 L19.6547619,30.0654762 C19.8383233,30.0611553 20.0157582,30.1316242 20.1463378,30.2607072 C20.2769174,30.3897902 20.3494269,30.5664009 20.3472222,30.75 C20.3499111,30.9346442 20.2778845,31.1125423 20.1474944,31.243306 C20.0171043,31.3740696 19.839413,31.4466051 19.6547619,31.4444444 L19.6547619,31.4424603 Z"
></path>
<polygon
points="28.5734127 20.9087302 26.7599206 17.1924603 25.1706349 17.1924603 28.4186508 24.2222222 28.7281746 24.2222222 31.9742063 17.1924603 30.3849206 17.1924603"
></polygon>
</svg>
</template>