Browse Source

added style and icons to navigation on index templates

master
JoBCB 4 years ago
parent
commit
d65a415f81
  1. 9
      static/css/Icons/icn_arrow_left.svg
  2. 9
      static/css/Icons/icn_arrow_right.svg
  3. 12
      static/css/Icons/icn_audio.svg
  4. 9
      static/css/Icons/icn_close_large.svg
  5. 9
      static/css/Icons/icn_close_small.svg
  6. 12
      static/css/Icons/icn_download.svg
  7. 12
      static/css/Icons/icn_external_link.svg
  8. 12
      static/css/Icons/icn_image.svg
  9. 9
      static/css/Icons/icn_navigation_dot_active.svg
  10. 9
      static/css/Icons/icn_navigation_dot_inactive.svg
  11. 9
      static/css/Icons/icn_open_small.svg
  12. 11
      static/css/Icons/icn_search.svg
  13. 12
      static/css/Icons/icn_video.svg
  14. BIN
      static/css/Icons/placeholder_no-image2.png
  15. 37
      static/css/style.css

9
static/css/Icons/icn_arrow_left.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_arrow_left</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-223.000000, -1277.000000)" fill="#1B42D8" fill-rule="nonzero">
<path d="M230.093733,1290.81247 C230.197899,1290.81247 230.281233,1290.78122 230.343732,1290.71872 L230.343732,1290.71872 L236.874967,1284.15623 C236.9583,1284.09373 236.999967,1284.0104 236.999967,1283.90623 C236.999967,1283.80207 236.9583,1283.71873 236.874967,1283.65623 L236.874967,1283.65623 L230.343732,1277.09375 C230.281233,1277.03125 230.197899,1277 230.093733,1277 C229.989567,1277 229.895817,1277.03125 229.812484,1277.09375 L229.812484,1277.09375 L229.187485,1277.71875 C229.124985,1277.78125 229.093735,1277.86458 229.093735,1277.96875 C229.093735,1278.07291 229.124985,1278.16666 229.187485,1278.25 L229.187485,1278.25 L234.031224,1283.09374 L223.374999,1283.09374 C223.270833,1283.09374 223.182291,1283.13019 223.109375,1283.20311 C223.036458,1283.27603 223,1283.36457 223,1283.46873 L223,1283.46873 L223,1284.34373 C223,1284.4479 223.036458,1284.53644 223.109375,1284.60936 C223.182291,1284.68227 223.270833,1284.71873 223.374999,1284.71873 L223.374999,1284.71873 L234.031224,1284.71873 L229.187485,1289.56247 C229.124985,1289.6458 229.093735,1289.73955 229.093735,1289.84372 C229.093735,1289.94789 229.124985,1290.03122 229.187485,1290.09372 L229.187485,1290.09372 L229.812484,1290.71872 C229.895817,1290.78122 229.989567,1290.81247 230.093733,1290.81247 Z" id="icn_arrow_left" transform="translate(229.999983, 1283.906234) rotate(180.000000) translate(-229.999983, -1283.906234) "></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

9
static/css/Icons/icn_arrow_right.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="15px" height="14px" viewBox="0 0 15 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_arrow_right</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-408.000000, -1277.000000)" fill="#1B42D8" fill-rule="nonzero">
<path d="M415.593733,1290.90625 C415.697899,1290.90625 415.781233,1290.875 415.843732,1290.8125 L415.843732,1290.8125 L422.374967,1284.25001 C422.4583,1284.18751 422.499967,1284.10418 422.499967,1284.00001 C422.499967,1283.89585 422.4583,1283.81251 422.374967,1283.75001 L422.374967,1283.75001 L415.843732,1277.18753 C415.781233,1277.12503 415.697899,1277.09378 415.593733,1277.09378 C415.489567,1277.09378 415.395817,1277.12503 415.312484,1277.18753 L415.312484,1277.18753 L414.687485,1277.81253 C414.624985,1277.87503 414.593735,1277.95836 414.593735,1278.06253 C414.593735,1278.16669 414.624985,1278.26044 414.687485,1278.34378 L414.687485,1278.34378 L419.531224,1283.18752 L408.874999,1283.18752 C408.770833,1283.18752 408.682291,1283.22397 408.609375,1283.29689 C408.536458,1283.36981 408.5,1283.45835 408.5,1283.56252 L408.5,1283.56252 L408.5,1284.43751 C408.5,1284.54168 408.536458,1284.63022 408.609375,1284.70314 C408.682291,1284.77605 408.770833,1284.81251 408.874999,1284.81251 L408.874999,1284.81251 L419.531224,1284.81251 L414.687485,1289.65625 C414.624985,1289.73958 414.593735,1289.83333 414.593735,1289.9375 C414.593735,1290.04167 414.624985,1290.125 414.687485,1290.1875 L414.687485,1290.1875 L415.312484,1290.8125 C415.395817,1290.875 415.489567,1290.90625 415.593733,1290.90625 Z" id="icn_arrow_right"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

