jules 4 years ago
parent
commit
a725b9799b
  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. 479
      static/css/style.css
  16. BIN
      static/css/webfonts/Roboto.zip
  17. 202
      static/css/webfonts/Roboto_Regular/LICENSE.txt
  18. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Black.ttf
  19. BIN
      static/css/webfonts/Roboto_Regular/Roboto-BlackItalic.ttf
  20. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Bold.ttf
  21. BIN
      static/css/webfonts/Roboto_Regular/Roboto-BoldItalic.ttf
  22. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Italic.ttf
  23. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Light.ttf
  24. BIN
      static/css/webfonts/Roboto_Regular/Roboto-LightItalic.ttf
  25. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Medium.ttf
  26. BIN
      static/css/webfonts/Roboto_Regular/Roboto-MediumItalic.ttf
  27. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Regular.ttf
  28. BIN
      static/css/webfonts/Roboto_Regular/Roboto-Thin.ttf
  29. BIN
      static/css/webfonts/Roboto_Regular/Roboto-ThinItalic.ttf
  30. 4
      templates/artistsindex.html
  31. 8
      templates/browsebycategory.html
  32. 12
      templates/browsethearchive.html
  33. 21
      templates/home.html
  34. 15
      templates/layout.html
  35. 4
      templates/publishersindex.html
  36. 4
      templates/selfpublishedindex.html
  37. 4
      templates/zinesindex.html

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

479
static/css/style.css

