Browse Source

sept25

master
Xsivax 3 years ago
parent
commit
4ae0c103ed
11 changed files with 668 additions and 78 deletions
  1. +3
    -5
      src/build_rocket/get.rs
  2. +2
    -0
      src/build_rocket/templates.rs
  3. +2
    -12
      templates/assets/css/base.css
  4. +145
    -46
      templates/assets/css/index.css
  5. +7
    -5
      templates/assets/css/navigation.css
  6. +12
    -0
      templates/assets/css/test.css
  7. +323
    -0
      templates/assets/img/hero.svg
  8. +90
    -3
      templates/assets/js/main.js
  9. +9
    -0
      templates/hemp.html.tera
  10. +64
    -7
      templates/index_de.html.tera
  11. +11
    -0
      templates/index_de_test.html.tera

+ 3
- 5
src/build_rocket/get.rs View File

@ -8,11 +8,9 @@ use crate::build_rocket::{ templates };
use rocket_dyn_templates::Template; 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 // if success call handler
pub fn index_de() -> Template { pub fn index_de() -> Template {
let context = templates::TplIndexDe::new(); let context = templates::TplIndexDe::new();

+ 2
- 0
src/build_rocket/templates.rs View File

@ -9,6 +9,7 @@ use serde_json::json;
pub struct TplIndexDe { pub struct TplIndexDe {
pub title: String, pub title: String,
pub hemp: Value, pub hemp: Value,
pub lang: String,
} }
// (prototype languages) // (prototype languages)
@ -19,6 +20,7 @@ impl TplIndexDe {
title: String::from("Cannabinieri CBD"), title: String::from("Cannabinieri CBD"),
// how to include several objects ? // how to include several objects ?
hemp : json!({"de" : "Uns interessieren Informationen. "}), hemp : json!({"de" : "Uns interessieren Informationen. "}),
lang: String::from("de"),
} }
} }

+ 2
- 12
templates/assets/css/base.css View File

@ -1,19 +1,9 @@
* { * {
margin: 0; margin: 0;
padding: 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;
}

+ 145
- 46
templates/assets/css/index.css View File

@ -5,32 +5,37 @@
font-weight: 100; font-weight: 100;
} }
.content {
height: 120vh !important;
width: 100vw;
}
/* small mobile */
.content .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(8, 1fr);
margin-top: .2rem;
font-family: 'Lato', sans-serif;;
.height {
height: 270vw;
position: relative;
} }
.container img {
height: 100%;
.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;
z-index: 0; 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 { .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 { .link button {
@ -42,61 +47,155 @@
border-radius: 50%; border-radius: 50%;
border: .1rem solid hsl(300, 100%, 50%); border: .1rem solid hsl(300, 100%, 50%);
background-color: hsl(300, 100%, 50%); background-color: hsl(300, 100%, 50%);
cursor: pointer;;
align-self: center;
justify-self: center;
}
.link button:active {
box-shadow: 0px 0px 10px hsl(300, 100%, 30%);
} }
.link a { .link a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
font-size: 1.25rem;
font-size: 3vw;
transition: all .5s ease-in-out; transition: all .5s ease-in-out;
} }
.link button:active {
box-shadow: 0px 0px 10px hsl(300, 100%, 30%);
}
.link .sub_container { .link .sub_container {
display: none; display: none;
grid-column: 1/5;
grid-row: 2/5;
padding: 3vh 1vw 0 1vw;
} }
.link .sub_container p { .link .sub_container p {
font-size: .65rem;
font-size: 2vw;
text-align: center; text-align: center;
color: #333; color: #333;
line-height: 2.25vh;
background-color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.7);
border-radius: .03rem; 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;
} }
#hemp {
grid-column: 1/3;
grid-row: 1;
z-index: 2;
@media(min-width: 300px) {
#hemp {
margin-left: 50vw;
}
#spider {
margin-left: 56vw;
}
#cube {
margin-left: 5vw;
}
#offgrid {
margin-left: 56vw;
}
#machina {
margin-left: 58vw;
}
#miner {
margin-left: 30vw;
}
} }
#hemp button {
grid-column: 2;
grid-row: 2;
justify-self: start;
align-self: end;
margin-left: 2.4rem;
margin-bottom: .2rem;
@media(min-width: 400px) {
#hemp {
margin-left: 50vw;
}
#offgrid {
margin-left: 60vw;
}
button {
width: 2.5rem !important;
height: 2.5rem !important;
}
} }
#hemp .sub_container {
grid-column: 1;
grid-row: 2;
@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: 992px) {
.content {
height: 250vh !important;
margin-top: 5rem;
@media(min-width: 1000px) {
button {
width: 4.5rem !important;
height: 4.5rem !important;
} }
}
@media (min-height: 500px) {
#hemp { #hemp {
z-index: 0;
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;
}
}