12
static/css/Icons/icn_audio.svg

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_audio</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-370.000000, -1569.000000)">
<g id="icn_audio" transform="translate(370.000000, 1569.000000)">
<rect id="Background-Copy-4" fill="#1B42D8" x="0" y="0" width="30" height="30" rx="6"></rect>
<path d="M19.437468,21.9916923 C19.645801,22.0437756 19.8333005,22.0073172 19.9999666,21.8823175 C21.2499636,21.0698195 22.2291278,20.007322 22.9374596,18.6948251 C23.6457914,17.3823283 23.9999571,15.9864981 23.9999571,14.5073351 C23.9999571,13.0281721 23.6457914,11.632342 22.9374596,10.3198451 C22.2291278,9.00734823 21.2499636,7.94485076 19.9999666,7.1323527 C19.8333005,7.00735299 19.645801,6.97089459 19.437468,7.02297796 C19.229135,7.07506132 19.0676773,7.18443606 18.9530941,7.35110217 C18.8385109,7.51776828 18.802053,7.70526784 18.8437194,7.91360083 C18.8853858,8.12193383 18.999969,8.27818346 19.1874686,8.38234972 C20.2082996,9.06984808 21.0155892,9.95526247 21.6093378,11.0385934 C22.2030864,12.1219243 22.4999607,13.2781715 22.4999607,14.5073351 C22.4999607,15.7364987 22.2030864,16.8927459 21.6093378,17.9760768 C21.0155892,19.0594078 20.2082996,19.9448221 19.1874686,20.6323205 C18.999969,20.7364868 18.8853858,20.8927364 18.8437194,21.1010694 C18.802053,21.3094024 18.8385109,21.4969019 18.9530941,21.6635681 C19.0676773,21.8302342 19.229135,21.9396089 19.437468,21.9916923 Z M13.2343578,20.5073208 C13.4322738,20.5073208 13.6093569,20.4344045 13.7656065,20.2885713 C13.9218561,20.1427382 13.9999809,19.9656556 13.9999809,19.7573226 L13.9999809,19.7573226 L13.9999809,9.25734763 C13.9999809,9.04901463 13.9218561,8.87193204 13.7656065,8.7260989 C13.6093569,8.58026575 13.4374823,8.50734942 13.2499827,8.50734942 C13.0416497,8.50734942 12.8645671,8.58026575 12.718734,8.7260989 L12.718734,8.7260989 L9.93749061,11.5073494 L6.74999821,11.5073494 C6.54166522,11.5073494 6.36458262,11.5802586 6.21874948,11.7260917 C6.07291633,11.8719249 6,12.0490075 6,12.2573405 L6,12.2573405 L6,16.7573297 C6,16.9656627 6.07291633,17.1427453 6.21874948,17.2885785 C6.36458262,17.4344116 6.54166522,17.507328 6.74999821,17.507328 L6.74999821,17.507328 L9.93749061,17.507328 L12.718734,20.2885713 C12.8645671,20.4344045 13.0364417,20.5073208 13.2343578,20.5073208 Z M17.749972,19.4604483 C17.958305,19.5125317 18.1458045,19.4760733 18.3124706,19.3510736 C19.1666351,18.8302413 19.828092,18.1375349 20.2968409,17.2729535 C20.7655898,16.4083721 20.9999642,15.4864993 20.9999642,14.5073351 C20.9999642,13.5281709 20.7655898,12.6062981 20.2968409,11.7417167 C19.828092,10.8771353 19.1666351,10.1844289 18.3124706,9.66359666 C18.1458045,9.5594304 17.958305,9.52818048 17.749972,9.56984688 C17.541639,9.61151329 17.3853894,9.72088803 17.2812231,9.8979711 C17.1770568,10.0750542 17.1458069,10.2625537 17.1874733,10.4604698 C17.2291397,10.6583858 17.343723,10.8094274 17.5312225,10.9135937 C18.1353876,11.3094262 18.6145534,11.82505 18.9687191,12.460465 C19.3228847,13.09588 19.4999678,13.7781703 19.4999678,14.5073351 C19.4999678,15.2364999 19.3228847,15.9187902 18.9687191,16.5542052 C18.6145534,17.1896202 18.1353876,17.705244 17.5312225,18.1010765 C17.343723,18.2052428 17.2291397,18.3562844 17.1874733,18.5542005 C17.1458069,18.7521165 17.1770568,18.9396161 17.2812231,19.1166991 C17.3853894,19.2937822 17.541639,19.4083649 17.749972,19.4604483 Z M12.4999845,17.9448269 L10.5624891,16.0073315 L7.49999642,16.0073315 L7.49999642,13.0073387 L10.5624891,13.0073387 L12.4999845,11.0698433 L12.4999845,17.9448269 Z M15.9999762,16.9760792 C16.2083092,17.0385791 16.3958087,17.0177456 16.5624748,16.9135794 C16.9999738,16.66358 17.3489314,16.3250393 17.6093473,15.8979568 C17.8697632,15.4708743 17.9999714,15.0073339 17.9999714,14.5073351 C17.9999714,14.0073363 17.8697632,13.5437959 17.6093473,13.1167134 C17.3489314,12.689631 16.9999738,12.3510903 16.5624748,12.1010908 C16.3958087,11.9969246 16.2083092,11.9760911 15.9999762,12.038591 C15.7916432,12.1010908 15.640602,12.2208821 15.5468522,12.3979651 C15.4531025,12.5750482 15.432269,12.7625478 15.4843524,12.9604638 C15.5364358,13.1583798 15.6614355,13.3146295 15.8593515,13.4292127 C16.0572675,13.5437959 16.2135172,13.694837 16.3281004,13.8823366 C16.4426836,14.0698362 16.499975,14.2781692 16.499975,14.5073351 C16.499975,14.7365011 16.4426836,14.9448341 16.3281004,15.1323336 C16.2135172,15.3198332 16.0572675,15.4708743 15.8593515,15.5854575 C15.6614355,15.7000408 15.5364358,15.8562904 15.4843524,16.0542064 C15.432269,16.2521225 15.4531025,16.439622 15.5468522,16.6167051 C15.640602,16.7937882 15.7916432,16.9135794 15.9999762,16.9760792 Z" id="v" fill="#F3EFEF" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

