@ -0,0 +1,257 @@ | |||
svg { | |||
height: 100vh; | |||
width: 100%; | |||
position: relative; | |||
z-index: 100; | |||
} | |||
path { | |||
stroke: #8693AB; | |||
stroke-width: 0.3%; | |||
} | |||
#node1 { | |||
transform: translate(-0.7%, -4%); | |||
} | |||
#edge9 { | |||
transform: translate(8%, 4%); | |||
} | |||
#edge12 { | |||
stroke-dasharray: 100; | |||
animation: draw_multi 3s forwards !important; | |||
animation-delay: 0s; | |||
} | |||
#edge13 { | |||
stroke-dasharray: 100; | |||
animation: draw_multix 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group1 .node , .group1 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group2 .node, .group2 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw_pink 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group3 .node , .group3 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw_green 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group4 .node , .group4 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw_purple 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group5 .node , .group5 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw_yellow 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group6 .node , .group6 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw_peach 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group7 .node , .group7 .edge{ | |||
stroke-dasharray: 100; | |||
animation: draw_red 3s forwards; | |||
animation-delay: 0s; | |||
} | |||
.group8 .node { | |||
stroke-dasharray: 100; | |||
animation: draw_rainbow 3s forwards; | |||
animation-timing-function: ease-in-out; | |||
animation-delay: 0s; | |||
} | |||
.node { | |||
cursor: pointer; | |||
} | |||
@keyframes draw { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(207,47%,82%); | |||
} | |||
} | |||
@keyframes draw_pink { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(286,100%,91%); | |||
} | |||
} | |||
@keyframes draw_green{ | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(150,69%,75%); | |||
} | |||
} | |||
@keyframes draw_purple { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(243,26%,75%); | |||
} | |||
} | |||
@keyframes draw_yellow{ | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(60,96%,79%); | |||
} | |||
} | |||
@keyframes draw_peach { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(40,100%,75%); | |||
} | |||
} | |||
@keyframes draw_red { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(335,74%,80%); | |||
} | |||
} | |||
@keyframes draw_rainbow { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: url(#myGradient); | |||
} | |||
} | |||
@keyframes draw_multi { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
50% { | |||
stroke: hsl(243,26%,75%); | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(207,47%,82%); | |||
} | |||
} | |||
@keyframes draw_multix { | |||
from { | |||
stroke-dashoffset: 100; | |||
stroke: #8693AB; | |||
} | |||
50% { | |||
stroke: hsl(150,69%,75%); | |||
} | |||
to { | |||
stroke-dashoffset: 0; | |||
stroke: hsl(207,47%,82%); | |||
} | |||
} | |||
#banner { | |||
position: fixed; | |||
height: 100vh; | |||
width: 50vw; | |||
top: 0; | |||
background: black; | |||
opacity: 80%; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
#banner_text { | |||
color: #ffd580; | |||
font-size: 5vh; | |||
margin: 0; | |||
position: relative; | |||
bottom: 20vh; | |||
right: 5vw; | |||
} | |||
@media ( min-width: 1024px ) { | |||
svg { | |||
left: 5vw; | |||
} | |||
} |
@ -1,202 +0,0 @@ | |||
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. |
@ -1,207 +1,125 @@ | |||
{% extends "base.html" %} | |||
{% block content %} | |||
<!--nodes in svg as links--> | |||
<!--animation with CSS--> | |||
<!--nodes load template based on GET request on click--> | |||
<!--content(info) is loaded into placeholder in template--> | |||
<!--actix get div and load on click--> | |||
<div id="mobile"> | |||
<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"> | |||
<defs> | |||
<pattern id="spiderpi" height="100%" width="100%"> | |||
<image href="/assets/img/spider_out.webp" width="44" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="permapp" height="100%" width="100%"> | |||
<image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="cyber" height="100%" width="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="kaos" height="100%" width="100%"> | |||
<image href="/assets/img/cube_space.webp " width="25" height="25"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="hemp" height="100%" width="100%"> | |||
<image href="/assets/img/hemp.webp" width="30" height="45"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="machina" height="100%" width="100%"> | |||
<image href="/assets/img/boat_construction.webp" width="24" height="31"></image> | |||
</pattern> | |||
</defs> | |||
<g id="position" transform="translate(-36.486 -121.6)" stroke="#000"> | |||
<g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)"> | |||
<g class="group_1"> | |||
<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"/> | |||
<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"/> | |||
<!-- on click open info template --> | |||
<a href="/robot"> | |||
<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)"/> | |||
</a> | |||
</g> | |||
<g class="group_2"> | |||
<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"/> | |||
<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"/> | |||
<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"/> | |||
<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"/> | |||
<a href="/app"> | |||
<circle id="circle_2" class="nodes" cx="60" cy="52" r="13" style="paint-order:fill stroke markers" fill="url(#permapp)"/> | |||
</a> | |||
</g> | |||
<g class="group_3"> | |||
<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"/> | |||
<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"/> | |||
<a href="/virtual"> | |||
<circle id="circle_3" class="nodes" cx="20" cy="60" r="13" style="paint-order: fill stroke markers" fill="url(#cyber)"/> | |||
</a> | |||
</g> | |||
<g class="group_4"> | |||
<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"/> | |||
<a href="/network"> | |||
<circle id="circle_4" class="nodes" cx="65.545" cy="91.148" r="12" style="paint-order: fill stroke markers" fill="url(#kaos)"/> | |||
</a> | |||
</g> | |||
<g class="group_5"> | |||
<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"/> | |||
<a href="/cannabinieri"> | |||
<circle id="circle_5" class="nodes" cx="20.734" cy="95.501" r="12.5" style="paint-order: fill stroke markers" fill="url(#hemp)"/> | |||
</a> | |||
</g> | |||
<a href="/greenhome"> | |||
<circle id="circle_6" class="nodes" cx="50" cy="120" r="12.5" style="paint-order: fill stroke markers" fill="url(#machina)"/> | |||
</a> | |||
</g> | |||
<g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003"> | |||
</g> | |||
</g> | |||
</svg> | |||
{% block child %} {% endblock %} | |||
</div> | |||
{% extends "base.html"%} | |||
<!--Tablet & Desktop --> | |||
<div id="tablet"> | |||
<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"> | |||
<defs> | |||
<pattern id="tekla" height="100%" width="100%"> | |||
<image href="/assets/img/spider_out.webp" width="44" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="rootwork" height="100%" width="100%"> | |||
<image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="cyberb" height="100%" width="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="kaosk" height="100%" width="100%"> | |||
<image href="/assets/img/cube_space.webp " width="25" height="25"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="hempium" height="100%" width="100%"> | |||
<image href="/assets/img/hemp.webp" width="30" height="45"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="machinalala" height="100%" width="100%"> | |||
<image href="/assets/img/boat_construction.webp" width="24" height="31"></image> | |||
</pattern> | |||
</defs> | |||
<g id="position" transform="translate(-36.486 -121.6)" stroke="#000"> | |||
<g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)"> | |||
<g class="group_1"> | |||
<path id="edge_1" class="edges" d="m-10 20 l90 15 " stroke-width="2.6458"/> | |||
<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"/> | |||
<path id="edge_11" class="edges" d="m-5 30 l80 55"/> | |||
<a href="/robot"> | |||
<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"/> | |||
</a> | |||
</g> | |||
<g class="group_2"> | |||
<path id="edge_3" class="edges" d="m-10 70 l80 -30" stroke-width="2.6458"/> | |||
<path id="edge_6" class="edges" d="m75 40 l -60 65" stroke-width=".52917"/> | |||
<path id="edge_4" class="edges" d="m70 85 l5 -50" stroke-width="3.4396"/> | |||
<path id="edge_5" class="edges" d="m90 100 l -10 -60" stroke-width=".48836px"/> | |||
<a href="/app"> | |||
<circle id="circle_2" class="nodes" cx="80" cy="35" r="13" style="paint-order:fill stroke markers" fill="url(#rootwork)"/> | |||
</a> | |||
</g> | |||
<g class="group_3"> | |||
<path id="edge_10" class="edges" d="m20 95.5 l-35 -25"/> | |||
<path id="edge_7" class="edges" d="m1 75 l70 3" stroke-width=".52917"/> | |||
<path id="edge_8" class="edges" d="m-1 77.5 l90 30"/> | |||
<a href="/virtual"> | |||
<circle id="circle_3" class="nodes" cx="-10" cy="70" r="13" style="paint-order: fill stroke markers" fill="url(#cyberb)"/> | |||
</a> | |||
</g> | |||
<g class="group_4"> | |||
<path id="edge_9" class="edges" d="m75 87.5 l10 10"/> | |||
<a href="/network"> | |||
<circle id="circle_4" class="nodes" cx="70" cy="80" r="12" style="paint-order: fill stroke markers" fill="url(#kaosk)"/> | |||
</a> | |||
</g> | |||
<g class="group_5"> | |||
<a href="/cannabinieri"> | |||
<circle id="circle_5" class="nodes" cx="20.734" cy="102.5" r="12.5" style="paint-order: fill stroke markers" fill="url(#hempium)"/> | |||
</a> | |||
</g> | |||
<a href="/greenhome"> | |||
<circle id="circle_6" class="nodes" cx="90" cy="105" r="12" style="paint-order: fill stroke markers" fill="url(#machinalala)"/> | |||
</a> | |||
</g> | |||
<g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003"> | |||
</g> | |||
</g> | |||
</svg> | |||
{% block child %} {% endblock %} | |||
{% block content %} | |||
<div id="container"> | |||
<svg | |||
viewBox="0 0 110 125" | |||
xmlns="http://www.w3.org/2000/svg" | |||
xmlns:xlink="http://www.w3.org/1999/xlink"> | |||
<defs> | |||
<pattern id="star" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/kaoscube.webp" viewBox="0 0 100 100" height="100" width="105"/> | |||
</pattern> | |||
<pattern id="tekla" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/tekla.webp" viewBox="0 0 100 100" height="105" width="150"/> | |||
</pattern> | |||
<pattern id="greenhouse" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" viewBox="0 0 100 100" height="105" width="170"/> | |||
</pattern> | |||
<pattern id="solar_panels" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/solar.webp" viewBox="0 0 100 100" height="100" width="150"/> | |||
</pattern> | |||
<pattern id="perinaldo" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/sunrocket.webp" viewBox="0 0 100 100" height="100" width="100"/> | |||
</pattern> | |||
<pattern id="bootA" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/bootA.webp" viewBox="0 0 100 100" height="135" width="100"/> | |||
</pattern> | |||
<pattern id="canna" viewBox="0,0,100,100" width="100%" height="100%"> | |||
<image href="/assets/img/canna.webp" viewBox="0 0 100 100" height="105" width="110"/> | |||
</pattern> | |||
<linearGradient id="myGradient"> | |||
<stop offset="5%" stop-color="hsl(60,96%,79%)" /> | |||
<stop offset="10%" stop-color="hsl(40,100%,75%)" /> | |||
<stop offset="15%" stop-color="hsl(335,74%,80%)" /> | |||
<stop offset="25%" stop-color="hsl(286,100%,91%)" /> | |||
<stop offset="35%" stop-color="hsl(243,26%,75%)" /> | |||
<stop offset="50%" stop-color="hsl(207,47%,82%)" /> | |||
<stop offset="100%" stop-color="hsl(150,69%,75%)" /> | |||
</linearGradient> | |||
<linearGradient id="upper_edges"> | |||
<stop offset="5%" stop-color="hsl(60,96%,79%)" /> | |||
<stop offset="10%" stop-color="hsl(40,100%,75%)" /> | |||
</linearGradient> | |||
</defs> | |||
<g class="group1"> | |||
<a href="/network"> | |||
<path class="node" id="node0" d="M 50, 50 m -10, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#star)"/> | |||
</a> | |||
<path class="edge" id="edge1" d="M50, 50 m 10,0 L85, 35"/> | |||
</g> | |||
<g class="group2"> | |||
<a href="#"> | |||
<path class="node" id="node2" d="M 85, 35 m 0, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="hsl(207,47%,70%)"/> | |||
</a> | |||
<path class="edge" id="edge2" d="M 95, 35 m 0,10 L95, 60"/> | |||
</g> | |||
<g class="group3"> | |||
<a href="#"> | |||
<path class="node" id="node3" d="M 85, 70 m 0, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#tekla)"/> | |||
</a> | |||
<path class="edge" id="edge3" d="M 95, 80 m 0,10 L95, 80"/> | |||
</g> | |||
<g class="group4"> | |||
<a href="#"> | |||
<path class="node" id="node4" d="M 95, 100 m -10, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#greenhouse)"/> | |||
</a> | |||
<path class="edge" id="edge4" d="M95, 100 m -10,0 L60, 105"/> | |||
<path class="edge" id="edge5" d="M96.15, 100 m -10,-5 L55, 58.75" /> | |||
</g> | |||
<g class="group5"> | |||
<a href="#"> | |||
<path class="node" id="node5" d="M 50, 105 m -10, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#solar_panels"/> | |||
</a> | |||
<path class="edge" id="edge6" d="M50, 105 m -10, 0 L25, 100" /> | |||
<path class="edge" id="edge7" d="M50, 105 m 0, -10 L50, 60" /> | |||
</g> | |||
<g class="group6"> | |||
<a href="#"> | |||
<path class="node" id="node6" d="M 15, 100 m -10, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#perinaldo)"/> | |||
</a> | |||
<path class="edge" id="edge8" d="M15, 100 m 0, -10 L15, 65" /> | |||
<path class="edge" id="edge9" d="M15, 100 m 0, -10 L77.35, 70" /> | |||
</g> | |||
<g class="group7"> | |||
<a href="#"> | |||
<path class="node" id="node7" d="M 15, 65 m -10, -10 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#bootA"/> | |||
</a> | |||
<path class="edge" id="edge10" d="M15, 55 m 10, 0 L40, 50" /> | |||
<path class="edge" id="edge11" d="M15, 55 m 0, -10 L40, 15" /> | |||
</g> | |||
<g class="group8"> | |||
<a href="#"> | |||
<path class="node" id="node8" d="M 50, 15 m -10, 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0" fill="url(#canna")/> | |||
</a> | |||
<path class="edge" id="edge12" d="M 50, 15 m 0, 10 L50, 40"/> | |||
<path class="edge" id="edge13" d="M 50, 15 m 10, 0 L86, 30"/> | |||
</g> | |||
</svg> | |||
<div id="banner"> | |||
<h6 id="banner_text"> Put 20 € in a node &<br> get a Cannabinieri CBD oil<br> for free</h6> | |||
</div> | |||
{%block child%} {%endblock%} | |||
</div> | |||
{% endblock %} | |||
{% endblock %} |
@ -0,0 +1,207 @@ | |||
{% extends "base.html" %} | |||
{% block content %} | |||
<!--nodes in svg as links--> | |||
<!--animation with CSS--> | |||
<!--nodes load template based on GET request on click--> | |||
<!--content(info) is loaded into placeholder in template--> | |||
<!--actix get div and load on click--> | |||
<div id="mobile"> | |||
<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"> | |||
<defs> | |||
<pattern id="spiderpi" height="100%" width="100%"> | |||
<image href="/assets/img/spider_out.webp" width="44" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="permapp" height="100%" width="100%"> | |||
<image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="cyber" height="100%" width="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="kaos" height="100%" width="100%"> | |||
<image href="/assets/img/cube_space.webp " width="25" height="25"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="hemp" height="100%" width="100%"> | |||
<image href="/assets/img/hemp.webp" width="30" height="45"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="machina" height="100%" width="100%"> | |||
<image href="/assets/img/boat_construction.webp" width="24" height="31"></image> | |||
</pattern> | |||
</defs> | |||
<g id="position" transform="translate(-36.486 -121.6)" stroke="#000"> | |||
<g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)"> | |||
<g class="group_1"> | |||
<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"/> | |||
<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"/> | |||
<!-- on click open info template --> | |||
<a href="/robot"> | |||
<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)"/> | |||
</a> | |||
</g> | |||
<g class="group_2"> | |||
<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"/> | |||
<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"/> | |||
<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"/> | |||
<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"/> | |||
<a href="/app"> | |||
<circle id="circle_2" class="nodes" cx="60" cy="52" r="13" style="paint-order:fill stroke markers" fill="url(#permapp)"/> | |||
</a> | |||
</g> | |||
<g class="group_3"> | |||
<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"/> | |||
<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"/> | |||
<a href="/virtual"> | |||
<circle id="circle_3" class="nodes" cx="20" cy="60" r="13" style="paint-order: fill stroke markers" fill="url(#cyber)"/> | |||
</a> | |||
</g> | |||
<g class="group_4"> | |||
<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"/> | |||
<a href="/network"> | |||
<circle id="circle_4" class="nodes" cx="65.545" cy="91.148" r="12" style="paint-order: fill stroke markers" fill="url(#kaos)"/> | |||
</a> | |||
</g> | |||
<g class="group_5"> | |||
<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"/> | |||
<a href="/cannabinieri"> | |||
<circle id="circle_5" class="nodes" cx="20.734" cy="95.501" r="12.5" style="paint-order: fill stroke markers" fill="url(#hemp)"/> | |||
</a> | |||
</g> | |||
<a href="/greenhome"> | |||
<circle id="circle_6" class="nodes" cx="50" cy="120" r="12.5" style="paint-order: fill stroke markers" fill="url(#machina)"/> | |||
</a> | |||
</g> | |||
<g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003"> | |||
</g> | |||
</g> | |||
</svg> | |||
{% block child %} {% endblock %} | |||
</div> | |||
<!--Tablet & Desktop --> | |||
<div id="tablet"> | |||
<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"> | |||
<defs> | |||
<pattern id="tekla" height="100%" width="100%"> | |||
<image href="/assets/img/spider_out.webp" width="44" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="rootwork" height="100%" width="100%"> | |||
<image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="cyberb" height="100%" width="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="kaosk" height="100%" width="100%"> | |||
<image href="/assets/img/cube_space.webp " width="25" height="25"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="hempium" height="100%" width="100%"> | |||
<image href="/assets/img/hemp.webp" width="30" height="45"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="machinalala" height="100%" width="100%"> | |||
<image href="/assets/img/boat_construction.webp" width="24" height="31"></image> | |||
</pattern> | |||
</defs> | |||
<g id="position" transform="translate(-36.486 -121.6)" stroke="#000"> | |||
<g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)"> | |||
<g class="group_1"> | |||
<path id="edge_1" class="edges" d="m-10 20 l90 15 " stroke-width="2.6458"/> | |||
<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"/> | |||
<path id="edge_11" class="edges" d="m-5 30 l80 55"/> | |||
<a href="/robot"> | |||
<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"/> | |||
</a> | |||
</g> | |||
<g class="group_2"> | |||
<path id="edge_3" class="edges" d="m-10 70 l80 -30" stroke-width="2.6458"/> | |||
<path id="edge_6" class="edges" d="m75 40 l -60 65" stroke-width=".52917"/> | |||
<path id="edge_4" class="edges" d="m70 85 l5 -50" stroke-width="3.4396"/> | |||
<path id="edge_5" class="edges" d="m90 100 l -10 -60" stroke-width=".48836px"/> | |||
<a href="/app"> | |||
<circle id="circle_2" class="nodes" cx="80" cy="35" r="13" style="paint-order:fill stroke markers" fill="url(#rootwork)"/> | |||
</a> | |||
</g> | |||
<g class="group_3"> | |||
<path id="edge_10" class="edges" d="m20 95.5 l-35 -25"/> | |||
<path id="edge_7" class="edges" d="m1 75 l70 3" stroke-width=".52917"/> | |||
<path id="edge_8" class="edges" d="m-1 77.5 l90 30"/> | |||
<a href="/virtual"> | |||
<circle id="circle_3" class="nodes" cx="-10" cy="70" r="13" style="paint-order: fill stroke markers" fill="url(#cyberb)"/> | |||
</a> | |||
</g> | |||
<g class="group_4"> | |||
<path id="edge_9" class="edges" d="m75 87.5 l10 10"/> | |||
<a href="/network"> | |||
<circle id="circle_4" class="nodes" cx="70" cy="80" r="12" style="paint-order: fill stroke markers" fill="url(#kaosk)"/> | |||
</a> | |||
</g> | |||
<g class="group_5"> | |||
<a href="/cannabinieri"> | |||
<circle id="circle_5" class="nodes" cx="20.734" cy="102.5" r="12.5" style="paint-order: fill stroke markers" fill="url(#hempium)"/> | |||
</a> | |||
</g> | |||
<a href="/greenhome"> | |||
<circle id="circle_6" class="nodes" cx="90" cy="105" r="12" style="paint-order: fill stroke markers" fill="url(#machinalala)"/> | |||
</a> | |||
</g> | |||
<g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003"> | |||
</g> | |||
</g> | |||
</svg> | |||
{% block child %} {% endblock %} | |||
</div> | |||
{% endblock %} |
@ -0,0 +1,206 @@ | |||
{% extends "base.html" %} | |||
{% block content %} | |||
<!--nodes in svg as links--> | |||
<!--animation with CSS--> | |||
<!--nodes load template based on GET request on click--> | |||
<!--content(info) is loaded into placeholder in template--> | |||
<div id="mobile"> | |||
<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"> | |||
<defs> | |||
<pattern id="spiderpi" height="100%" width="100%"> | |||
<image href="/assets/img/spider_out.webp" width="44" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="permapp" height="100%" width="100%"> | |||
<image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="cyber" height="100%" width="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="kaos" height="100%" width="100%"> | |||
<image href="/assets/img/cube_space.webp " width="25" height="25"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="hemp" height="100%" width="100%"> | |||
<image href="/assets/img/hemp.webp" width="30" height="45"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="machina" height="100%" width="100%"> | |||
<image href="/assets/img/boat_construction.webp" width="24" height="31"></image> | |||
</pattern> | |||
</defs> | |||
<g id="position" transform="translate(-36.486 -121.6)" stroke="#000"> | |||
<g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)"> | |||
<g class="group_1"> | |||
<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"/> | |||
<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"/> | |||
<!-- on click open info template --> | |||
<a href="/robot"> | |||
<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)"/> | |||
</a> | |||
</g> | |||
<g class="group_2"> | |||
<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"/> | |||
<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"/> | |||
<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"/> | |||
<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"/> | |||
<a href="/app"> | |||
<circle id="circle_2" class="nodes" cx="60" cy="52" r="13" style="paint-order:fill stroke markers" fill="url(#permapp)"/> | |||
</a> | |||
</g> | |||
<g class="group_3"> | |||
<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"/> | |||
<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"/> | |||
<a href="/virtual"> | |||
<circle id="circle_3" class="nodes" cx="20" cy="60" r="13" style="paint-order: fill stroke markers" fill="url(#cyber)"/> | |||
</a> | |||
</g> | |||
<g class="group_4"> | |||
<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"/> | |||
<a href="/network"> | |||
<circle id="circle_4" class="nodes" cx="65.545" cy="91.148" r="12" style="paint-order: fill stroke markers" fill="url(#kaos)"/> | |||
</a> | |||
</g> | |||
<g class="group_5"> | |||
<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"/> | |||
<a href="/cannabinieri"> | |||
<circle id="circle_5" class="nodes" cx="20.734" cy="95.501" r="12.5" style="paint-order: fill stroke markers" fill="url(#hemp)"/> | |||
</a> | |||
</g> | |||
<a href="/greenhome"> | |||
<circle id="circle_6" class="nodes" cx="50" cy="120" r="12.5" style="paint-order: fill stroke markers" fill="url(#machina)"/> | |||
</a> | |||
</g> | |||
<g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003"> | |||
</g> | |||
</g> | |||
</svg> | |||
{% block child %} {% endblock %} | |||
</div> | |||
<!--Tablet & Desktop --> | |||
<div id="tablet"> | |||
<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"> | |||
<defs> | |||
<pattern id="tekla" height="100%" width="100%"> | |||
<image href="/assets/img/spider_out.webp" width="44" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="rootwork" height="100%" width="100%"> | |||
<image href="/assets/img/sample-permapp-screen.webp" width="30" height="30"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="cyberb" height="100%" width="100%"> | |||
<image href="/assets/img/3d_greenhouse.webp" width="55" height="35"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="kaosk" height="100%" width="100%"> | |||
<image href="/assets/img/cube_space.webp " width="25" height="25"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="hempium" height="100%" width="100%"> | |||
<image href="/assets/img/hemp.webp" width="30" height="45"></image> | |||
</pattern> | |||
</defs> | |||
<defs> | |||
<pattern id="machinalala" height="100%" width="100%"> | |||
<image href="/assets/img/boat_construction.webp" width="24" height="31"></image> | |||
</pattern> | |||
</defs> | |||
<g id="position" transform="translate(-36.486 -121.6)" stroke="#000"> | |||
<g id="connect" transform="matrix(1.2003 0 0 1.2003 26.945 106.96)"> | |||
<g class="group_1"> | |||
<path id="edge_1" class="edges" d="m-10 20 l90 15 " stroke-width="2.6458"/> | |||
<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"/> | |||
<path id="edge_11" class="edges" d="m-5 30 l80 55"/> | |||
<a href="/robot"> | |||
<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"/> | |||
</a> | |||
</g> | |||
<g class="group_2"> | |||
<path id="edge_3" class="edges" d="m-10 70 l80 -30" stroke-width="2.6458"/> | |||
<path id="edge_6" class="edges" d="m75 40 l -60 65" stroke-width=".52917"/> | |||
<path id="edge_4" class="edges" d="m70 85 l5 -50" stroke-width="3.4396"/> | |||
<path id="edge_5" class="edges" d="m90 100 l -10 -60" stroke-width=".48836px"/> | |||
<a href="/app"> | |||
<circle id="circle_2" class="nodes" cx="80" cy="35" r="13" style="paint-order:fill stroke markers" fill="url(#rootwork)"/> | |||
</a> | |||
</g> | |||
<g class="group_3"> | |||
<path id="edge_10" class="edges" d="m20 95.5 l-35 -25"/> | |||
<path id="edge_7" class="edges" d="m1 75 l70 3" stroke-width=".52917"/> | |||
<path id="edge_8" class="edges" d="m-1 77.5 l90 30"/> | |||
<a href="/virtual"> | |||
<circle id="circle_3" class="nodes" cx="-10" cy="70" r="13" style="paint-order: fill stroke markers" fill="url(#cyberb)"/> | |||
</a> | |||
</g> | |||
<g class="group_4"> | |||
<path id="edge_9" class="edges" d="m75 87.5 l10 10"/> | |||
<a href="/network"> | |||
<circle id="circle_4" class="nodes" cx="70" cy="80" r="12" style="paint-order: fill stroke markers" fill="url(#kaosk)"/> | |||
</a> | |||
</g> | |||
<g class="group_5"> | |||
<a href="/cannabinieri"> | |||
<circle id="circle_5" class="nodes" cx="20.734" cy="102.5" r="12.5" style="paint-order: fill stroke markers" fill="url(#hempium)"/> | |||
</a> | |||
</g> | |||
<a href="/greenhome"> | |||
<circle id="circle_6" class="nodes" cx="90" cy="105" r="12" style="paint-order: fill stroke markers" fill="url(#machinalala)"/> | |||
</a> | |||
</g> | |||
<g fill="#333" stroke-linecap="round" stroke-linejoin="bevel" stroke-opacity=".99634" stroke-width=".12003"> | |||
</g> | |||
</g> | |||
</svg> | |||
{% block child %} {% endblock %} | |||
</div> | |||
{% endblock %} |