@ -2,7 +2,7 @@
/************ FONTS ************/ /************ FONTS ************/
@font-face { @font-face {
font-family: 'Roboto Condensed'; font-family: 'Roboto Condensed Bold';
src: url('webfonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype'); src: url('webfonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
@ -16,6 +16,13 @@ font-style: normal;
} }
@font-face {
font-family: 'Roboto Regular';
src: url('webfonts/Roboto_Regular/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/***************** EMERGENCY BUTTON AND MOCKUPS****************/ /***************** EMERGENCY BUTTON AND MOCKUPS****************/
div#backend-data-button{ div#backend-data-button{
background-color: #1B42D8; background-color: #1B42D8;
@ -52,100 +59,182 @@ img.artwork-mockuppage{
} }
/************ LAYOUT ************/ /************ LAYOUT ************/
html,body{ :root {
--black: #000000;
--blue-blue: #1b42d8;
--white: #fdfdfd;
--brown-grey: #7f7f7f;
--very-light-pink: #e9e9e9;
}
html {
margin:0; margin:0;
padding:0; padding:0;
height: 100%; height: 100vh;
font-family: 'Roboto Condensed', sans-serif; width: 100vw;
font-family: 'Roboto', sans-serif;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit; }
body {
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
color: var(--black);
margin: 0;
padding: 0;
} }
/*Header*/ /*Header*/
div#header{ div#header{
width: 100%; width: 100%;
/*border:1px solid blue;*/
background-color: #FFFFFF; background-color: #FFFFFF;
height: 134px; height: 134px;
border-bottom: 3px solid #000; border-bottom: 3px solid #000;
display: flex;
width: 100%;
/* display: grid;*/
} }
div#header-top{ div#header-top{
display: grid; display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
/* display: grid;
grid-template-columns: 5% 67.5% 27.5%; grid-template-columns: 5% 67.5% 27.5%;
grid-template-rows: 100%; grid-template-rows: 100%;
grid-column-gap: 0px; grid-column-gap: 0px;
grid-row-gap: 0px; grid-row-gap: 0px;
align-items: center; align-items: center;
*/
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
#title-nav{
width: 100%;
}
div#animatedlogo{ div#animatedlogo{
grid-area: 1 / 1 / 2 / 2; display: flex;
/* grid-area: 1 / 1 / 2 / 2;*/
} }
div#animatedlogo img{ div#animatedlogo img{
height: 43px; width: auto;
max-height: 130px;
justify-self: center; justify-self: center;
} }
div#header-title{ div#header-title{
grid-area: 1 / 2 / 2 / 3; /* grid-area: 1 / 2 / 2 / 3;*/
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 25px;
} }
div#header-title a:link, div#header-title a:visited { div#header-title a:link, div#header-title a:visited {
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;
} }
div#header-keyword-search{ div#header-keyword-search{
grid-area: 1 / 3 / 2 / 4; /* grid-area: 1 / 3 / 2 / 4;*/
justify-self: center;
background: yellow;
color: blue;
} }
div#header-keyword-search span { div#header-keyword-search span {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
padding: 2px 10px; padding: 2px 10px;
border: 8px solid yellow;
background: yellow;
} }
div#header-top div#header-keyword-search input[type=text]{ div#header-top div#header-keyword-search input[type=text]{
background-color: #e9e9e9; background-color: #e9e9e9;
color: #7f7f7f; color: #7f7f7f;
font-size: 18px; font-size: 18px;
line-height: 38px;
letter-spacing: 1px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
width: 257px; width: 257px;
height: 43px; height: 43px;
border: none;
padding: 2px 2px 2px 12px;
}
div#header-top div#header-keyword-search:after {
display: inline-block;
content: ' ';
background-image: url('Icons/icn_search.svg');
background-size: 16px 16px;
height: 16px;
width: 16px;
margin: 0px 16px 0px -32px;
} }
div#header-top, div#navigation{ div#header-top, div#navigation{
width: 100%; width: 100%;
height: 67px; height: 67px;
padding-right: 80px;
} }
div#navigation{ div#navigation{
display: grid; display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
/* display: grid;
grid-template-columns: 8% repeat(2, 12%) 1fr repeat(2, 10%) 12.5%; grid-template-columns: 8% repeat(2, 12%) 1fr repeat(2, 10%) 12.5%;
grid-template-rows: 100%; grid-template-rows: 100%;
grid-column-gap: 0px; grid-column-gap: 0px;
grid-row-gap: 0px; grid-row-gap: 0px;
padding-left: 5%; padding-left: 5%;
align-items: center; align-items: center;
*/
font-family: Roboto;
font-size: 18px;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.44;
letter-spacing: normal;
color: var(--black);
}
#nav-left {
display: flex;
flex-direction: row;
}
#nav-right {
display: flex;
flex-direction: row;
} }
#nav-left div, #nav-right div {
padding: 0px 16px;
}
#nav-left div:first-child, #nav-right div:first-child{
padding-left: 0px;
}
#nav-right div:last-child {
padding-right: 0px;
}
div#navigation a{ div#navigation a{
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
text-decoration: none; text-decoration: none;
font-weight: normal;
color: black; color: black;
font-size: 16px; font-size: 18px;
line-height: 26px;
height: 67px; height: 67px;
} }
div#nav-about { div#navigation a:hover {
color: #1b42d8;
}
/*div#nav-about {
grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2;
} }
div#nav-browse-archive { grid-area: 1 / 2 / 2 / 3; } div#nav-browse-archive { grid-area: 1 / 2 / 2 / 3; }
@ -159,12 +248,12 @@ div#nav-upload { grid-area: 1 / 6 / 2 / 7;
justify-self: center; justify-self: center;
color: lightgrey;} color: lightgrey;}
div#nav-login { grid-area: 1 / 7 / 2 / 8; } div#nav-login { grid-area: 1 / 7 / 2 / 8; }
*/
/*Footer*/ /*Footer*/
div#footer{ div#footer{
padding-top: 20px; padding: 55px 0px;
height: 229px; /*max-height: 229px;*/
width: 100%; width: 100%;
bottom: 0; bottom: 0;
background-color: black; background-color: black;
@ -175,7 +264,6 @@ div#footer{
grid-column-gap: 0px; grid-column-gap: 0px;
grid-row-gap: 0px; grid-row-gap: 0px;
} }
div#footer-title-br{ div#footer-title-br{
grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2;
padding-left: 30%; padding-left: 30%;
@ -186,18 +274,20 @@ div#footer-title-others{
div#footer-title-socials{ div#footer-title-socials{
grid-area: 1 / 3 / 2 / 4; grid-area: 1 / 3 / 2 / 4;
} }
div#footer-title-contact{ div#footer-title-contact{
grid-area: 1 / 4 / 2 / 5; grid-area: 1 / 4 / 2 / 5;
} }
div#footer-title-br p, div#footer-title-others p, div#footer-title-contact p, div#footer-title-socials p{ div#footer-title-br p, div#footer-title-others p, div#footer-title-contact p, div#footer-title-socials p{
text-transform: uppercase; text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
color:#7f7f7f;
font-size: 16px; font-size: 16px;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.5;
letter-spacing: 1.5px;
color: var(--brown-grey);
} }
div#footer-img-br{ div#footer-img-br{
grid-area: 2 / 1 / 3 / 2; grid-area: 2 / 1 / 3 / 2;
padding-left: 30%; padding-left: 30%;
@ -226,12 +316,22 @@ div#footer-img-wiki img{
div#footer-socials-links{ div#footer-socials-links{
grid-area: 2 / 3 / 3 / 4; grid-area: 2 / 3 / 3 / 4;
} }
div#footer-socials-links p{
margin-top: 0px;
margin-bottom: 0px;
}
div#footer-socials-links a{ div#footer-socials-links a{
text-decoration: none; text-decoration: none;
color:#FFFFFF; color:#FFFFFF;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Regular', sans-serif;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
} }
div#footer-contact{ div#footer-contact{
grid-area: 2 / 4 / 3 / 5; grid-area: 2 / 4 / 3 / 5;
padding-top: 5%; padding-top: 5%;
@ -250,9 +350,6 @@ div#footer-contact a{
color: #FFFFFF; color: #FFFFFF;
font-weight: bold; font-weight: bold;
} }
div#footer div#footer-top div#footer-top-left, div#footer div#footer-top div#footer-top-left,
div#footer div#footer-top div#footer-top-right{ div#footer div#footer-top div#footer-top-right{
display: inline-flex; display: inline-flex;
@ -269,15 +366,11 @@ div#footer div#footer-right{
float: right; float: right;
/*position: absolute;*/ /*position: absolute;*/
} }
div#footer div#footer-left div, div#footer div#footer-left div,
div#footer div#footer-right div{ div#footer div#footer-right div{
display: inline-block; display: inline-block;
border:cyan 1px solid; border:cyan 1px solid;
} }
input#newslettersubs{ input#newslettersubs{
background-color: #000000; background-color: #000000;
color:#FFFFFF; color:#FFFFFF;
@ -300,13 +393,13 @@ input.submitemail{
/*div#home-recent-title, div#browsethearchive-title, div#artistsindex-title, div#publishersindex-title, div#selfpublishedindex-title, div#zinesindex-title, */ /*div#home-recent-title, div#browsethearchive-title, div#artistsindex-title, div#publishersindex-title, div#selfpublishedindex-title, div#zinesindex-title, */
div.pagetitle{ div.pagetitle{
margin-top: 60px; margin: 60px 80px 30px 80px;
margin-bottom: 30px;
font-size: 25px; font-size: 25px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
margin-left: 5%; letter-spacing: 1.88px;
line-height: 35px;
} }
/******************************************************/ /******************************************************/
@ -318,85 +411,248 @@ div.pagetitle{
table, th, td { table, th, td {
border-bottom: 1px solid black; border-bottom: 1px solid black;
border-collapse: collapse; border-collapse: collapse;
padding: 10px 30px 10px 30px; text-align: left;
} }
#artistsindex-table_wrapper{ overflow-x:auto; }
#artistsindex-table, #publishersindex-table, #zinesindex-table, #selfpublishedindex-table {
width: 100%; }
thead tr th:first-child { padding: 0px 0px 0px 80px }
thead tr th:last-child { padding: 0px 80px 0px 0px }
tr { padding: 10px 80px 10px 80px; }
th { padding: 22px; }
.idnumber { padding: 0px 0px 0px 80px }
.label { font-weight: bold;}
.altaliases {}
.description { padding: 0px 80px 0px 0px }
thead tr th{ thead tr th{
text-transform: uppercase; text-transform: uppercase;
color:#7f7f7f; color:#7f7f7f;
font-size: 16px; font-size: 16px;
letter-spacing: 1.5px;
line-height: 24px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: normal; font-weight: normal;
border-bottom: black 3px solid; border-bottom: black 3px solid;
} }
tbody tr th{ tbody tr th{
font-size: 20px; font-size: 18px;
line-height: 26px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
font-weight: normal; font-weight: normal;
} }
tbody tr th.label a{
font-weight: bold;
}
tbody tr th a{ tbody tr th a{
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;
} }
tbody tr th.description{ #artistsindex-table_paginate{
background-color: #E9E9E9;
}
.dataTables_paginate {
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: baseline;
margin-left: auto;
margin-right: auto;
padding-top: 42px;
padding-bottom: 52px;
font-family: Roboto Condensed;
font-size: 14px;
line-height: 48px;
font-weight: bold;
font-stretch: condensed;
min-height: 48px;
max-width: 376px;
}
.dataTables_paginate > span {
display: flex;
flex-direction: row;
justify-content: space-around;
width: 100%;
}
a.current {
height: 36px;
width: 36px;
border-radius: 6px;
background-color: #1B42D8;
display: flex;
align-content: baseline;
margin-top: 6px;
align-items: center;
justify-content: center;
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************/
.title {
/* width: 200px;
height: 26px;*/
font-family: Roboto Condensed;
font-size: 18px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 1.44;
letter-spacing: 0.9px;
color: var(--black);
}
.date {
font-family: Roboto Regular;
font-size: 16px; font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
color: var(--black);
} }
/************ BUTTONS ************/
.primary-button {
max-width: 365px;
min-height: 48px;
font-family: Roboto;
font-size: 14px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: 1.5px;
text-align: center;
color: #ffffff;
cursor: pointer;
}
/************ RECENTLY ADDED + HOME ************/ .secondary-button {
width: 365px;
height: 48px;
font-family: Roboto;
font-size: 14px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: normal;
letter-spacing: 1.5px;
text-align: center;
color: var(--blue-blue);
cursor: pointer;
}
.artwork-button {
width: 76px;
height: 24px;
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-stretch: condensed;
font-style: normal;
line-height: 1.5;
letter-spacing: 1.5px;
text-align: center;
color: var(--black);
cursor: pointer;
}
/************ HOME & Browse Archive Layout ************/
/*Top div*/ /*Home Top div*/
div#home-top-div{ div#home-top-div{
height: 661px; height: 661px;
border:blue solid 1px; border:blue solid 1px;
} }
img.home-recent-imgs, img.browsethearchive-imgs{
img.home-recent-imgs{ width: 100%;
/*max-height: 200px;*/
width: 200px;
} }
div.home-recent-items{ div.home-recent-items, div.browsethearchive-items{
display: inline-block;
padding:10px; padding:10px;
font-size: 16px; font-size: 16px;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;
color: #7f7f7f;
margin: 0 auto; margin: 0 auto;
border:solid; display: flex;
flex-direction: column;
align-content: center;
/*justify-content: space-between;*/
height: 100%;
} }
div.home-recent-items a{
font-size: 20px; div.home-recent-items a, div.browsethearchive-items a {
font-family: 'Roboto Condensed', sans-serif; font-size: 18px;
font-weight: bold; line-height: 26px;
font-family: 'Roboto Condensed Bold', sans-serif;
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
} }
div#home-recent-grid{
max-width: 90%; div.home-recent-items-top, div.browsethearchive-items-top {
margin: 0 auto; display: flex;
flex-direction: column;
margin: auto;
}
div.home-recent-items-bottom, div.browsethearchive-items-bottom {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-basis: 100px;
justify-content: flex-start;
}
div#home-recent-grid, div#browsethearchive-grid{
width: 100%;
padding: 0px 80px;
display: grid; display: grid;
grid-gap: 2rem;
/*border: 1px solid blue;*/
text-align: center; text-align: center;
grid-gap: 2rem;
} }
div#show-button-wrapper{ div#show-button-wrapper{
width: 100%; width: 100%;
} }
div.home-show-wrapper{
width: 100%;
margin: 60px 0px;
}
span.home-show{ span.home-show{
display: flex;
margin: auto;
background-color: #1b42d8; background-color: #1b42d8;
border-radius: 6px; border-radius: 6px;
color: #FFFFFF; color: #FFFFFF;
@ -405,29 +661,45 @@ span.home-show{
font-weight: bold; font-weight: bold;
height: 48px; height: 48px;
width: 365px; width: 365px;
cursor: pointer;
} }
@media (min-width: 600px) { @media (min-width: 600px) {
#home-recent-grid { grid-template-columns: repeat(2, 1fr); } #home-recent-grid, #browsethearchive-grid { grid-template-columns: repeat(2, 1fr); }
} }
@media (min-width: 1000px) { @media (min-width: 1000px) {
#home-recent-grid { grid-template-columns: repeat(4, 1fr); } #home-recent-grid, #browsethearchive-grid { grid-template-columns: repeat(4, 1fr); }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
#home-recent-grid { grid-template-columns: repeat(6, 1fr); } #home-recent-grid, #browsethearchive-grid { grid-template-columns: repeat(6, 1fr); }
} }
/************ BROWSE THE ARCHIVE ************/ /*@media (min-width: 300px) {
#browsethearchive-grid { grid-template-columns: repeat(2, 1fr); }
}
img.browsethearchive-imgs{ @media (min-width: 700px) {
width: 200px; #browsethearchive-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
#browsethearchive-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1600px) {
#browsethearchive-grid { grid-template-columns: repeat(6, 1fr); }
} }
*/
/************ BROWSE THE ARCHIVE Pagination ************/
/*img.browsethearchive-imgs{
width: 200px;
}
div.browsethearchive-items{ div.browsethearchive-items{
display: inline-block; display: inline-block;
padding:10px; padding:10px;
@ -448,9 +720,8 @@ div#browsethearchive-grid{
margin: 0 auto 60px auto; margin: 0 auto 60px auto;
display: grid; display: grid;
grid-gap: 2rem; grid-gap: 2rem;
/*border: 1px solid blue;*/
text-align: center; text-align: center;
} }*/
.current { .current {
background-color: #1b42d8; background-color: #1b42d8;
@ -489,47 +760,35 @@ height: 139px;
text-align: center; text-align: center;
} }
@media (min-width: 300px) {
#browsethearchive-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 700px) {
#browsethearchive-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
#browsethearchive-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1600px) {
#browsethearchive-grid { grid-template-columns: repeat(6, 1fr); }
}
/************ BROWSE BY CATEGORY ************/ /************ BROWSE BY CATEGORY ************/
div#browsebycategory-listcategories{ div#browsebycategory-listcategories{
margin: 0px 80px 60px 80px;
} }
div.browsebycategory-categories{ div.browsebycategory-categories{
border: black 1px solid; margin: 22px 0px;
margin: 10px; padding: 16px;
padding: 10px; border-radius: 6px;
width: 20em; background-color: var(--blue-blue);
display: flex;
flex-direction: row;
flex-wrap: wrap;
} }
div.browsebycategory-categories a {
font-family: Roboto Condensed;
color: #ffffff;
text-decoration: none;
margin: auto;
display: inline-block;
}
/************ SEARCH TOOLS ************/ /************ SEARCH TOOLS ************/
/*********************************************/ /*********************************************/
/************ PERSON AND ARTWORK ************/ /************ PERSON AND ARTWORK ************/
/*******************************************/ /*******************************************/