9
static/css/Icons/icn_close_large.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_close_large</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="9.-DAAP_ArtworkPage_image2" transform="translate(-1323.000000, -502.000000)" fill="#1B42D8" fill-rule="nonzero">
<path d="M1340.13928,521.125004 C1340.41272,521.125004 1340.62756,521.027348 1340.78381,520.832036 L1340.78381,520.832036 L1342.24865,519.367196 C1342.44397,519.210946 1342.54162,518.996104 1342.54162,518.722666 C1342.54162,518.449229 1342.44397,518.234387 1342.24865,518.078137 L1342.24865,518.078137 L1335.97914,511.750027 L1342.24865,505.421917 C1342.44397,505.265667 1342.54162,505.050824 1342.54162,504.777387 C1342.54162,504.50395 1342.44397,504.289107 1342.24865,504.132857 L1342.24865,504.132857 L1340.78381,502.668017 C1340.62756,502.472705 1340.41272,502.375049 1340.13928,502.375049 C1339.86585,502.375049 1339.651,502.472705 1339.49475,502.668017 L1339.49475,502.668017 L1333.16664,508.937534 L1326.83853,502.668017 C1326.68228,502.472705 1326.46744,502.375049 1326.194,502.375049 C1325.92057,502.375049 1325.70572,502.472705 1325.54947,502.668017 L1325.54947,502.668017 L1324.08463,504.132857 C1323.88932,504.289107 1323.79167,504.50395 1323.79167,504.777387 C1323.79167,505.050824 1323.88932,505.265667 1324.08463,505.421917 L1324.08463,505.421917 L1330.35415,511.750027 L1324.08463,518.078137 C1323.88932,518.234387 1323.79167,518.449229 1323.79167,518.722666 C1323.79167,518.996104 1323.88932,519.210946 1324.08463,519.367196 L1324.08463,519.367196 L1325.54947,520.832036 C1325.70572,521.027348 1325.92057,521.125004 1326.194,521.125004 C1326.46744,521.125004 1326.68228,521.027348 1326.83853,520.832036 L1326.83853,520.832036 L1333.16664,514.56252 L1339.49475,520.832036 C1339.651,521.027348 1339.86585,521.125004 1340.13928,521.125004 Z" id="icn_close_large"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

