sept25
This commit is contained in:
Xsivax
parent
0b8966a889
commit
4ae0c103ed
11 changed files with 681 additions and 91 deletions
|
|
@ -8,11 +8,9 @@ use crate::build_rocket::{ templates };
|
|||
|
||||
use rocket_dyn_templates::Template;
|
||||
|
||||
// Configure requests
|
||||
// generate routes, set attributes
|
||||
// set http method
|
||||
// set uri
|
||||
#[get("/de")]
|
||||
// To Do: Work with Accept Language Header, return matching Template
|
||||
// dynamic routes (i.e /de)
|
||||
#[get("/")]
|
||||
// if success call handler
|
||||
pub fn index_de() -> Template {
|
||||
let context = templates::TplIndexDe::new();
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ use serde_json::json;
|
|||
pub struct TplIndexDe {
|
||||
pub title: String,
|
||||
pub hemp: Value,
|
||||
pub lang: String,
|
||||
}
|
||||
|
||||
// (prototype languages)
|
||||
|
|
@ -19,6 +20,7 @@ impl TplIndexDe {
|
|||
title: String::from("Cannabinieri CBD"),
|
||||
// how to include several objects ?
|
||||
hemp : json!({"de" : "Uns interessieren Informationen. "}),
|
||||
lang: String::from("de"),
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,19 +1,9 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
/*overflow: hidden;*/
|
||||
|
||||
}
|
||||
|
||||
body .navigation {
|
||||
height: 5rem;
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body .content {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
body .footer {
|
||||
max-height: 40vh;
|
||||
}
|
||||
|
|
@ -5,32 +5,37 @@
|
|||
font-weight: 100;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 120vh !important;
|
||||
/* small mobile */
|
||||
|
||||
.height {
|
||||
height: 270vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.container {
|
||||
font-family: 'Lato', sans-serif;
|
||||
background-image: url('../img/hero.png');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
height: calc(100% - 30vh);
|
||||
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.content .container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: repeat(8, 1fr);
|
||||
margin-top: .2rem;
|
||||
font-family: 'Lato', sans-serif;;
|
||||
}
|
||||
|
||||
.container img {
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
max-width: 100vw;
|
||||
grid-column: 1/3;
|
||||
grid-row: 1/9;
|
||||
justify-self: center;
|
||||
grid-row: 1/33;
|
||||
grid-column: 1/25;
|
||||
}
|
||||
|
||||
|
||||
.link {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr)
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
height: 60vw;
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.link button {
|
||||
|
|
@ -42,61 +47,155 @@
|
|||
border-radius: 50%;
|
||||
border: .1rem solid hsl(300, 100%, 50%);
|
||||
background-color: hsl(300, 100%, 50%);
|
||||
}
|
||||
|
||||
.link a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
font-size: 1.25rem;
|
||||
transition: all .5s ease-in-out;
|
||||
cursor: pointer;;
|
||||
align-self: center;
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.link button:active {
|
||||
box-shadow: 0px 0px 10px hsl(300, 100%, 30%);
|
||||
}
|
||||
|
||||
|
||||
.link a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
font-size: 3vw;
|
||||
transition: all .5s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
.link .sub_container {
|
||||
display: none;
|
||||
grid-column: 1/5;
|
||||
grid-row: 2/5;
|
||||
padding: 3vh 1vw 0 1vw;
|
||||
}
|
||||
|
||||
.link .sub_container p {
|
||||
font-size: .65rem;
|
||||
font-size: 2vw;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
line-height: 2.25vh;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
border-radius: .03rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-self: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 1vw 2vw;
|
||||
line-height: 4vw;
|
||||
letter-spacing: .05vw;
|
||||
}
|
||||
|
||||
@media(min-width: 300px) {
|
||||
#hemp {
|
||||
grid-column: 1/3;
|
||||
grid-row: 1;
|
||||
z-index: 2;
|
||||
margin-left: 50vw;
|
||||
}
|
||||
|
||||
#hemp button {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
justify-self: start;
|
||||
align-self: end;
|
||||
margin-left: 2.4rem;
|
||||
margin-bottom: .2rem;
|
||||
#spider {
|
||||
margin-left: 56vw;
|
||||
}
|
||||
|
||||
#hemp .sub_container {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
#cube {
|
||||
margin-left: 5vw;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.content {
|
||||
height: 250vh !important;
|
||||
margin-top: 5rem;
|
||||
#offgrid {
|
||||
margin-left: 56vw;
|
||||
}
|
||||
|
||||
#machina {
|
||||
margin-left: 58vw;
|
||||
}
|
||||
#miner {
|
||||
margin-left: 30vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media(min-width: 400px) {
|
||||
#hemp {
|
||||
z-index: 0;
|
||||
margin-left: 50vw;
|
||||
}
|
||||
|
||||
#offgrid {
|
||||
margin-left: 60vw;
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
width: 2.5rem !important;
|
||||
height: 2.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 500px) {
|
||||
|
||||
|
||||
button {
|
||||
width: 3rem !important;
|
||||
height: 3rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 600px) {
|
||||
|
||||
}
|
||||
|
||||
@media(min-width: 800px) {
|
||||
|
||||
|
||||
button {
|
||||
width: 3.5rem !important;
|
||||
height: 3.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media(min-width: 1000px) {
|
||||
button {
|
||||
width: 4.5rem !important;
|
||||
height: 4.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-height: 500px) {
|
||||
#hemp {
|
||||
margin-top: 5vw;
|
||||
}
|
||||
|
||||
#permapp {
|
||||
margin-top: 33vw;
|
||||
}
|
||||
|
||||
#spider {
|
||||
margin-top: 60vw;
|
||||
}
|
||||
|
||||
#cube {
|
||||
margin-top: 90vw;
|
||||
}
|
||||
|
||||
#offgrid {
|
||||
margin-top: 130vw;
|
||||
}
|
||||
|
||||
#cyber {
|
||||
margin-top: 145vw;
|
||||
}
|
||||
|
||||
#machina {
|
||||
margin-top: 180vw;
|
||||
}
|
||||
|
||||
#miner{
|
||||
margin-top: 230vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 5rem;
|
||||
height: 100%;
|
||||
border-bottom: .2rem solid hsl(160, 51%, 49%);
|
||||
}
|
||||
|
||||
|
|
@ -39,15 +39,17 @@
|
|||
position: absolute;
|
||||
margin-top: 5rem;
|
||||
width: 100%;
|
||||
height: 80%;
|
||||
display: none;
|
||||
justify-content: center;
|
||||
z-index: 3;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.mobile_dropdown_container #mobile_dropdown {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
|
|
@ -123,7 +125,7 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
@media (min-width: 1000px) {
|
||||
.main_bar {
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
|
|
@ -134,6 +136,7 @@
|
|||
|
||||
.main_bar #logo_container {
|
||||
margin-top: .5rem;
|
||||
padding-bottom: 15vh;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
|
@ -160,7 +163,6 @@
|
|||
position: relative;
|
||||
width: 100%;
|
||||
margin-left: 30%;
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
.desktop_navigation ul {
|
||||
|
|
@ -194,7 +196,7 @@
|
|||
.desktop_navigation ul ul {
|
||||
border-top: 3px solid rgb(62, 190, 147);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: 80%;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
max-height: 10vh;
|
||||
|
|
|
|||
12
templates/assets/css/test.css
Normal file
12
templates/assets/css/test.css
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
img {
|
||||
width: 100vw;
|
||||
z-index: 0;
|
||||
grid-row: 1/25;
|
||||
grid-column: 1/25;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(24, 1fr);
|
||||
grid-template-rows: repeat(24, 1fr);
|
||||
}
|
||||
323
templates/assets/img/hero.svg
Normal file
323
templates/assets/img/hero.svg
Normal file
|
|
@ -0,0 +1,323 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
inkscape:version="1.1 (ce6663b3b7, 2021-05-25)"
|
||||
sodipodi:docname="hero.svg"
|
||||
viewBox="0 0 420 1024"
|
||||
height="1024"
|
||||
width="420"
|
||||
id="svg2"
|
||||
version="1.1"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs6">
|
||||
<style
|
||||
id="style18404"><![CDATA[.nodes { }
|
||||
.edges { fill:#fe00fe; fill-opacity:0.98039216; stroke:#fe00fe; stroke-dasharray:none; stroke-miterlimit:4; stroke-opacity:0.98039216; stroke-width:2; }
|
||||
]]></style>
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="namedview4"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
showgrid="true"
|
||||
inkscape:zoom="0.42951213"
|
||||
inkscape:cx="230.49407"
|
||||
inkscape:cy="697.30277"
|
||||
inkscape:window-width="1368"
|
||||
inkscape:window-height="836"
|
||||
inkscape:window-x="72"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g8"
|
||||
width="420px"
|
||||
showguides="true"
|
||||
inkscape:guide-bbox="true">
|
||||
<inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid33" />
|
||||
<sodipodi:guide
|
||||
position="220,884"
|
||||
orientation="1,0"
|
||||
id="guide6191" />
|
||||
</sodipodi:namedview>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Image"
|
||||
id="g8">
|
||||
<g
|
||||
id="edges"
|
||||
class="edges">
|
||||
<path
|
||||
style="fill:none;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 240,160 c 40,120 40,120 40,120 v 0"
|
||||
id="path6274" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 270,400 c 40,120 40,120 40,120 v 0"
|
||||
id="path6274-9" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 235,610 c 40,120 40,120 40,120 v 0"
|
||||
id="path6274-9-1" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 100,840 c 40,-120 40,-120 40,-120 v 0"
|
||||
id="path6274-9-2" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 115,610 c 40,-120 40,-120 40,-120 v 0"
|
||||
id="path6274-9-2-0" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 110,410 c 40,-120 40,-120 40,-120 v 0"
|
||||
id="path6274-9-2-9" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="M 132.02042,420 C 230,340 230,340 230,340 v 0"
|
||||
id="path6274-9-2-3" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 135,620 c 97.97958,-80 97.97958,-80 97.97958,-80 v 0"
|
||||
id="path6274-9-2-3-6" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="M 271.35528,285 C 160,225 160,225 160,225 v 0"
|
||||
id="path6274-9-2-3-6-0" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 160,220 c 40,-60 40,-60 40,-60 v 0"
|
||||
id="path6274-9-2-0-6" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 120,525 c 20,310 20,310 20,310 v 0 0 0"
|
||||
id="path6751" />
|
||||
<path
|
||||
style="fill:#fe00fe;stroke:#fe00fe;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.98039216;fill-opacity:0.98039216;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="m 210,165 c -80,250 -80,250 -80,250 v 0 0"
|
||||
id="path6867" />
|
||||
</g>
|
||||
<g
|
||||
id="g30087"
|
||||
style="display:inline"
|
||||
transform="translate(-453.36711,81.041712)">
|
||||
<g
|
||||
id="g30372"
|
||||
transform="translate(454.16754,-82.856521)">
|
||||
<g
|
||||
id="nodes">
|
||||
<g
|
||||
id="node1"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="m 277.52069,99.599274 a 62.618,62.618355 0 0 1 -62.618,62.618356 62.618,62.618355 0 0 1 -62.618,-62.618356 62.618,62.618355 0 0 1 62.618,-62.618355 62.618,62.618355 0 0 1 62.618,62.618355 z" />
|
||||
<g
|
||||
id="g29426">
|
||||
<path
|
||||
id="path271"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30376" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node2"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57-3"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="m 166.46417,246.44484 a 62.618355,62.618355 0 0 1 -62.61835,62.61835 62.618355,62.618355 0 0 1 -62.618357,-62.61835 62.618355,62.618355 0 0 1 62.618357,-62.61836 62.618355,62.618355 0 0 1 62.61835,62.61836 z" />
|
||||
<g
|
||||
id="g29426-2"
|
||||
transform="translate(-216.71126,120.88952)">
|
||||
<path
|
||||
id="path271-8"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-4"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30381" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node3"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57-3-6"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="m 353.17313,341.96844 a 62.618355,62.618355 0 0 1 -62.61835,62.61836 62.618355,62.618355 0 0 1 -62.61836,-62.61836 62.618355,62.618355 0 0 1 62.61836,-62.61835 62.618355,62.618355 0 0 1 62.61835,62.61835 z" />
|
||||
<g
|
||||
id="g29426-24"
|
||||
transform="translate(77.767084,244.32994)">
|
||||
<path
|
||||
id="path271-0"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-6"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30386" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node4"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57-3-7"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="M 159.84685,468.05493 A 62.618355,62.618355 0 0 1 97.228493,530.67329 62.618355,62.618355 0 0 1 34.610138,468.05493 62.618355,62.618355 0 0 1 97.228493,405.43658 62.618355,62.618355 0 0 1 159.84685,468.05493 Z" />
|
||||
<g
|
||||
id="g29426-9"
|
||||
transform="translate(-251.8322,357.83265)">
|
||||
<path
|
||||
id="path271-9"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-0"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30391" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node5"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57-3-5"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="m 347.99726,576.09509 a 62.618355,62.618355 0 0 1 -62.61835,62.61836 62.618355,62.618355 0 0 1 -62.61836,-62.61836 62.618355,62.618355 0 0 1 62.61836,-62.61835 62.618355,62.618355 0 0 1 62.61835,62.61835 z" />
|
||||
<g
|
||||
id="g29426-1"
|
||||
transform="translate(71.024285,478.11077)">
|
||||
<path
|
||||
id="path271-3"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-1"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30396" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node6"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57-3-56"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="m 162.88088,671.50751 a 62.618355,62.618355 0 0 1 -62.61835,62.61835 62.618355,62.618355 0 0 1 -62.618357,-62.61835 62.618355,62.618355 0 0 1 62.618357,-62.61836 62.618355,62.618355 0 0 1 62.61835,62.61836 z" />
|
||||
<g
|
||||
id="g29426-0"
|
||||
transform="translate(-258.05843,572.94894)">
|
||||
<path
|
||||
id="path271-34"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-03"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30401" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node7"
|
||||
class="nodes">
|
||||
<path
|
||||
id="path57-3-3"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
transform="translate(1.6788805,2.2155349)"
|
||||
d="m 352.62922,789.29327 a 62.618355,62.618355 0 0 1 -62.61836,62.61836 62.618355,62.618355 0 0 1 -62.61835,-62.61836 62.618355,62.618355 0 0 1 62.61835,-62.61835 62.618355,62.618355 0 0 1 62.61836,62.61835 z" />
|
||||
<g
|
||||
id="g29426-19"
|
||||
transform="translate(65.242113,680.93382)">
|
||||
<path
|
||||
id="path271-6"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-9"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30406" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="node8"
|
||||
class="nodes">
|
||||
<g
|
||||
id="g6986"
|
||||
transform="translate(1.6788805,2.2155349)">
|
||||
<path
|
||||
id="path57-3-2"
|
||||
style="opacity:0.980099;fill:none;stroke:#fe00fe;stroke-width:7;stroke-linecap:round;stroke-linejoin:bevel;paint-order:stroke fill markers"
|
||||
d="m 188.0937,897.39734 a 62.618355,62.618355 0 0 1 -62.61835,62.61835 62.618355,62.618355 0 0 1 -62.618355,-62.61835 62.618355,62.618355 0 0 1 62.618355,-62.61836 62.618355,62.618355 0 0 1 62.61835,62.61836 z" />
|
||||
</g>
|
||||
<g
|
||||
id="g29426-3"
|
||||
transform="translate(-241.36235,809.01159)">
|
||||
<path
|
||||
id="path271-80"
|
||||
style="opacity:1;fill:#fe00fe;fill-opacity:0.980392;stroke:#fe00fe;stroke-width:3.02535;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:0.980392;paint-order:stroke fill markers"
|
||||
d="m 313.5151,45.825661 a 24.6134,24.6134 0 0 1 -24.6134,24.613399 24.6134,24.6134 0 0 1 -24.6134,-24.613399 24.6134,24.6134 0 0 1 24.6134,-24.6134 24.6134,24.6134 0 0 1 24.6134,24.6134 z" />
|
||||
<g
|
||||
aria-label="i"
|
||||
id="text23481-5"
|
||||
style="font-size:40px;line-height:1.25;font-family:Lato;-inkscape-font-specification:Lato;fill:#ffffff;stroke:#000000;stroke-opacity:0">
|
||||
<path
|
||||
d="m 291.62538,38.266581 v 20.26 h -3.56 v -20.26 z m 0.76,-6.36 q 0,0.52 -0.22,0.98 -0.2,0.44 -0.56,0.8 -0.34,0.34 -0.82,0.54 -0.46,0.2 -0.98,0.2 -0.52,0 -0.98,-0.2 -0.44,-0.2 -0.78,-0.54 -0.34,-0.36 -0.54,-0.8 -0.2,-0.46 -0.2,-0.98 0,-0.52 0.2,-0.98 0.2,-0.48 0.54,-0.82 0.34,-0.36 0.78,-0.56 0.46,-0.2 0.98,-0.2 0.52,0 0.98,0.2 0.48,0.2 0.82,0.56 0.36,0.34 0.56,0.82 0.22,0.46 0.22,0.98 z"
|
||||
id="path30411" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 20 KiB |
|
|
@ -48,15 +48,102 @@ document.getElementById("chevron_3").addEventListener("click", function menu() {
|
|||
|
||||
// index
|
||||
|
||||
document.getElementById("click").addEventListener("click", () => {
|
||||
var x = document.getElementById("show");
|
||||
// button 1
|
||||
|
||||
document.getElementById("b_1").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_1");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
// button 2
|
||||
|
||||
document.getElementById("b_2").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_2");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// button 3
|
||||
|
||||
document.getElementById("b_3").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_3");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// button 4
|
||||
|
||||
document.getElementById("b_4").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_4");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// button 5
|
||||
|
||||
document.getElementById("b_5").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_5");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// button 6
|
||||
|
||||
document.getElementById("b_6").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_6");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// button 7
|
||||
|
||||
document.getElementById("b_7").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_7");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// button
|
||||
|
||||
document.getElementById("b_8").addEventListener("click", function menu() {
|
||||
var x= document.getElementById("c_8");
|
||||
if (x.style.display === "none") {
|
||||
x.style.display = "flex";}
|
||||
else {
|
||||
x.style.display ="none";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
9
templates/hemp.html.tera
Normal file
9
templates/hemp.html.tera
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{%extends "base"%}
|
||||
{%block title %}Cannabinieri CBD{%endblock title %}
|
||||
{%block head%}
|
||||
{{super()}}
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css" />
|
||||
{%endblock head%}
|
||||
{%block content%}
|
||||
<h1>Hemp</h1>
|
||||
{%endblock content%}
|
||||
|
|
@ -7,15 +7,72 @@
|
|||
{{super()}}
|
||||
{%block content%}
|
||||
<div class="container">
|
||||
<img type="image/png" src="img/hero.png">
|
||||
<div class="height">
|
||||
<div class="link" id="hemp">
|
||||
<button id="click">
|
||||
<a href="#">i</a>
|
||||
<button id="b_1">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id ="show">
|
||||
<div class ="sub_container" id="c_1">
|
||||
<p>{{ hemp["de"] }}<br><b>Hanf </b>ist unglaublich vielseitig.<br> Deshalb bauen wir ihn an. <br>Konsequent biologisch.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="permapp">
|
||||
<button id="b_2">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_2">
|
||||
<p> Die <b>PermApp</b> ist das Informations Netz der Spinnen.<br> Informationen für eine skalierbare Alternative zur heutigen Monokultur.<br> Bevor es zu spät ist.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="spider">
|
||||
<button id="b_3">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_3">
|
||||
<p> Unsere <b>Spinne</b> beginnt bereits zu Kartografieren.<br> In 3D. Low-Tech.<br> Unterstütze unsere Vision.<br> Damit das remote farming zur Realität wird.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="cube">
|
||||
<button id="b_4">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_4">
|
||||
<p> Die Spinne braucht den <b>KaosCube</b>.<br> Der Cube spannt ein verschlüsseltes Netz der Privatsphäre. Er rechnet Modelle für die Spinne dezentral aus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="offgrid">
|
||||
<button id="b_5">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_5">
|
||||
<p> Die Systeme der individuellen Automation brauchen Energie. <br>Mit Recycling, Dezentralität, Einfachheit und Erneuerbarkeit erzeugen wir sie und gehen <b>Offgrid</b>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="cyber">
|
||||
<button id="b_6">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_6">
|
||||
<p> Wir bauen an einer kybernetischen Maschine, die den Konsumenten zum <b>Cyberpreneur</b> macht.<br> Die Spinne virtualisiert die Farm zu einem Game.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="machina">
|
||||
<button id="b_7">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_7">
|
||||
<p> Die <b>Wohnmaschine</b> bringt den Geist von Hundertwasser ins 21. Jahrhundert.<br> Gerade Linien sind für Maschinen gemacht, nicht für Menschen.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="link" id="miner">
|
||||
<button id="b_8">
|
||||
<a>i</a>
|
||||
</button>
|
||||
<div class ="sub_container" id="c_8">
|
||||
<p>Die Sonne gibt uns mehr Energie als wir verwerten können.<br> Wir nutzen diesen Energieabfall und unterstützen als <b>GPU Miner</b> die Verbreitung dezentraler Währungen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{%endblock content%}
|
||||
|
||||
|
|
|
|||
11
templates/index_de_test.html.tera
Normal file
11
templates/index_de_test.html.tera
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
{%extends "base"%}
|
||||
{%block title %}Cannabinieri CBD{%endblock title %}
|
||||
{%block head%}
|
||||
{{super()}}
|
||||
<link rel="stylesheet" type="text/css" href="../css/test.css" />
|
||||
{%endblock head%}
|
||||
{%block content%}
|
||||
<div class = "container">
|
||||
<img type="image/svg+xml" src="img/hero.png">
|
||||
</div>
|
||||
{%endblock content%}
|
||||
Loading…
Reference in a new issue