BIN
static/css/webfonts/Roboto.zip

Binary file not shown.

202
static/css/webfonts/Roboto_Regular/LICENSE.txt

@ -0,0 +1,202 @@
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Black.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-BlackItalic.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Bold.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-BoldItalic.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Italic.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Light.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-LightItalic.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Medium.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-MediumItalic.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Regular.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-Thin.ttf

Binary file not shown.

BIN
static/css/webfonts/Roboto_Regular/Roboto-ThinItalic.ttf

Binary file not shown.

4
templates/artistsindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["creatorsLabel"]['value'] }}</a></th> <th class="label"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["creatorsLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "creatorsAltLabel" in x %} {% if "creatorsAltLabel" in x %}
{{ x["creatorsAltLabel"]["value"] }} {{ x["creatorsAltLabel"]["value"] }}
{% endif %} {% endif %}

8
templates/browsebycategory.html

@ -2,10 +2,10 @@
{% block content %} {% block content %}
<div id="browsebycategory-listcategories"> <div id="browsebycategory-listcategories">
<div class="browsebycategory-categories"><a href="{{ url_for('artistsindex') }}">BROWSE BY CREATOR/CONTRIBUTOR</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('artistsindex') }}">BROWSE BY CREATOR/CONTRIBUTOR</a></div>
<div class="browsebycategory-categories"><a href="{{ url_for('publishersindex') }}">BROWSE BY PUBLISHER</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('publishersindex') }}">BROWSE BY PUBLISHER</a></div>
<div class="browsebycategory-categories"><a href="{{ url_for('selfpublishedindex') }}">BROWSE ALL SELF-PUBLISHED</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('selfpublishedindex') }}">BROWSE ALL SELF-PUBLISHED</a></div>
<div class="browsebycategory-categories"><a href="{{ url_for('zinesindex') }}">BROWSE ALL ZINES</a></div> <div class="browsebycategory-categories primary-button"><a href="{{ url_for('zinesindex') }}">BROWSE ALL ZINES</a></div>
<div>More categories coming soon...</div> <div>More categories coming soon...</div>
</div> </div>