9
static/css/Icons/icn_close_small.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="11px" height="10px" viewBox="0 0 11 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_close_small</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-1345.000000, -1592.000000)" fill="#163ADC" fill-rule="nonzero">
<path d="M1351.11041,1602.99997 C1351.25625,1602.99997 1351.37604,1602.9531 1351.46979,1602.85935 C1351.56354,1602.7656 1351.61041,1602.64581 1351.61041,1602.49997 L1351.61041,1602.49997 L1351.61041,1597.99998 L1356.1104,1597.99998 C1356.25623,1597.99998 1356.37603,1597.95311 1356.46977,1597.85936 C1356.56352,1597.76561 1356.6104,1597.64582 1356.6104,1597.49998 L1356.6104,1597.49998 L1356.6104,1596.49999 C1356.6104,1596.35415 1356.56352,1596.23436 1356.46977,1596.14061 C1356.37603,1596.04686 1356.25623,1595.99999 1356.1104,1595.99999 L1356.1104,1595.99999 L1351.61041,1595.99999 L1351.61041,1591.5 C1351.61041,1591.35417 1351.56354,1591.23437 1351.46979,1591.14062 C1351.37604,1591.04687 1351.25625,1591 1351.11041,1591 L1351.11041,1591 L1350.11041,1591 C1349.96458,1591 1349.84479,1591.04687 1349.75104,1591.14062 C1349.65729,1591.23437 1349.61042,1591.35417 1349.61042,1591.5 L1349.61042,1591.5 L1349.61042,1595.99999 L1345.11043,1595.99999 C1344.96459,1595.99999 1344.8448,1596.04686 1344.75105,1596.14061 C1344.6573,1596.23436 1344.61043,1596.35415 1344.61043,1596.49999 L1344.61043,1596.49999 L1344.61043,1597.49998 C1344.61043,1597.64582 1344.6573,1597.76561 1344.75105,1597.85936 C1344.8448,1597.95311 1344.96459,1597.99998 1345.11043,1597.99998 L1345.11043,1597.99998 L1349.61042,1597.99998 L1349.61042,1602.49997 C1349.61042,1602.64581 1349.65729,1602.7656 1349.75104,1602.85935 C1349.84479,1602.9531 1349.96458,1602.99997 1350.11041,1602.99997 L1350.11041,1602.99997 L1351.11041,1602.99997 Z" id="icn_close_small" transform="translate(1350.610414, 1596.999986) rotate(45.000000) translate(-1350.610414, -1596.999986) "></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

12
static/css/Icons/icn_download.svg

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_download</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-81.000000, -1384.000000)">
<g id="icn_download" transform="translate(81.000000, 1384.000000)">
<rect id="Background-Copy" fill="#1B42D8" x="0" y="0" width="30" height="30" rx="6"></rect>
<path d="M22.2499607,22.9999952 C22.6666262,22.9999952 23.0207923,22.8541621 23.3124581,22.5624963 C23.6041239,22.2708305 23.7499571,21.9166643 23.7499571,21.4999988 L23.7499571,21.4999988 L23.7499571,17.5000083 C23.7499571,17.0833428 23.6041239,16.7291767 23.3124581,16.4375109 C23.0207923,16.1458451 22.6666262,16.0000119 22.2499607,16.0000119 L22.2499607,16.0000119 L19.3749675,16.0000119 L20.8124641,14.5625153 C21.1249633,14.2500161 21.2760045,13.890642 21.265588,13.4843929 C21.2551715,13.0781439 21.1093384,12.7291862 20.8280891,12.4375204 C20.5468397,12.1458546 20.1874656,12.0000215 19.7499666,12.0000215 L19.7499666,12.0000215 L17.7499714,12.0000215 L17.7499714,8.50003338 C17.7499714,8.08336429 17.6041382,7.72919815 17.3124724,7.43753234 C17.0208066,7.14586652 16.6666405,7.00003338 16.249975,7.00003338 L16.249975,7.00003338 L13.2499821,7.00003338 C12.8333166,7.00003338 12.4791505,7.14586652 12.1874847,7.43753234 C11.8958188,7.72919815 11.7499857,8.08336429 11.7499857,8.50003338 L11.7499857,8.50003338 L11.7499857,12.0000215 L9.75,12.0000215 C9.33332495,12.0000215 8.98436729,12.1458546 8.70311796,12.4375204 C8.42186863,12.7291862 8.27603549,13.0781439 8.265619,13.4843929 C8.25520252,13.890642 8.39582718,14.2500161 8.687493,14.5625153 L8.687493,14.5625153 L10.1249896,16.0000119 L7.25,16.0000119 C6.83333091,16.0000119 6.47916477,16.1458451 6.18749896,16.4375109 C5.89583314,16.7291767 5.75,17.0833428 5.75,17.5000083 L5.75,17.5000083 L5.75,21.4999988 C5.75,21.9166643 5.89583314,22.2708305 6.18749896,22.5624963 C6.47916477,22.8541621 6.83333091,22.9999952 7.25,22.9999952 L7.25,22.9999952 L22.2499607,22.9999952 Z M14.7499785,18.500006 L9.74999046,13.5000179 L13.2499905,13.5000179 L13.2499905,8.5000298 L16.249975,8.5000298 L16.249975,13.5000179 L19.7499666,13.5000179 L14.7499785,18.500006 Z M22.2499607,21.5000083 L7.24999642,21.5000083 L7.24999642,17.5000083 L11.624986,17.5000083 L13.6874811,19.5625034 C13.9791469,19.8541692 14.333313,20.0000083 14.7499785,20.0000083 C15.1666441,20.0000083 15.5208102,19.8541692 15.812476,19.5625034 L15.812476,19.5625034 L17.8749711,17.5000083 L22.2499607,17.5000083 L22.2499607,21.5000083 Z M20.2499654,20.2500054 C20.4582984,20.2500054 20.635381,20.1770855 20.7812142,20.0312523 C20.9270473,19.8854192 20.9999672,19.7083366 20.9999672,19.5000036 C20.9999672,19.2916706 20.9270473,19.114588 20.7812142,18.9687548 C20.635381,18.8229217 20.4582984,18.7500054 20.2499654,18.7500054 C20.0416324,18.7500054 19.8645498,18.8229217 19.7187167,18.9687548 C19.5728836,19.114588 19.4999672,19.2916706 19.4999672,19.5000036 C19.4999672,19.7083366 19.5728836,19.8854192 19.7187167,20.0312523 C19.8645498,20.1770855 20.0416324,20.2500054 20.2499654,20.2500054 Z" id="d" fill="#F3EFEF" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

