xsiva
/
cannabinieri_web_actix
1
0
Fork 1
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
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.
19 Commits
2 Branches
79 MiB
Tree: 0fdd02a6fd
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0fdd02a6fd'
${ noResults }
cannabinieri_web_actix/templates/index.old.html

207 lines
8.7 KiB
Raw Normal View History

index page
2 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. 

  11.         <defs>
  12.             <pattern id="spiderpi" height="100%" width="100%">
  13.                 <image href="/assets/img/spider_out.webp" width="44" height="30"></image>
  14.             </pattern>  
  15.         </defs>
  16. 

  17.         <defs>
  18.             <pattern id="permapp" height="100%" width="100%">
  19.                 <image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image>
  20.             </pattern>  
  21.         </defs>
  22. 

  23.         <defs>
  24.             <pattern id="cyber" height="100%" width="100%">
  25.                 <image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image>
  26.             </pattern>  
  27.         </defs>
  28. 

  29.         <defs>
  30.             <pattern id="kaos" height="100%" width="100%">
  31.                 <image href="/assets/img/cube_space.webp " width="25" height="25"></image>
  32.             </pattern>  
  33.         </defs>
  34. 

  35.         <defs>
  36.             <pattern id="hemp" height="100%" width="100%">
  37.                 <image href="/assets/img/hemp.webp" width="30" height="45"></image>
  38.             </pattern>  
  39.         </defs>
  40. 

  41.         <defs>
  42.             <pattern id="machina" height="100%" width="100%">
  43.                 <image href="/assets/img/boat_construction.webp" width="24" height="31"></image>
  44.             </pattern>  
  45.         </defs>
  46. 

  47.         <g id="position" transform="translate(-36.486 -121.6)" stroke="#000">
  48.         <g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)">
  49.         
  50.         <g class="group_1">
  51.             <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"/>
  52.             <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"/>
  53.         <!-- on  click open info template -->
  54.             <a href="/robot">
  55.                 <ellipse id="circle_one" class="nodes" cx="35" cy="27" rx="13.5" ry="13.5" style="paint-order: fill stroke markers" fill="url(#spiderpi)"/>
  56.             </a>
  57.         </g>
  58.         
  59.         <g class="group_2">
  60.         <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"/>
  61.         <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"/>
  62.         <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"/>
  63.         <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"/>
  64.         <a href="/app">
  65.             <circle id="circle_2" class="nodes" cx="60" cy="52" r="13" style="paint-order:fill stroke markers" fill="url(#permapp)"/>
  66.         </a>
  67.         </g>
  68. 

  69.         <g class="group_3">
  70.             <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"/>
  71.             <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"/>
  72.             <a href="/virtual">
  73.                 <circle id="circle_3" class="nodes" cx="20" cy="60" r="13" style="paint-order: fill stroke markers" fill="url(#cyber)"/>
  74.             </a>
  75.         </g>
  76. 

  77.         <g class="group_4">
  78.             <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"/>
  79.             <a href="/network">
  80.                 <circle id="circle_4" class="nodes" cx="65.545" cy="91.148" r="12" style="paint-order: fill stroke markers" fill="url(#kaos)"/>
  81.             </a>
  82.         </g>
  83. 

  84.         <g class="group_5">
  85.             <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"/>
  86.             <a href="/cannabinieri">
  87.                 <circle id="circle_5" class="nodes" cx="20.734" cy="95.501" r="12.5" style="paint-order: fill stroke markers" fill="url(#hemp)"/>
  88.             </a>
  89.         </g>
  90.         <a href="/greenhome">
  91.             <circle id="circle_6" class="nodes" cx="50" cy="120" r="12.5" style="paint-order: fill stroke markers" fill="url(#machina)"/>
  92.         </a>
  93.     </g>
  94. 

  95.     <g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003">
  96.     </g>
  97.     </g>
  98.     </svg>
  99. 

  100. {% block child %} {% endblock %}
  101. 

  102. </div>
  103. 

  104. 

  105. <!--Tablet & Desktop -->
  106. <div id="tablet">
  107.     <svg id="a" width="768" height="1024" version="1.1" viewBox="0 0 80 175" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  108. 

  109.         <defs>
  110.             <pattern id="tekla" height="100%" width="100%">
  111.                 <image href="/assets/img/spider_out.webp" width="44" height="30"></image>
  112.             </pattern>  
  113.         </defs>
  114. 

  115.         <defs>
  116.             <pattern id="rootwork" height="100%" width="100%">
  117.                 <image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image>
  118.             </pattern>  
  119.         </defs>
  120. 

  121.         <defs>
  122.             <pattern id="cyberb" height="100%" width="100%">
  123.                 <image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image>
  124.             </pattern>  
  125.         </defs>
  126. 

  127.         <defs>
  128.             <pattern id="kaosk" height="100%" width="100%">
  129.                 <image href="/assets/img/cube_space.webp " width="25" height="25"></image>
  130.             </pattern>  
  131.         </defs>
  132. 

  133.         <defs>
  134.             <pattern id="hempium" height="100%" width="100%">
  135.                 <image href="/assets/img/hemp.webp" width="30" height="45"></image>
  136.             </pattern>  
  137.         </defs>
  138. 

  139.         <defs>
  140.             <pattern id="machinalala" height="100%" width="100%">
  141.                 <image href="/assets/img/boat_construction.webp" width="24" height="31"></image>
  142.             </pattern>  
  143.         </defs>
  144. 

  145.         <g id="position" transform="translate(-36.486 -121.6)" stroke="#000">
  146.         <g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)">
  147.         
  148.         <g class="group_1">
  149.             <path id="edge_1" class="edges" d="m-10 20 l90 15 " stroke-width="2.6458"/>
  150.             <path id="edge_2" class="edges" d="m-10 60.776c11.451-32.343 11.438-32.337 11.438-32.337" stroke-width="2.6458"/>
  151.             <path id="edge_11" class="edges" d="m-5 30 l80 55"/>
  152.             <a href="/robot">
  153.                 <ellipse id="circle_one" class="nodes" cx="0" cy="27" rx="13.5" ry="13.5" style="paint-order: fill stroke markers" fill="url(#tekla)" fill-opacity="1"/>
  154.             </a>
  155.         </g>
  156.         
  157.         <g class="group_2">
  158.         <path id="edge_3" class="edges" d="m-10 70 l80 -30" stroke-width="2.6458"/>
  159.         <path id="edge_6" class="edges" d="m75 40 l -60 65" stroke-width=".52917"/>
  160.         <path id="edge_4" class="edges" d="m70 85 l5 -50" stroke-width="3.4396"/>
  161.         <path id="edge_5" class="edges" d="m90 100 l -10 -60" stroke-width=".48836px"/>
  162.         <a href="/app">
  163.             <circle id="circle_2" class="nodes" cx="80" cy="35" r="13" style="paint-order:fill stroke markers" fill="url(#rootwork)"/>
  164.         </a>
  165.         </g>
  166. 

  167.         <g class="group_3">
  168.             <path id="edge_10" class="edges" d="m20 95.5 l-35 -25"/>
  169.             <path id="edge_7" class="edges" d="m1 75 l70 3" stroke-width=".52917"/>
  170.             <path id="edge_8" class="edges" d="m-1 77.5 l90 30"/>
  171.            
  172.             
  173.             <a href="/virtual">
  174.                 <circle id="circle_3" class="nodes" cx="-10" cy="70" r="13" style="paint-order: fill stroke markers" fill="url(#cyberb)"/>
  175.             </a>
  176.         </g>
  177. 

  178.         <g class="group_4">
  179.             <path id="edge_9" class="edges" d="m75 87.5 l10 10"/>
  180.             <a href="/network">
  181.                 <circle id="circle_4" class="nodes" cx="70" cy="80" r="12" style="paint-order: fill stroke markers" fill="url(#kaosk)"/>
  182.             </a>
  183.         </g>
  184. 

  185.         <g class="group_5">
  186.         
  187.             <a href="/cannabinieri">
  188.                 <circle id="circle_5" class="nodes" cx="20.734" cy="102.5" r="12.5" style="paint-order: fill stroke markers" fill="url(#hempium)"/>
  189.             </a>
  190.         </g>
  191.         <a href="/greenhome">
  192.             <circle id="circle_6" class="nodes" cx="90" cy="105" r="12" style="paint-order: fill stroke markers" fill="url(#machinalala)"/>
  193.         </a>
  194.     </g>
  195. 

  196.     <g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003">
  197.     </g>
  198.     </g>
  199.     </svg>
  200. 

  201. {% block child %} {% endblock %}
  202. 

  203. </div>
  204. 

  205. 

  206. 

  207. {% endblock %}