12
templates/browsethearchive.html

@ -8,6 +8,7 @@
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<div class="browsethearchive-items"> <div class="browsethearchive-items">
<div class="browsethearchive-items-top">
{% if "image" in x %} {% if "image" in x %}
<a href='/artwork?id={{ x["work"]["value"] | replace("http://wikibase.svc/entity/", "") }}'> <a href='/artwork?id={{ x["work"]["value"] | replace("http://wikibase.svc/entity/", "") }}'>
<img class="browsethearchive-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'> <img class="browsethearchive-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
@ -17,14 +18,21 @@
<img class="browsethearchive-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"><br> <img class="browsethearchive-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"><br>
</a> </a>
{% endif %} {% endif %}
<a href='/artwork?id={{ x["work"]["value"] | replace("http://wikibase.svc/entity/", "") }}'> </div>
<div class="browsethearchive-items-bottom">
<a class="title" href='/artwork?id={{ x["work"]["value"] | replace("http://wikibase.svc/entity/", "") }}'>
{{ x["workLabel"]["value"]}} {{ x["workLabel"]["value"]}}
</a> <br> </a> <br>
<span class="date">
{% if "date" in x %} {% if "date" in x %}
{{ x["date"]["value"] | replace("T00:00:00Z", "") }} <br> {{ x["date"]["value"] | replace("T00:00:00Z", "") }}
</span>
{% endif %} {% endif %}
</div> </div>
</div>
{% endfor %} {% endfor %}
</div> </div>