12
static/css/Icons/icn_external_link.svg

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_external_link</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-81.000000, -1430.000000)">
<g id="icn_external_link" transform="translate(81.000000, 1430.000000)">
<rect id="Background-Copy-2" fill="#1B42D8" x="0" y="0" width="30" height="30" rx="6"></rect>
<path d="M13.8437331,19.0000048 C13.9478993,19.0000048 14.0312326,18.9583384 14.0937325,18.8750051 L14.0937325,18.8750051 L22.5937122,10.3750253 L24.1249586,11.8750218 C24.2291248,12.0000215 24.359333,12.0312714 24.5155826,11.9687715 C24.6718323,11.9062717 24.7499571,11.7916885 24.7499571,11.6250224 L24.7499571,11.6250224 L24.7499571,7.37503248 C24.7499571,7.27086623 24.7134987,7.18232445 24.6405823,7.10940812 C24.567666,7.03649178 24.4791242,7.00003338 24.374958,7.00003338 L24.374958,7.00003338 L20.1249681,7.00003338 C19.958302,7.00003338 19.8437188,7.07815819 19.7812189,7.23440782 C19.7187191,7.39065745 19.749969,7.52086563 19.8749687,7.62503189 L19.8749687,7.62503189 L21.3749651,9.15627824 L12.8749854,17.656258 C12.7916521,17.7187578 12.7499857,17.8020911 12.7499857,17.9062574 C12.7499857,18.0104236 12.7916521,18.1041734 12.8749854,18.1875067 L12.8749854,18.1875067 L13.5624838,18.8750051 C13.6458171,18.9583384 13.7395668,19.0000048 13.8437331,19.0000048 Z M19.2499702,22.9999952 C19.6666357,22.9999952 20.0208019,22.8541621 20.3124677,22.5624963 C20.6041335,22.2708305 20.7499666,21.9166643 20.7499666,21.4999988 L20.7499666,21.4999988 L20.7499666,14.5625153 C20.7499666,14.3958492 20.6718418,14.281266 20.5155922,14.2187662 C20.3593426,14.1562663 20.2291344,14.1770998 20.1249681,14.281266 L20.1249681,14.281266 L19.3749699,15.0312642 C19.2916366,15.1145975 19.2499702,15.2083473 19.2499702,15.3125136 L19.2499702,15.3125136 L19.2499702,21.3124993 C19.2499702,21.3541657 19.2291368,21.3958325 19.1874703,21.437499 C19.1458039,21.4791654 19.1041371,21.4999988 19.0624706,21.4999988 L19.0624706,21.4999988 L8.43749598,21.4999988 C8.39582957,21.4999988 8.35416268,21.4791654 8.31249627,21.437499 C8.27082987,21.3958325 8.25,21.3541657 8.25,21.3124993 L8.25,21.3124993 L8.25,10.6875246 C8.25,10.6458582 8.27082987,10.6041913 8.31249627,10.5625249 C8.35416268,10.5208585 8.39582957,10.5000286 8.43749598,10.5000286 L8.43749598,10.5000286 L18.1249729,10.5000286 C18.2291391,10.5000286 18.3124724,10.4583586 18.3749723,10.3750253 L18.3749723,10.3750253 L19.1796579,9.57077383 C19.2577827,9.47673476 19.2708035,9.36461107 19.2187203,9.23440305 C19.1562204,9.07815342 19.0416372,9.00002861 18.8749711,9.00002861 L18.8749711,9.00002861 L8.25,9.00002861 C7.83333091,9.00002861 7.47916477,9.14586175 7.18749896,9.43752757 C6.89583314,9.72919338 6.75,10.0833595 6.75,10.5000286 L6.75,10.5000286 L6.75,21.4999988 C6.75,21.9166643 6.89583314,22.2708305 7.18749896,22.5624963 C7.47916477,22.8541621 7.83333091,22.9999952 8.25,22.9999952 L8.25,22.9999952 L19.2499702,22.9999952 Z" id="e" fill="#F3EFEF" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

