server actix for cannabinieri website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

78 lines
3.5 KiB

3 years ago
2 years ago
3 years ago
2 years ago
3 years ago
  1. {% extends "base.html" %}
  2. {% block content %}
  3. <!--nodes in svg as links-->
  4. <!--animation with CSS-->
  5. <!--nodes load template based on get request on click-->
  6. <!--content(info) is loaded into placeholder in template-->
  7. <!--actix get div and load on click-->
  8. <div id="mobile">
  9. <svg id="a" width="320" height="568" version="1.1" viewBox="0 0 80 175" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  10. <defs>
  11. <pattern id="spiderpi" height="100%" width="100%">
  12. <image href="/assets/img/spider_out.webp" width="44" height="30"></image>
  13. </pattern>
  14. </defs>
  15. <g id="position" transform="translate(-36.486 -121.6)" stroke="#000">
  16. <g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)">
  17. <g class="group_1">
  18. <path id="edge_1" class="edges" d="m33.037 28.44c23.239 25.242 23.239 25.228 23.239 25.228" stroke-width="2.6458"/>
  19. <path id="edge_2" class="edges" d="m21.599 60.776c11.451-32.343 11.438-32.337 11.438-32.337" stroke-width="2.6458"/>
  20. <a href="/spider_info">
  21. <ellipse id="circle_one" class="nodes" cx="35" cy="27" rx="13.5" ry="13.5" style="paint-order:stroke fill markers" fill="url(#spiderpi)"/>
  22. </a>
  23. </g>
  24. <g class="group_2">
  25. <path id="edge_3" class="edges" d="m24.862 67.439c31.427-13.767 31.414-13.772 31.414-13.772" stroke-width="2.6458"/>
  26. <path id="edge_6" class="edges" d="m18.277 93.674c38.021-40.006 37.999-40.007 37.999-40.007" stroke-width=".52917"/>
  27. <path id="edge_4" class="edges" d="m69.403 85.356c-13.122-31.702-13.127-31.689-13.127-31.689" stroke-width="3.4396"/>
  28. <path id="edge_5" class="edges" d="m50.728 121.44c2.3527-71.49 2.3361-71.474 2.3361-71.474" stroke-width=".48836px"/>
  29. <circle id="circle_2" class="nodes" cx="60" cy="52" r="13" style="paint-order:stroke fill markers"/>
  30. </g>
  31. <path id="edge_7" class="edges" d="m30.477 64.503c29.347 29.791 29.347 29.774 29.347 29.774" stroke-width=".52917"/>
  32. <path id="edge_10" class="edges" d="m23.407 96.406c23.239 25.242 23.239 25.228 23.239 25.228" stroke-width="2.9104"/>
  33. <path id="edge_8" class="edges" d="m23.453 62.106c28.366 67.295 28.374 67.263 28.374 67.263" stroke-width=".55417px"/>
  34. <path id="edge_9" class="edges" d="m26.119 94.06c34.309 0.3248 34.299 0.31493 34.299 0.31493" stroke-width="2.6458"/>
  35. <a id="link_1" href="/spider">
  36. <circle id="circle_5" class="nodes" cx="20.734" cy="95.501" r="12.5" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".1" style="paint-order:stroke fill markers"/>
  37. </a>
  38. <circle id="circle_4" class="nodes" cx="65.545" cy="91.148" r="12" fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".1" style="paint-order:stroke fill markers"/>
  39. </g>
  40. <g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003">
  41. <!--load spider_info template in placeholder-->
  42. <circle id="circle_3" class="nodes" cx="55.416" cy="181.23" r="15" style="paint-order:stroke fill markers"/>
  43. <circle id="circle_6" class="nodes" cx="85.363" cy="257.04" r="14" style="paint-order:stroke fill markers"/>
  44. </g>
  45. </g>
  46. </svg>
  47. <div class="mobile_placeholder">
  48. <!--inheritance-->
  49. </div>
  50. </div>
  51. {% endblock %}