21
templates/home.html

@ -1,18 +1,16 @@
{% extends "layout.html" %} {% extends "layout.html" %}
{% block content %} {% block content %}
<div id="home-top-div"> <div id="home-top-div"></div>
</div>
<div id="home-recently-added-works"> <div id="home-recently-added-works">
<div class="pagetitle" id="home-recent-title">RECENTLY ADDED WORKS</div> <div class="pagetitle" id="home-recent-title">RECENTLY ADDED WORKS</div>
<div id="home-recent-grid"> <div id="home-recent-grid">
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<div class="home-recent-items"> <div class="home-recent-items">
<div class="home-recent-items-top">
{% if "image" in x %} {% if "image" in x %}
<a href='/artwork?id={{ x["work"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> <a href='/artwork?id={{ x["work"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
<img class="home-recent-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'> <img class="home-recent-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
@ -22,20 +20,27 @@
<img class="home-recent-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"><br> <img class="home-recent-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"><br>
</a> </a>
{% endif %} {% endif %}
<a href='/artwork?id={{ x["work"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> </div>
<div class="home-recent-items-bottom">
<a class="title" href='/artwork?id={{ x["work"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
{{ x["workLabel"]["value"]}} {{ x["workLabel"]["value"]}}
</a> <br> </a> <br>
<span class="date">
{% if "date" in x %} {% if "date" in x %}
{{ x["date"]["value"] | replace("T00:00:00Z", "") }} <br> {{ x["date"]["value"] | replace("T00:00:00Z", "") }}
</span>
{% endif %} {% endif %}
</div> </div>
{% endfor %}
<span class="home-show"></span> </div>
{% endfor %}
</div> </div>
<div class="home-show-wrapper"><span class="home-show"></span></div>
</div> </div>
<!-- <!--

15
templates/layout.html

@ -12,30 +12,33 @@
<body> <body>
<div id="header"> <div id="header">
<div id="header-top">
<div id="animatedlogo"> <div id="animatedlogo">
<img src="{{ url_for('static', filename='/imgs/Logos/DAAP BR square logo -Animated Image (Small).gif') }}"> <img src="{{ url_for('static', filename='/imgs/Logos/DAAP BR square logo -Animated Image (Small).gif') }}">
</div> </div>
<div id="title-nav">
<div id="header-top">
<div id="header-title"> <div id="header-title">
<a href="{{ url_for('home') }}">DIGITAL ARCHIVE OF ARTISTS' PUBLISHING</a> <a href="{{ url_for('home') }}">DAAP</a>
</div> </div>
<div id="header-keyword-search"> <div id="header-keyword-search">
<input type="text" id="fname" name="fname" value="Keyword search"> <input type="text" id="fname" name="fname" value="" placeholder="Keyword search">
</div> </div>
</div> </div>
<div id="navigation"> <div id="navigation">
<div id="nav-left">
<div id="nav-about"><a href="{{ url_for('about') }}">About</a></div> <div id="nav-about"><a href="{{ url_for('about') }}">About</a></div>
<div id="nav-browse-archive"><a href="{{ url_for('browsethearchive') }}">Browse the archive</a></div> <div id="nav-browse-archive"><a href="{{ url_for('browsethearchive') }}">Browse the archive</a></div>
<div id="nav-browse-category"><a href="{{ url_for('browsebycategory') }}">Browse by category</a></div> <div id="nav-browse-category"><a href="{{ url_for('browsebycategory') }}">Browse by category</a></div>
<div id="nav-search"><a href="{{ url_for('searchtools') }}">Search tools</a></div> <div id="nav-search"><a href="{{ url_for('searchtools') }}">Search tools</a></div>
</div>
<div id="nav-right">
<div id="nav-tutorials"><a href="{{ url_for('tutorials') }}">Tutorials</a></div> <div id="nav-tutorials"><a href="{{ url_for('tutorials') }}">Tutorials</a></div>
<div id="nav-upload"><a href="{{ url_for('upload') }}">Upload</a></div> <div id="nav-upload"><a href="{{ url_for('upload') }}">Upload</a></div>
<div id="nav-login"><a href="https://daap.bannerrepeater.org/w/index.php?title=Special:UserLogin&returnto=Main+Page">Log in</a></div> <div id="nav-login"><a href="https://daap.bannerrepeater.org/w/index.php?title=Special:UserLogin&returnto=Main+Page">Log in</a></div>
</div> </div>
</div>
</div>
</div> </div>

4
templates/publishersindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["publishersLabel"]['value'] }}</a></th> <th class="label"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["publishersLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "publishersAltLabel" in x %} {% if "publishersAltLabel" in x %}
{{ x["publishersAltLabel"]["value"] }} {{ x["publishersAltLabel"]["value"] }}
{% endif %} {% endif %}

4
templates/selfpublishedindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th> <th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "workAltLabel" in x %} {% if "workAltLabel" in x %}
{{ x["workAltLabel"]["value"] }} {{ x["workAltLabel"]["value"] }}
{% endif %} {% endif %}

4
templates/zinesindex.html

@ -15,9 +15,9 @@
<tbody> <tbody>
{% for x in results['results']['bindings']%} {% for x in results['results']['bindings']%}
<tr> <tr>
<th><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th> <th class="idnumber"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
<th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th> <th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th>
<th> <th class="altaliases">
{% if "workAltLabel" in x %} {% if "workAltLabel" in x %}
{{ x["workAltLabel"]["value"] }} {{ x["workAltLabel"]["value"] }}
{% endif %} {% endif %}

Loading…
Cancel
Save