12
static/css/Icons/icn_image.svg

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_image</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-225.000000, -1569.000000)">
<g id="icn_image" transform="translate(225.000000, 1569.000000)">
<rect id="Background-Copy-5" fill="#1B42D8" x="0" y="0" width="30" height="30" rx="6"></rect>
<path d="M21.4999654,20.9999714 C21.9166309,20.9999714 22.2707971,20.8541382 22.5624629,20.5624724 C22.8541287,20.2708066 22.9999619,19.9166405 22.9999619,19.499975 L22.9999619,19.499975 L22.9999619,10.5 C22.9999619,10.0833309 22.8541287,9.72916477 22.5624629,9.43749896 C22.2707971,9.14583314 21.9166309,9 21.4999654,9 L21.4999654,9 L8.5,9 C8.08333091,9 7.72916477,9.14583314 7.43749896,9.43749896 C7.14583314,9.72916477 7,10.0833309 7,10.5 L7,10.5 L7,19.499975 C7,19.9166405 7.14583314,20.2708066 7.43749896,20.5624724 C7.72916477,20.8541382 8.08333091,20.9999714 8.5,20.9999714 L8.5,20.9999714 L21.4999654,20.9999714 Z M21.3124659,19.499975 L8.68749598,19.499975 C8.64582957,19.499975 8.60416268,19.4791415 8.56249627,19.4374751 C8.52082987,19.3958087 8.49999642,19.3541418 8.49999642,19.3124754 L8.49999642,19.3124754 L8.49999642,10.687496 C8.49999642,10.6458296 8.52082987,10.6041627 8.56249627,10.5624963 C8.60416268,10.5208299 8.64582957,10.4999964 8.68749598,10.4999964 L8.68749598,10.4999964 L21.3124659,10.4999964 C21.3541323,10.4999964 21.3957992,10.5208299 21.4374656,10.5624963 C21.479132,10.6041627 21.4999654,10.6458296 21.4999654,10.687496 L21.4999654,10.687496 L21.4999654,19.3124754 C21.4999654,19.3541418 21.479132,19.3958087 21.4374656,19.4374751 C21.3957992,19.4791415 21.3541323,19.499975 21.3124659,19.499975 L21.3124659,19.499975 Z M10.9999905,14.2499934 C11.3541561,14.2499934 11.6510304,14.1301963 11.8906133,13.8906133 C12.1301963,13.6510304 12.2499934,13.3541561 12.2499934,12.9999905 C12.2499934,12.6458248 12.1301963,12.3489505 11.8906133,12.1093676 C11.6510304,11.8697847 11.3541561,11.7499934 10.9999905,11.7499934 C10.6458248,11.7499934 10.3489505,11.8697847 10.1093676,12.1093676 C9.86978467,12.3489505 9.74999344,12.6458248 9.74999344,12.9999905 C9.74999344,13.3541561 9.86978467,13.6510304 10.1093676,13.8906133 C10.3489505,14.1301963 10.6458248,14.2499934 10.9999905,14.2499934 Z M19.999969,17.9999785 L19.999969,15.4999845 L17.2499756,12.7499911 C17.1874757,12.6874912 17.1041424,12.6562413 16.9999762,12.6562413 C16.8958099,12.6562413 16.8124766,12.6874912 16.7499768,12.7499911 L16.7499768,12.7499911 L12.9999928,16.4999821 L11.7499887,15.2499851 C11.6874888,15.1874852 11.6041555,15.1562413 11.4999928,15.1562413 C11.395823,15.1562413 11.3124897,15.1874852 11.2499899,15.2499851 L11.2499899,15.2499851 L9.99999285,16.4999821 L9.99999285,17.9999785 L19.999969,17.9999785 Z" id="i" fill="#F3EFEF" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

9
static/css/Icons/icn_navigation_dot_active.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_navigation_dot_active</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage_collapsed" transform="translate(-297.000000, -1276.000000)" fill="#000000" stroke="#000000">
<circle id="icn_navigation_dot_active" cx="306" cy="1285" r="8"></circle>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 555 B

9
static/css/Icons/icn_navigation_dot_inactive.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_navigation_dot_inactive</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage_collapsed" transform="translate(-336.000000, -1276.000000)" stroke="#000000">
<circle id="icn_navigation_dot_inactive" cx="345" cy="1285" r="8"></circle>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 544 B