+ 7
- 5
templates/assets/css/navigation.css View File

@ -10,7 +10,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
height: 5rem;
height: 100%;
border-bottom: .2rem solid hsl(160, 51%, 49%); border-bottom: .2rem solid hsl(160, 51%, 49%);
} }
@ -39,15 +39,17 @@
position: absolute; position: absolute;
margin-top: 5rem; margin-top: 5rem;
width: 100%; width: 100%;
height: 80%;
display: none; display: none;
justify-content: center; justify-content: center;
z-index: 3;
z-index: 9;
} }
.mobile_dropdown_container #mobile_dropdown { .mobile_dropdown_container #mobile_dropdown {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-evenly;
margin-top: 2rem; margin-top: 2rem;
} }
@ -123,7 +125,7 @@
display: none; display: none;
} }
@media (min-width: 992px) {
@media (min-width: 1000px) {
.main_bar { .main_bar {
z-index: 1; z-index: 1;
display: flex; display: flex;
@ -134,6 +136,7 @@
.main_bar #logo_container { .main_bar #logo_container {
margin-top: .5rem; margin-top: .5rem;
padding-bottom: 15vh;
} }
.logo { .logo {
@ -160,7 +163,6 @@
position: relative; position: relative;
width: 100%; width: 100%;
margin-left: 30%; margin-left: 30%;
padding-top: 4rem;
} }
.desktop_navigation ul { .desktop_navigation ul {
@ -194,7 +196,7 @@
.desktop_navigation ul ul { .desktop_navigation ul ul {
border-top: 3px solid rgb(62, 190, 147); border-top: 3px solid rgb(62, 190, 147);
position: absolute; position: absolute;
top: 50%;
top: 80%;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
max-height: 10vh; max-height: 10vh;

+ 12
- 0
templates/assets/css/test.css View 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
- 0
templates/assets/img/hero.svg View 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>

+ 90
- 3
templates/assets/js/main.js View File

@ -48,15 +48,102 @@ document.getElementById("chevron_3").addEventListener("click", function menu() {
// index // 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") { if (x.style.display === "none") {
x.style.display = "flex";} x.style.display = "flex";}
else { else {
x.style.display ="none"; 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
- 0
templates/hemp.html.tera View 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%}

+ 64
- 7
templates/index_de.html.tera View File

@ -7,13 +7,70 @@
{{super()}} {{super()}}
{%block content%} {%block content%}
<div class="container"> <div class="container">
<img type="image/png" src="img/hero.png">
<div class="link" id="hemp">
<button id="click">
<a href="#">i</a>
</button>
<div class ="sub_container" id ="show">
<p>{{ hemp["de"] }}<br><b>Hanf </b>ist unglaublich vielseitig.<br> Deshalb bauen wir ihn an. <br>Konsequent biologisch.</p>
<div class="height">
<div class="link" id="hemp">
<button id="b_1">
<a>i</a>
</button>
<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> </div>
</div> </div>

+ 11
- 0
templates/index_de_test.html.tera View 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…
Cancel
Save