9
static/css/Icons/icn_open_small.svg

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_open_small</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage_collapsed" transform="translate(-1345.000000, -963.000000)" fill="#163ADC" fill-rule="nonzero">
<path d="M1351.49998,975 C1351.64582,975 1351.76561,974.953125 1351.85936,974.859375 C1351.95311,974.765626 1351.99998,974.645834 1351.99998,974.500001 L1351.99998,974.500001 L1351.99998,970.000012 L1356.49997,970.000012 C1356.64581,970.000012 1356.7656,969.953137 1356.85935,969.859387 C1356.9531,969.765637 1356.99997,969.645846 1356.99997,969.500013 L1356.99997,969.500013 L1356.99997,968.500015 C1356.99997,968.354182 1356.9531,968.234391 1356.85935,968.140641 C1356.7656,968.046892 1356.64581,968.000017 1356.49997,968.000017 L1356.49997,968.000017 L1351.99998,968.000017 L1351.99998,963.500029 C1351.99998,963.354194 1351.95311,963.234403 1351.85936,963.140653 C1351.76561,963.046903 1351.64582,963.000029 1351.49998,963.000029 L1351.49998,963.000029 L1350.49999,963.000029 C1350.35415,963.000029 1350.23436,963.046903 1350.14061,963.140653 C1350.04686,963.234403 1349.99999,963.354194 1349.99999,963.500029 L1349.99999,963.500029 L1349.99999,968.000017 L1345.5,968.000017 C1345.35417,968.000017 1345.23437,968.046892 1345.14062,968.140641 C1345.04687,968.234391 1345,968.354182 1345,968.500015 L1345,968.500015 L1345,969.500013 C1345,969.645846 1345.04687,969.765637 1345.14062,969.859387 C1345.23437,969.953137 1345.35417,970.000012 1345.5,970.000012 L1345.5,970.000012 L1349.99999,970.000012 L1349.99999,974.500001 C1349.99999,974.645834 1350.04686,974.765626 1350.14061,974.859375 C1350.23436,974.953125 1350.35415,975 1350.49999,975 L1350.49999,975 L1351.49998,975 Z" id="icn_open_small"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

11
static/css/Icons/icn_search.svg

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="21px" height="21px" viewBox="0 0 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_search</title>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Top_navigation" transform="translate(-1323.000000, -92.000000)" fill="#1B42D8" fill-rule="nonzero">
<g transform="translate(0.000000, 11.000000)" id="icn_search">
<path d="M1342.07721,101.499994 C1342.20742,101.499994 1342.32461,101.447911 1342.42877,101.343744 L1343.32721,100.484371 C1343.40533,100.380205 1343.4444,100.263018 1343.4444,100.13281 C1343.4444,100.002602 1343.40533,99.8984354 1343.32721,99.8203105 L1338.5616,95.0546969 C1338.48347,94.9765721 1338.3793,94.9375097 1338.2491,94.9375097 L1337.70222,94.9375097 C1338.32722,94.2083446 1338.8155,93.388034 1339.16706,92.4765781 C1339.51862,91.5651221 1339.69441,90.6146031 1339.69441,89.6250224 C1339.69441,88.1406509 1339.32982,86.7799773 1338.60066,85.5430008 C1337.87149,84.3060244 1336.88842,83.3229542 1335.65145,82.5937891 C1334.41447,81.864624 1333.0538,81.5000417 1331.56943,81.5000417 C1330.08505,81.5000417 1328.72438,81.864624 1327.4874,82.5937891 C1326.25043,83.3229542 1325.26736,84.3060244 1324.53819,85.5430008 C1323.80903,86.7799773 1323.44444,88.1406509 1323.44444,89.6250224 C1323.44444,91.1093938 1323.80903,92.4700675 1324.53819,93.7070439 C1325.26736,94.9440203 1326.25043,95.9270905 1327.4874,96.6562556 C1328.72438,97.3854207 1330.08505,97.750003 1331.56943,97.750003 C1332.55901,97.750003 1333.50952,97.5742221 1334.42098,97.2226605 C1335.33244,96.8710988 1336.15275,96.3828187 1336.88191,95.7578202 L1336.88191,96.3046939 C1336.88191,96.4088605 1336.92097,96.5130266 1336.9991,96.6171932 L1341.76471,101.343744 C1341.84284,101.447911 1341.947,101.499994 1342.07721,101.499994 Z M1331.56943,95.8750075 C1330.44964,95.8750075 1329.40797,95.59506 1328.44443,95.0351657 C1327.48089,94.4752714 1326.71918,93.7135545 1326.15928,92.7500149 C1325.59939,91.7864753 1325.31944,90.7448115 1325.31944,89.6250224 C1325.31944,88.5052332 1325.59939,87.4635694 1326.15928,86.5000298 C1326.71918,85.5364902 1327.48089,84.7747733 1328.44443,84.214879 C1329.40797,83.6549847 1330.44964,83.3750373 1331.56943,83.3750373 C1332.68921,83.3750373 1333.73088,83.6549847 1334.69442,84.214879 C1335.65796,84.7747733 1336.41967,85.5364902 1336.97957,86.5000298 C1337.53946,87.4635694 1337.81941,88.5052332 1337.81941,89.6250224 C1337.81941,90.7448115 1337.53946,91.7864753 1336.97957,92.7500149 C1336.41967,93.7135545 1335.65796,94.4752714 1334.69442,95.0351657 C1333.73088,95.59506 1332.68921,95.8750075 1331.56943,95.8750075 Z"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

12
static/css/Icons/icn_video.svg

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>icn_video</title>
<g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="7.-DAAP_ArtworkPage" transform="translate(-83.000000, -1569.000000)">
<g id="icn_video" transform="translate(83.000000, 1569.000000)">
<rect id="Background-Copy-3" fill="#1B42D8" x="0" y="0" width="30" height="30" rx="6"></rect>
<path d="M17.3749729,20.9999714 C17.8333053,20.9999714 18.2187209,20.8541382 18.5312201,20.5624724 C18.8437194,20.2708066 18.999969,19.9166405 18.999969,19.499975 L18.999969,19.499975 L18.999969,17.6874793 L22.4374608,19.8124742 C22.6041269,19.9374739 22.7916265,19.9999738 22.9999595,19.9999738 C23.2707923,19.9999738 23.5051668,19.906224 23.7030828,19.7187244 C23.9009988,19.5312249 23.9999571,19.291642 23.9999571,18.9999762 L23.9999571,18.9999762 L23.9999571,10.9687453 C23.9999571,10.6979125 23.9009988,10.4687465 23.7030828,10.2812469 C23.5051668,10.0937474 23.2707923,10 22.9999595,10 C22.7916265,10 22.6041269,10.0624975 22.4374608,10.1874972 L22.4374608,10.1874972 L18.999969,12.3124921 L18.999969,10.5 C18.999969,10.0833309 18.8437194,9.72916477 18.5312201,9.43749896 C18.2187209,9.14583314 17.8333053,9 17.3749729,9 L17.3749729,9 L7.62499613,9 C7.16666373,9 6.78124814,9.14583314 6.46874888,9.43749896 C6.15624963,9.72916477 6,10.0833309 6,10.5 L6,10.5 L6,19.499975 C6,19.9166405 6.15624963,20.2708066 6.46874888,20.5624724 C6.78124814,20.8541382 7.16666373,20.9999714 7.62499613,20.9999714 L7.62499613,20.9999714 L17.3749729,20.9999714 Z M17.3749729,19.499975 L7.62499613,19.499975 C7.56249627,19.499975 7.52082987,19.4895585 7.49999642,19.468725 L7.49999642,19.468725 L7.49999642,10.5312463 C7.54166283,10.5104129 7.58332972,10.4999964 7.62499613,10.4999964 L7.62499613,10.4999964 L17.3749729,10.4999964 C17.4374727,10.4999964 17.4791391,10.5104129 17.4999726,10.5312463 L17.4999726,10.5312463 L17.4999726,19.468725 C17.4583062,19.4895585 17.4166393,19.499975 17.3749729,19.499975 L17.3749729,19.499975 Z M22.499969,18.0937283 L18.999969,15.9062431 L18.999969,14.0937379 L22.499969,11.9062431 L22.499969,18.0937283 Z" id="v" fill="#F3EFEF" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
static/css/Icons/placeholder_no-image2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

37
static/css/style.css

@ -409,7 +409,9 @@ tbody tr th a{
color: #000000; color: #000000;
} }
#artistsindex-table_paginate{
background-color: #E9E9E9;
}
.dataTables_paginate { .dataTables_paginate {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -417,8 +419,8 @@ tbody tr th a{
align-content: baseline; align-content: baseline;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 42px; padding-top: 42px;
margin-bottom: 52px; padding-bottom: 52px;
font-family: Roboto Condensed; font-family: Roboto Condensed;
font-size: 14px; font-size: 14px;
line-height: 48px; line-height: 48px;
@ -428,7 +430,7 @@ tbody tr th a{
max-width: 376px; max-width: 376px;
} }
.dataTables_paginate span { .dataTables_paginate > span {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
@ -440,13 +442,38 @@ a.current {
width: 36px; width: 36px;
border-radius: 6px; border-radius: 6px;
background-color: #1B42D8; background-color: #1B42D8;
margin: auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-content: baseline; align-content: baseline;
line-height: 36px; line-height: 36px;
margin-top: 6px;
cursor: pointer; cursor: pointer;
} }
.paginate_button{
cursor: pointer;
}
a.paginate_button.previous, a.paginate_button.next{
display: flex;
flex-direction: row;
}
a.paginate_button.previous:before {
display: inline-block;
content: ' ';
background-image: url('Icons/icn_arrow_left.svg');
background-size: 16px 16px;
height: 16px;
width: 16px;
margin: 16px 16px 0px 0px;
}
a.paginate_button.next:after {
display: inline-block;
content: ' ';
background-image: url('Icons/icn_arrow_right.svg');
background-size: 16px 16px;
height: 16px;
width: 16px;
margin: 16px 0px 0px 16px;
}
/************ TEXT STYLES************/ /************ TEXT STYLES************/
.title { .title {

Loading…
Cancel
Save