commit da73c79d51f332bbc95d777fd97eaefcbd57647f Author: xsiva Date: Thu Apr 21 12:59:54 2022 +0200 content diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..05d1396 --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +# will have compiled files and executables +debug/ +target/ + +# Remove Cargo.lock from gitignore if creating an executable, leave it for libraries +Cargo.lock diff --git a/Cargo.toml b/Cargo.toml new file mode 100644 index 0000000..0af7407 --- /dev/null +++ b/Cargo.toml @@ -0,0 +1,14 @@ +[package] +name = "cannabinieri_web" +version = "0.1.0" +authors = ["Xsivax "] +edition = "2018" + +[dependencies] +actix-web = "3.3.2" +actix-files = "0.5.0" +askama = "0.10.5" +lazy_static = "1.4.0" +serde_json = "1.0.68" +serde = "1.0.136" +csv = "1.1.6" diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..2f7eb30 --- /dev/null +++ b/Makefile @@ -0,0 +1,5 @@ +run_dev: + cargo watch -x run + +build_dev: + cargo build && cargo-watch -x run diff --git a/README.md b/README.md new file mode 100644 index 0000000..33508b4 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +start with : make_run_dev diff --git a/lang.json b/lang.json new file mode 100644 index 0000000..fdcea7b --- /dev/null +++ b/lang.json @@ -0,0 +1,101 @@ +{ + "lang_code": { + "en": "en", + "es": "es", + "fr": "fr", + "de": "de", + "it": "it", + "ja": "ja", + "ru": "ru" + }, + + "lang_full": { + "en": "English", + "es": "Español", + "fr": "Français", + "de": "Deutsch", + "it": "Italiano", + "ja": "日本語", + "ru": "Русский" + }, + + "meta_description": { + "en": "Cannabinieri-Robot grown CBD : Cannabinieri developes robots that study and grow plants, focusing on CBD ", + "es": "Cannabinieri-CBD cultivado por robots : Los Cannabinieri desarrollar robots que estudien y cultiven plantas, centrándose en el CBD", + "fr": "Cannabinieri-CBD cultivé par des robots: Les Cannabinieri développent des robots qui étudient et cultivent le CBD", + "de": "Cannabinieri-CBD abgebaut von Robotern: Cannabinieri entwickelt Roboter, die Pflanzen erforschen und anbauen, mit Schwerpunkt auf CBD ", + "it": "Cannabinieri-CBD coltivato da robot: I cannabinieri sviluppano robot per studiare e coltivare le piante, concentrandosi sul CBD", + "ja": "Cannabinieri-ロボットが育てたCBD: Cannabinieriは、CBDに着目し、植物を研究・栽培するロボットを開発しました。", + "ru": "Cannabinieri-Выращивание CBD с помощью роботов: Cannabinieri разрабатывает роботов, которые изучают и выращивают растения, уделяя особое внимание КБР " + }, + + "nav_item1": { + "en": "Hemp", + "es": "Cáñamo", + "fr": "Chanvre", + "de": "Hanf", + "it": "Canapa", + "ja": "ヘンプ", + "ru": "конопля" + }, + + "nav_item2": { + "en": "Spider", + "fr": "Araignée", + "de": "Spinne", + "it": "Ragno", + "ja": "スパイダー", + "ru": "паук" + }, + + "nav_item3": { + "en": "Hemp", + "es": "Cáñamo", + "fr": "Chanvre", + "de": "Hanf", + "it": "Canapa", + "ja": "ヘンプ", + "ru": "конопля" + }, + + "nav_item4": { + "en": "Hemp", + "es": "Cáñamo", + "fr": "Chanvre", + "de": "Hanf", + "it": "Canapa", + "ja": "ヘンプ", + "ru": "конопля" + }, + + "nav_item5": { + "en": "Hemp", + "es": "Cáñamo", + "fr": "Chanvre", + "de": "Hanf", + "it": "Canapa", + "ja": "ヘンプ", + "ru": "конопля" + }, + + "footer_item1": { + "en": "Contact Us", + "es": "Contacte", + "fr": "contactez-nous", + "de": "Kontakt", + "it": "contattaci", + "ja": "連絡先", + "ru": "связаться с" + }, + + "footer_item2": { + "en": "Privacy Policy", + "es": "política de privacidad", + "fr": "protection des données", + "de": "Datenschutz", + "it": "informativa sulla privacy", + "ja": "プライバシーポリシー", + "ru": "Защита данных" + } + +} \ No newline at end of file diff --git a/src/build_actix/config.rs b/src/build_actix/config.rs new file mode 100644 index 0000000..28f36de --- /dev/null +++ b/src/build_actix/config.rs @@ -0,0 +1,16 @@ +use std::fs; +use serde_json::Value; + +pub const LOC_FILE: &str = "./lang.json"; + +// functions executed at runtime +lazy_static! { + pub static ref LOC : Value = init_lang(); +} + +// open LOC file as json Value +fn init_lang() -> Value { + let lang_str = fs::read_to_string( LOC_FILE ).expect("error reading file to string"); + + serde_json::from_str(&lang_str).expect("init_lang(): Can't parse translations file") +} \ No newline at end of file diff --git a/src/build_actix/error.rs b/src/build_actix/error.rs new file mode 100644 index 0000000..88b3f27 --- /dev/null +++ b/src/build_actix/error.rs @@ -0,0 +1,51 @@ +use crate::build_actix::template::TplError; + +use actix_web::{ error, HttpResponse }; +use actix_web::dev::HttpResponseBuilder; +use actix_web::http::{ header, StatusCode }; + +use askama::Template; +use std::fmt; + +// create error message +pub fn crash( lang: String, error_msg: &'static str ) -> Crash { + Crash { lang, error_msg } +} + +// struct to store error values +#[derive(Debug)] +pub struct Crash { + pub error_msg: &'static str, + pub lang: String, +} + +// Implement Disply to format error message + impl fmt::Display for Crash { + fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result { + write!(f, "{:?}", self.error_msg) + } +} + +// Implement ResponseError to use Error as Response +impl error::ResponseError for Crash { + fn error_response(&self) -> HttpResponse { + eprintln!("Error reached: {}", self.error_msg); + HttpResponseBuilder::new(self.status_code()) + .set_header(header::CONTENT_TYPE, "text/html; charset=utf-8") + .body( + TplError { + lang: &self.lang, + error_msg: self.error_msg, + } + .render() + .expect("error_tplrender (TplError). Empty page sent to client."), + ) + } + + fn status_code(&self) -> StatusCode { + match self.error_msg { + _ => StatusCode::INTERNAL_SERVER_ERROR, + } + } + + } diff --git a/src/build_actix/mod.rs b/src/build_actix/mod.rs new file mode 100644 index 0000000..9694589 --- /dev/null +++ b/src/build_actix/mod.rs @@ -0,0 +1,11 @@ +// Routes +pub mod route; + +// Templates +pub mod template; + +// Errors +pub mod error; + +// Configuration +pub mod config; \ No newline at end of file diff --git a/src/build_actix/route.rs b/src/build_actix/route.rs new file mode 100644 index 0000000..cd2a102 --- /dev/null +++ b/src/build_actix/route.rs @@ -0,0 +1,573 @@ +use actix_web::{ + HttpRequest, + HttpResponse, + web +}; + +use actix_web::{error::Error}; + + +use crate::build_actix::template::{self}; +use crate::build_actix::error; + +use askama::Template; + +use serde::{Deserialize, Serialize}; +use std::fs::File; +use std::io; +use std::io::Write; + +#[derive(Deserialize, Serialize)] +pub struct Data { + mail: String, + subject: String, + comment: String, +} + +// This writes formdata to stdout as csv --> needs to be written to file + +pub async fn send_form(req: HttpRequest, form: web::Form) -> Result { + // format data as csv and write to stdout + let mut wtr = csv::Writer::from_writer(io::stdout()); + let form = form.into_inner(); + wtr.serialize(form).unwrap(); + wtr.flush().unwrap(); + + // let mut f = File::create("data.csv").unwrap(); + + // write! (f, "{:#?}", wtr.serialize(form).unwrap()); + + + HttpResponse::Ok() + .content_type("text/html") + .body( + template::TplS { + title: "", + content: "", + lang: &template::get_lang(&req) + + }.render().unwrap() + + ).await + +} + + +pub async fn pool (req: HttpRequest) -> Result { + HttpResponse::Ok().content_type("text/html") + .body( + template::TplPools { + title: "fund", + content: "", + subtitle: "Invest in a node and decide which of our projects comes first. Follow our timelines to see what your contribution made possible.", + lang: &template::get_lang(&req), + }.render().unwrap() + ).await +} + + +pub async fn info (path: web::Path, req: HttpRequest) -> Result { +let info = path.into_inner(); +println!("path is {}", info); +let list = ["solar-miner","energy"]; + +HttpResponse::Ok() + .content_type("text/html") + + // set teplate context + .body( + if info == list[0] { + template::InSm { + title: "Solar Miner", + content: "Info about Solar Miner", + lang: &template::get_lang(&req), + }.render().unwrap() + //load context for info page + } else if info == list [1] { + + template::InSm { + title: "Energy", + content: "Info about Energy", + lang: &template::get_lang(&req), + }.render().unwrap() + } + else { + format! ("Error {}", info) + + }).await + +} + + +pub async fn timeline(path: web::Path, req: HttpRequest) -> Result { + let name = path.into_inner(); + let list = ["waspwork","cyberpreneur", "tekla", "green-machine", "solar-miner", "energy", "kaos-cube", "cbd"]; + + HttpResponse::Ok() + .content_type("text/html") + .body( + if name == list[0] { + template::TlWw { + content: "content for waspwork", + lang: &template::get_lang(&req), + title: "Waspwork| Timeline", + }.render().unwrap() + + } else if name == list [1] { + + template::TlCp{ + content: "timeline cyberpreneur", + lang: &template::get_lang(&req), + title: "Cyberpreneur| Timeline", + }.render().unwrap() + + } else if name == list [2] { + + template::TlTk{ + content: "timeline tekla", + lang: &template::get_lang(&req), + title: "Tekla| Timeline", + }.render().unwrap() + + } else if name == list [3] { + + template::TlGm{ + content: "timeline green machine", + lang: &template::get_lang(&req), + title: "Green Machine| Timeline", + }.render().unwrap() + + } else if name == list [4] { + + template::TlSm{ + content: "timeline solar miner", + lang: &template::get_lang(&req), + title: "Solar Miner| Timeline", + + }.render().unwrap() + + + } else if name == list [5] { + + template::TlEn { + content: "timeline energy", + lang: &template::get_lang(&req), + title: "Energy| Timeline", + }.render().unwrap() + + } else if name == list [6] { + + template::TlKc{ + content: "timeline kaos cube", + lang: &template::get_lang(&req), + title: "Kaos Cube| Timeline", + }.render().unwrap() + + + } else if name == list [7] { + + template::TlCb{ + content: "timeline cbd", + lang: &template::get_lang(&req), + title: "CBD| Timeline", + }.render().unwrap() + + + } + else { + + format! ("Whatever {}", name) + } + ).await + } + + +pub async fn index( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render index template + template::TplIndex { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + + +pub async fn rootwork( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplRootWork { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn hemp( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplHemp { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn spider( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplSpider { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn cube( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplCube { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn cyber( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplCyber { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn off( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplOff { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + + +pub async fn robot( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplRobot { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn app( req: HttpRequest ) -> Result { + HttpResponse::Ok() + .content_type("text/html") + .body( + template::TplApp { + lang : &template::get_lang(&req), + } + + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn business( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplModel { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn network( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplNetwork { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn cannabinieri( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplCanna { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + +pub async fn greenhome( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplHome { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + + +pub async fn get_box_energy ( req: HttpRequest ) -> Result { + HttpResponse::Ok() + .content_type("text/html") + .body( + template::TplBoxEnergy{ + lang : &template::get_lang(&req), + } + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + + +pub async fn get_box_miner ( req: HttpRequest ) -> Result { + HttpResponse::Ok() + .content_type("text/html") + .body( + template::TplBoxMiner { + lang : &template::get_lang(&req), + } + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} + + +// pub async fn timelines( req: HttpRequest ) -> Result { + + // let uri : &Uri = req.uri(); + // print!(" uri is {} ", uri); + + // let body = match uri.path() { + + // "/cyberpreneur-timeline" => { + // println!("path match : {}", uri.path()); + // template::TplCyber{lang: &template::get_lang(&req),}.render() + + + // "/waspwork-timeline" => { + // println!("path match : {}", uri.path()); + // template::TplRootWork{lang: &template::get_lang(&req),}.render() + + // }, + + // }; + + // HttpResponse::Ok() + // returns HttpResponseBuilder + // .content_type("text/html") + // set body of HttpResponse + // .body( + // set body to template + // type Result + // body.map_err( |e| { + // apply funtion to Result, leave Result untouched + // print error to stdout + // eprint!("{}", e ); + // use sncf custom error + // error::crash( + // template::get_lang((&req), "error rendering template"), + // }) + + // )?, // return Ok value + // .await +// } + + + + + + +// footer Routes + +pub async fn contact( req: HttpRequest ) -> Result { + // if response Ok return HttpResponseBuilder + HttpResponse::Ok() + // set response content type html + .content_type("text/html") + // set response body to template context + .body( + // render template context + template::TplContact { + // lang to value of Accept-Language header + lang : &template::get_lang(&req), + } + + // render template context into String + .render() + .map_err( |e| { + eprintln!("error_tplrender : {}", e ); + error::crash( template::get_lang(&req), "error_tplrender" ) + })?, + ).await +} +// add errot handling +pub async fn privacy (req: HttpRequest) -> Result { + HttpResponse::Ok() + .content_type("text/html") + .body( + template::TplPr { + lang: &template::get_lang(&req), + }.render().unwrap() + ).await +} + + + diff --git a/src/build_actix/template.rs b/src/build_actix/template.rs new file mode 100644 index 0000000..7538be2 --- /dev/null +++ b/src/build_actix/template.rs @@ -0,0 +1,293 @@ +// Askama Template +use askama::Template; + +use actix_web::HttpRequest; + + +#[derive(Template)] +#[template(path="pools.html")] +pub struct TplPools<'a> { + pub title: &'a str, + pub content: &'a str, + pub lang: &'a str, + pub subtitle: &'a str, +} + +// context for info pages + +#[derive(Template)] +#[template(path="info.html")] +pub struct InSm<'a> { + pub title: &'a str, + pub content: &'a str, + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlWw<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlCp<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlTk<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlGm<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlSm<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlEn<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlKc<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="timeline.html")] +pub struct TlCb<'a> { + pub content: &'a str, + pub lang: &'a str, + pub title: &'a str, +} + + +#[derive(Template)] +#[template(path="submit.html")] +pub struct TplS<'a> { + pub lang: &'a str, + pub content: &'a str, + pub title: &'a str, +} + + + + + + + +// define struct linked to template context +#[derive(Template)] +// define path to use template in +#[template(path="index.html")] +pub struct TplIndex<'a> { + + pub lang: &'a str, +} + +#[derive(Template)] +// define path to use template in +#[template(path="app.html")] +pub struct TplRootWork<'a> { + // replace with lang + pub lang: &'a str, +} + +#[derive(Template)] +// define path to use template in +#[template(path="hemp.html")] +pub struct TplHemp<'a> { + // replace with lang + pub lang: &'a str, +} + +#[derive(Template)] +// define path to use template in +#[template(path="spider.html")] +pub struct TplSpider<'a> { + // replace with lang + pub lang: &'a str, +} + +#[derive(Template)] +// define path to use template in +#[template(path="cube.html")] +pub struct TplCube<'a> { + // replace with lang + pub lang: &'a str, +} + +#[derive(Template)] +// define path to use template in +#[template(path="cyber.html")] +pub struct TplCyber<'a> { + // replace with lang + pub lang: &'a str, +} + +#[derive(Template)] +// define path to use template in +#[template(path="offgrid.html")] +pub struct TplOff<'a> { + // replace with lang + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="policy.html")] +pub struct TplPr<'a> { + pub lang: &'a str, +} + + +// index info windows + +#[derive(Template)] +#[template(path="tekla.html")] +pub struct TplRobot<'a> { + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="waspwork_box.html")] +pub struct TplApp<'a> { + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="virtual.html")] +pub struct TplModel<'a> { + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="network.html")] +pub struct TplNetwork<'a> { + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="canna.html")] +pub struct TplCanna<'a> { + pub lang: &'a str, +} + +#[derive(Template)] +#[template(path="greenhome.html")] +pub struct TplHome<'a> { + pub lang: &'a str, +} + + +#[derive(Template)] +#[template(path="energy_box.html")] +pub struct TplBoxEnergy<'a> { + pub lang: &'a str, +} + + +#[derive(Template)] +#[template(path="miner_box.html")] +pub struct TplBoxMiner<'a> { + pub lang: &'a str, +} + + + + + +// linked to error template +#[derive(Template)] +#[template(path="error.html")] +pub struct TplError<'a> { + pub lang: &'a str, + pub error_msg: &'a str, + +} + +// footer pages + +#[derive(Template)] +#[template(path="contact.html")] +pub struct TplContact<'a> { + pub lang: &'a str, + +} + +// Get Language from Client Header +pub fn get_lang( req: &HttpRequest ) -> String { + // get Accept-Language header + if let Some( accept_language ) = req.headers().get( "Accept-Language" ) { + if let Ok( s ) = accept_language.to_str() { + println!("language is {}", s); + // take first two characters of header + return s.to_lowercase()[..2].to_string(); + } + } + + String::from("en") +} + +// Define askama filter +mod filters { + use crate::build_actix::config::LOC; + + pub fn translate(key: &str, lang: &str) -> askama::Result { + + let translation = LOC.get(key).ok_or_else(|| { + + eprintln!("no translation available for key {}", key); + askama::Error::from(std::fmt::Error) + })?; + Ok( String::from( + translation.get( lang ) + .unwrap_or( translation.get( "en" ).ok_or_else(|| { + eprintln!("no translation available for lan {} in key {}", lang, key ); + askama::Error::from(std::fmt::Error) + })?) + .as_str() + .ok_or_else( || { + eprintln!("lang {} in key {} is not a string", lang, key ); + askama::Error::from(std::fmt::Error) + })?, + )) + } + +} + + + diff --git a/src/main.rs b/src/main.rs new file mode 100644 index 0000000..4e9b585 --- /dev/null +++ b/src/main.rs @@ -0,0 +1,53 @@ +// Reduce code ! + +#[macro_use] +extern crate lazy_static; + +use actix_web::{ web, App, HttpServer }; +use actix_files as fs; + +mod build_actix; + +use crate::build_actix::route; + + +#[actix_web::main] +// return Result or io::Error +async fn main() -> std::io::Result<()> { + HttpServer::new( + || { + App::new() + .service( fs::Files::new("/assets", "./templates/assets/").index_file("index.html")) + .route("/", web::get().to(route::index)) + .route("/cbd", web::get().to(route::hemp)) + .route("/tekla", web::get().to(route::spider)) + .route("/waspwork", web::get().to(route::rootwork)) + .route("/kaoscube", web::get().to(route::cube)) + .route("/cyberpreneur", web::get().to(route::cyber)) + .route("/greenmachine", web::get().to(route::off)) + + .route("/info/{info}", web::get().to(route::info)) + + // info windows index + .route("/robot", web::get().to(route::robot)) + .route("/app", web::get().to(route::app)) + .route("/remote", web::get().to(route::business)) + .route("/network", web::get().to(route::network)) + .route("/cannabinieri", web::get().to(route::cannabinieri)) + .route("/greenhome", web::get().to(route::greenhome)) + .route("/energy", web::get().to(route::get_box_energy)) + .route("/miner", web::get().to(route::get_box_miner)) + + // Timelines + .route("/timeline/{name}", web::get().to(route::timeline)) + // Footer + .route("/fund", web::get().to(route::pool)) + .route("/contact", web::get().to(route::contact)) + .route("/contact/mail", web::post().to(route::send_form)) + .route("/privacy", web::get().to(route::privacy)) + + }) + .bind("0.0.0.0:5000")? + .run() + .await +} diff --git a/templates/app.html b/templates/app.html new file mode 100644 index 0000000..a6f0178 --- /dev/null +++ b/templates/app.html @@ -0,0 +1,31 @@ +{% extends "base.html" %} +{% block title %}Waspwork{%endblock%} + +{% block content %} +
+
+ +

WaspWork

+

Wir entwickeln gerade den Prototyp des Low-Tech Hexapods, der die Gartenarbeit übernehmen und Daten über unser Ökosystem sammeln soll. + Die Spinne hat noch einen weiten Weg vor sich. + Diese Daten wird sie in die PermApp eintragen, eine App die zu einem Netzwerk von Informationen zwischen den Wechselwirkungen in unserem Ökosystem ausgebaut wird. + Die Kommunikation zwischen den Spinnen funktioniert abgeschnitten vom World wide web, über sein eigenes verschlüsseltes Mesh. +

+
+
+ +

Progress

+

SpiderPi ist Raspberry-Pi betriebener Roboter. Er führt Programme in Python aus und hat eine eingebaute Kamera, über die er in der Lage ist, einfache Object Detection auszuführen. + Derzeit sind wir damit beschäftigt, mit Hilfe von Photogrammetrie ein 3d Bild zu erstellen, in dem der Roboter sich bewegen und orientieren kann. + Unsere Vision ist es, einen bezahlbaren Gartenroboter zu entwickeln. Während der die Gartenarbeit erledigt, sammelt der Roboter Daten über alle für Pflanzen wichtigen Faktoren. + Es liegt noch viel Arbeit vor uns. Dafür brauchen wir deine Unterstützung. +

+
+
+ +

UI

+

In der PermApp werden die Informationen der Wechselwirkungen ökologischer Entitäten gespeichert. Und visualisiert. Durch Rating kommen die besten Systeme an die Oberfläche. Am Ende werden die besten Netze miteinander kombiniert.

+ Code +
+
+{% endblock %} diff --git a/templates/assets/css/base.css b/templates/assets/css/base.css new file mode 100644 index 0000000..3119916 --- /dev/null +++ b/templates/assets/css/base.css @@ -0,0 +1,28 @@ +/* add canvas with network to body */ +@font-face { + font-family: 'RobotoCondensed'; + src: url('/assets/fonts/RobotoCondensed-Bold.ttf ') format('truetype'); + font-style: normal; + font-weight: 400; +} + +@font-face { + font-family: 'IBMPlexMono'; + src: url('/assets/fonts/IBMPlexMono-Regular.ttf') format('truetype'); +} +html { + height: 100%; +} +body { + height: 100%; + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'RobotoCondensed'; +} + +.wrapper { + min-height: 100%; + display: grid; + grid-template-rows: auto 1fr auto; +} diff --git a/templates/assets/css/box.css b/templates/assets/css/box.css new file mode 100644 index 0000000..b36f833 --- /dev/null +++ b/templates/assets/css/box.css @@ -0,0 +1,361 @@ + .mobile_placeholder { + display: flex; + justify-content: center; + box-sizing: border-box; +} + +.open { + position: fixed; + top: 25vh; + display: grid; + z-index: 300; +} + +.content { + height: inherit; + width: inherit; + display: grid; + grid-template-rows: .35fr .25fr 1fr .45fr; + max-width: inherit; + max-height: inherit; + background: rgba(255,0,255,0.85); + position: relative; + max-width: 60vw; + /* max-height: 51vh; */ + top: 20vh; + right: -10vw; +} + +.content h2 { + grid-row: 1; + display: grid; + justify-content: center; + align-items: center; + text-transform: uppercase; + /* font-size: 6.5vh; */ + font-size: 3.25vh !important; + margin: 3vh 0 2vh 0 !important; + /* margin: 6vh 0 4vh 0; */ + font-family: 'IBMPlexMono', sans-serif; +} + +.content h3 { + grid-row: 2; + display: grid; + text-transform: uppercase; + /* font-size: 3vh; */ + margin: 0; + /* line-height: 5vh; */ + text-align: center; + font-size: 1.35vh !important; + line-height: 2.5vh !important; +} + +.content p { + text-align: center; + margin: 2vh 4vw; + font-family: 'IBMPlexMono', sans-serif; + font-size: 1.05vh !important; + font-weight: bold; + line-height: 2.5vh !important; +} + +.content a { + grid-row: 4; + display: grid; + justify-items: center; + align-items: center; + height: 4vh; + width: 10vw; + width: 30vw; + justify-self: center; + align-self: center; + margin: 0 0 2vh 0 !important; + color: #000; + font-size: 1.95vh; + cursor: pointer; + z-index: 2; + background-position: right bottom; + transition: all .75s ease-out; +} + +.content a:hover { + background: linear-gradient(to right, rgba(255,255,255,0), rgba(1,1,1,1)); + background-size: 200% 100%; + background-position: left bottom; + color: #90e7bc; +} + +.content a:active { + background: linear-gradient(to right, #8693AB 5%, #BDD4E7 95%); + background-size: 100% 120%; + background-position: left bottom; + border: .25vw solid #8693AB; + color: #BDD4E7; +} + + +.close { + height: 20vh; + width: auto; + color: #000; + position: fixed; + stroke: #000; + top: 30vh; + right: -5vw; +} + + +.close path { + stroke-width: 1% !important; +} + +.close_box { + right: 10vw; + top: 35vh; +} + +input:hover ~ .close path { + stroke: rgba(1, 0, 0, 0.3); +} + +input { + height: 20vw; + z-index: 200; + opacity: 0%; + cursor: pointer; + position: fixed; + top: 35vh; + right: 0; +} + + +@keyframes shine { + 0% { + stroke: url('#myGradient'); + + + } + 50% { + stroke: url('#myGradient2'); + + } + 100% { + stroke: url('#myGradient'); + } +} + + +input:hover ~ .close { + animation: shine 4s ease-in forwards; + +} + +input:active ~ .close { + animation: shine 4s ease-in forwards; + +} + + +@media (min-height: 750px) { + .open { + max-height: 60vh; + } + +} + +@media (min-height: 800px) { + .open { + max-height: 55vh; + } +} + +@media (min-height: 750px) and (max-width: 768px) { + .open { + max-height: 45vh; + } + + h2 { + font-size: 3.25vh !important; + margin: 3vh 0 2vh 0 !important; + } + + h3 { + font-size: 1.5vh !important; + line-height: 2.5vh !important; + } + + p { + font-size: 1.05vh !important; + line-height: 2.5vh !important; + } + + a { + font-size: 1.45vh !important; + } +} + +@media (min-height: 840px) and (max-width: 1080px) { + + h2 { + font-size: 3.25vh !important; + margin: 3vh 0 2vh 0 !important; + } + + h3 { + font-size: 1.5vh !important; + line-height: 2.5vh !important; + } + + p { + font-size: 1.05vh !important; + line-height: 2.5vh !important; + } + + .content a { + font-size: 1.45vh !important; + width: 15vw !important; + height: 3.5vh !important; + } + +} + + +@media (min-height: 1020px) and (max-width: 768px) { + p { + font-size: 1.25vh !important; + } + + a { + margin-top: 0 !important; + } +} + +@media (min-height: 1000px) { + .open { + max-height: 40vh; + } +} + + +@media (min-height: 1070px) { + .open { + max-height: 35vh; + } + + #small { + font-size: 4.9vh; + max-width: inherit; + } +} + +@media (min-width: 768px) { + .content { + position: relative; + max-width: 60vw; + /* max-height: 55vh; */ + top: 5vh; + } + + .content p { + font-size: 2vh !important; + margin: 2vh 2vw; + line-height: 3vh !important; + } + + .close { + height: 25vh; + top: 15vh; + right: -5vw; + } + .close_box { + right: 5vw; + top: 20vh; + } +} + +@media (min-width: 1000px) { + + .open { + max-width: 35vw; + top: 20vh; + right: 5vw; + max-height: 60vh; + } + + .close { + top: 3vh; + left: 70vw; + height: 25vh; + } + + .close path { + stroke-width: 1% !important; + } + + + .close_box { + right: 20vw; + top: 10vh; + } + + input:hover ~ .close path { + stroke: rgba(1, 0, 0, 0.3); + } + + input { + height: 10vh; + top: 10vh; + right: 20vw; + } + .content { + padding: 5vh 1.5vw .5vh 1.5vw; + } + + .content h2 { + font-size: 4.5vh; + margin: 3vh 0 2vh 0; + } + + .content h3 { + font-size: 1.75vh; + line-height: 3vh; + } + + .content p { + font-size: 2vh; + line-height: 4vh; + font-weight: bold; + } + + .content a { + width: 15vw; + border: .25vw solid #000; + } + + .content a:hover { + border: none; + } + + .content a:active { + border: .1vw solid #8693AB; + } + + #larger { + padding: 5vh 1.5vw 2vh 1.5vw; + } + +} + +@media (min-width: 1280px) { + .content { + right: 5vw; + } +} + + + + + + + diff --git a/templates/assets/css/contact.css b/templates/assets/css/contact.css new file mode 100644 index 0000000..56657c6 --- /dev/null +++ b/templates/assets/css/contact.css @@ -0,0 +1,3 @@ +.container { + min-height: 100vh; +} \ No newline at end of file diff --git a/templates/assets/css/footer-pages.css b/templates/assets/css/footer-pages.css new file mode 100644 index 0000000..35f2d38 --- /dev/null +++ b/templates/assets/css/footer-pages.css @@ -0,0 +1,201 @@ +/* styles for fund.html */ + +#fund_container { + position: relative; + top: 20vh; + font-family: 'IBMPlexMono', sans-serif; + margin-bottom: 20vh; +} +#fund_container h2 { + text-transform: uppercase; + color: #93ebbf; + font-weight: bold; + left: 5vw; + font-size: 5vh; + position: relative; +} + +#fund_container p { + padding: 0 2vw 0 3vw; + margin: 0 3vw 0 3vw; + border: .5vw solid #bcd3e7; +} + +#fund_container img { + max-width: 20vw; + border-radius: unset; + margin: 2vh 4vw; + grid-row: 1/3; + align-self: center; + justify-self: center; + +} + +.node_container { + display: grid; + grid-template-columns: 25% 75%; + margin-bottom: 2vh; +} + +.node_container h6 { + grid-row: 1; + grid-column: 2; + margin: 0; + padding: 2vh 2vw; + text-transform: uppercase; + +} + +.node_container p { + grid-row: 2; + grid-column: 2; + margin: unset !important; + border: unset !important; +} + +/* contact page */ + +.contact_container { + position: relative; + top: 20vh; + font-family: 'IBMPlexMono', sans-serif; + margin: 0 2vw 0 2vw; +} + +.contact_container h1 { + margin: 2vh 0 4vh 5vw; + font-size: 4.5vh; +} + +#contact_form { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr; + grid-gap: 1vh 5vw; +} + +#l1 { + grid-column: 1; + grid-row: 1; + text-align: center; +} + +#l2 { + grid-column: 1; + grid-row: 3; + text-align: center; + margin-top: 2vh; +} + +#l3 { + grid-column: 2; + grid-row: 1; + text-align: center; +} + +.form_input { + font-size: 1.75vh; + padding-left: 1vw; + font-family: 'IBMPlexMono', sans-serif; +} + +#input_mail { + grid-column: 1; + grid-row: 2; +} + +#input_subject { + grid-column: 1; + grid-row: 4 +} + +#input_message { + grid-column: 2; + grid-row: 2/4; + font-size: 1.75vh; + color: rgba(15, 230, 190, 1); + padding-left: 2vw; +} + +#mail_submit { + grid-column: 2; + grid-row: 5; + text-align: center; + display: flex; + justify-self: center; + background: none; + border: .04vw solid black; + padding: 2vh 2vw; + font-family: 'IBMPlexMono', sans-serif; +} + +#mail_submit:hover, #mail_submit:active { + background-image: linear-gradient(to right, rgba(15, 230, 190, 1) , #e4e4a8); +} + + + +#input_mail, #input_subject, #input_message, #mail_submit, #blub { + height: unset; + top: unset; + right: unset; + opacity: unset; + position: unset; +} + +/* back home page */ +#back_home_container { + position: relative; + background-image: linear-gradient(#93ebbf, #c4d8e9,#f9d17d, #b0afd0,#fdfd96,#ff7fff); + min-height: 100vh; + font-family: 'IBMPlexMono', sans-serif; +} + +#back_home_container h1 { + text-align: center; + margin: 0; +} + +#back_home_container a { + font-size: 3vh; + text-align: center; +} + +#back_home_container a:hover, #back_home_container a:active { + color:#ff7fff; +} + +#back_home_container svg { + max-height: 10vh; + margin: -5vh 0 7.5vh 0; +} + +#contents_container { + top: 30vh; + position: relative; + display: flex; + flex-direction: column; +} + +@media (min-width: 1024px) { + +#back_home_container svg { + margin: 2vh 0 3vh 0; +} + + +} + +/* privacy policy page */ + + +#privacy_container { + top: 20vh; + position: relative; + font-family: 'IBMPlexMono', sans-serif; + margin: 2vh 4vw; + box-shadow: 60px -16px teal; +} + + diff --git a/templates/assets/css/footer.css b/templates/assets/css/footer.css new file mode 100644 index 0000000..c3022b0 --- /dev/null +++ b/templates/assets/css/footer.css @@ -0,0 +1,113 @@ +.footer_container { + display: grid; + grid-template-columns: repeat(2,1fr); + grid-template-rows: repeat(3, 1fr); + justify-items: center; + align-items: center; + text-transform: uppercase; +} + +.footer_container p { + grid-column: 1/3; + grid-row: 3; + color: #5c5d61; + font-size: 1.35vh !important; +} + +.footer_container #l1 { + grid-column: 1; + grid-row: 2; +} + +.footer_container #l2 { + grid-column: 2; + grid-row: 1; +} + +.footer_container #l3 { + grid-column: 2; + grid-row: 2; +} + +.footer_container #l4 { + grid-column: 1; + grid-row: 1; +} + +.footer_container #l4 a { + color: #b0afd0; +} + +.footer_container a { + position: relative; + z-index: 150 +} + +a { + text-decoration: none; + color: #5c5d61; + font-size: 1.35vh; + transition: .3s; +} + +p a { + font-size: unset; + color: #a8acb0; +} + +a:active { + opacity: 70%; +} + +@media (min-width: 1024px) { + .footer_container { + grid-template-columns: repeat(4,1fr); + grid-template-rows: 1fr; + justify-items: center; + align-items: center; + text-transform: uppercase; + } + + .footer_container p { + grid-column: 1; + grid-row: 2; + color: #5c5d61; + font-size: 1.35vh; + } + + .footer_container #l1 { + grid-column: 2; + grid-row: 1; + } + + .footer_container #l2 { + grid-column: 3; + grid-row: 1; + } + + .footer_container #l3 { + grid-column: 4; + grid-row: 1; + } + + .footer_container #l4 { + grid-column: 1; + grid-row: 1; + } + + a, p, p a { + font-size: 1.5vh; + } + + + +} + +@media(min-width:768px) { + + .footer-container p { + grid-row: 3; + grid-column: 1; + } +} + diff --git a/templates/assets/css/index.css b/templates/assets/css/index.css new file mode 100644 index 0000000..db4f2de --- /dev/null +++ b/templates/assets/css/index.css @@ -0,0 +1,315 @@ +svg { + height: 100vh; + width: 100%; + position: relative; + z-index: 100; + top: 10vh; +} + +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; +} + +#text { + width: 90vw; + text-align: left; + font-size: 2.5vh !important; + top: 20vh; + line-height: 5vh !important; + z-index: 200; + background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(1,1,1,1)); + margin: 0 3vw; + padding: 0 2vw; + color: hsl(150,69%,75%); + position: absolute; + left: 3vw; + text-transform: uppercase; + letter-spacing: 0.08vw; +} + +@media ( min-width: 1024px ) { + svg { + left: 5vw; + top: 0; + } + +#text +{ + max-width: 20vw; + height: 50vh; + color: hsl(150,69%,75%); + position: absolute; + top: 25vh; + font-size: 5vh; + z-index: 400; + margin: 0; + left: 3vw; + line-height: 9vh; + text-transform: uppercase; + letter-spacing: 0.08vw; + display: flex; + justify-content: center; + align-items: flex-start; + +} + +} + +@media ( min-width: 768px) and ( max-width: 1023px) { + svg { + top: 8vh; + } + + #text { + font-size: 2.5vh !important; + top: 18vh; + line-height: 5vh !important; + z-index: 200; + background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(1,1,1,1)); + margin: 0 3vw; + padding: 0 2vw; + color: hsl(150,69%,75%); + position: absolute; + left: 3vw; + text-transform: uppercase; + letter-spacing: 0.08vw; + } + + #text br { + display: none; + + } +} diff --git a/templates/assets/css/nav.css b/templates/assets/css/nav.css new file mode 100644 index 0000000..44652dc --- /dev/null +++ b/templates/assets/css/nav.css @@ -0,0 +1,229 @@ +#nav { + max-height: 0; } + +.header { + position: relative; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + background-color: transparent; +} + +.logo a { + display: block; + position: sticky; + z-index: 2; +} + +.logo a img { + display: block; + height: 15vh; + padding-top: 2vh; + padding-left: 2vw; +} + +.navigation { + display: flex; + justify-content: space-between; + align-items: center; + padding-right: 5vw; +} + +.navigation input:checked ~ .menu { + right: 2vw; + z-index: 397; +} + +.menu { + display: flex; + justify-content: start; + flex-direction: column; + align-items: center; + position: fixed; + top: 0; + right: -90vw; + background: #fff; + opacity: 90%; + width: 70vw; + height: 100%; + padding-top: 11vh; + z-index: 1; + transition: .5s; + margin: 0; + padding-right: 5vw; + font-family: 'IBMPlexMono', sans-serif; + +} + +.menu li { + list-style-type: none; + width: 100%; +} + +.menu li a { + color: #000; + text-decoration: none; + display: block; + padding: 1.3vh 0 2vh 0; + line-height: 1; + font-size: 2.35vh !important; + text-align: right; + box-shadow: 0 .5vw 0 -0.35vw #D8D8D8; + text-transform: uppercase; + transition: .3s; + font-family: 'IBMPlexMono', sans-serif; + position: relative; + z-index: 200; +} + + +.hamburger { + position: relative; + /* width: 5vw; */ + height: .5vh; + background: #000; + cursor: pointer; + z-index: 2; + transition: .3s; +} + +.hamburger:before, +.hamburger:after { + content: ""; + position: absolute; + height: 4px; + right: 0; + background: #000; + transition: .3s; +} + +.hamburger:before { + top: -1vh; + width: 5vw; +} + +.hamburger:after { + top: 1vh; + width: 5vw; +} + +.toggle_menu { + position: absolute; + width: 3.5vw; + height: 5.5vh; + z-index: 3; + cursor: pointer; + opacity: 0; + top: unset; + left: unset; + z-index: 400; + right: 5vw; +} + +.navigation input:checked ~ .hamburger { + background: transparent; + z-index: 398; +} + +.navigation input:checked ~ .hamburger::before { + top: 0; + transform: rotate(-45deg); + width: 5vw; + background-image: linear-gradient(to bottom right, #fdfd96, #b0afd0, hsl(286,100%,91%)); +} + +.navigation input:checked ~ .hamburger::after { + top: 0; + transform: rotate(45deg); + width: 5vw; + +} + +.dropdown { + + z-index: 201; + +} + +.dropdown:hover ~ .top{ + color: #d2c0e7 !important; + transition: 1s ease; +} + + +.dropdown:active ~ .top{ + color: #d2c0e7 !important; + transition: 1s ease; +} + + + + +.sub_1 { + font-size: 3vh !important; + box-shadow: none !important; + cursor: pointer; +} + +.sub_1:hover, .sub_1:active { + color: #e59ebc; + transition: 1s ease; +} + + +.sub_2{ + font-size: 3vh !important; + cursor:pointer; +} + +.sub_2:hover, .sub_2:active { + color: #9be7c6; + transition: 1s ease; +} + +.dropdown { + right: 0; + top: unset; + left: unset; + height: 5vh; + min-width: 20vw; +} + +.down { + display: none; +} + +.dropdown:checked ~ .down { + display: flex; + flex-direction: column; +} + +@media (min-width: 768px) { + .menu { + width: unset; + } + + .menu li a { + font-size: 4vh; + } +} + +@media (min-width: 1024px) { + + .navigation input:checked ~ .menu { + right: 0; + top: 5vh; + } + + .navigation { + top: 5vh; + } + +} + +@media (min-width: 1280px) { + .navigation input:checked ~ .menu { + right: 2vw; + } +} diff --git a/templates/assets/css/nojs_net.css b/templates/assets/css/nojs_net.css new file mode 100644 index 0000000..9ecaebc --- /dev/null +++ b/templates/assets/css/nojs_net.css @@ -0,0 +1,264 @@ +#mobile { + display: flex; + justify-content: center; + align-items: flex-start; + min-height: 85vh; +} + +svg { + width: 95%; + height: auto; + position: absolute; + align-self: center; +} + + +.edges { + stroke: #000; + stroke-width: 1%; +} + +.nodes { + stroke: #8693AB; + cursor: pointer; +} + +.nodes:active, .nodes:hover { + + animation: svg_pulse 2s ease-in-out forwards; +} + + + + + @keyframes svg_pulse { + 0% { + transform: scale(1); + stroke: #8693AB; + fill-opacity: 100%; + } + + 20% { + transform: scale(1.01); + } + + 80% { + transform: scale(1); + stroke: #BDD4E7; + } + + 80% { + transform: scale(1.01); + } + + 100% { + transform: scale(1); + stroke: #8693AB; + fill-opacity: 100%; + } +} + + + +.group_1:hover > #edge_1 { + animation: glowing 2s ease-in forwards; +} + +.group_1:active > #edge_1 { + animation: glowing 2s ease-in forwards; +} + + +.group_1:hover > #edge_2 { + animation: glowing 2s ease-in forwards; + +} + +.group_1:active > #edge_2 { + animation: glowing 2s ease-in forwards; + +} + +.group_1:hover > #edge_11 { + animation: glowing 2s ease-in forwards; + +} + +.group_1:active > #edge_11 { + animation: glowing 2s ease-in forwards; + +} + + +.group_2:hover > #edge_3 { + animation: glowing 2s ease-in forwards; +} + +.group_2:active > #edge_3 { + animation: glowing 2s ease-in forwards; +} + +.group_2:hover > #edge_4 { + animation: glowing 2s ease-in forwards; +} + +.group_2:active > #edge_4 { + animation: glowing 2s ease-in forwards; +} + +.group_2:hover > #edge_5 { + animation: glowing 2s ease-in forwards; +} + +.group_2:active > #edge_5 { + animation: glowing 2s ease-in forwards; +} + +.group_2:hover > #edge_6 { + animation: glowing 2s ease-in forwards; +} + +.group_2:active > #edge_6 { + animation: glowing 2s ease-in forwards; +} + + + +.group_3:hover > #edge_7 { + animation: glowing 2s ease-in forwards; +} + +.group_3:active > #edge_7 { + animation: glowing 2s ease-in forwards; +} + +.group_3:hover > #edge_8 { + animation: glowing 2s ease-in forwards; +} + +.group_3:active > #edge_8 { + animation: glowing 2s ease-in forwards; +} + + +.group_3:hover > #edge_10 { + animation: glowing 2s ease-in forwards; +} + +.group_3:active > #edge_10 { + animation: glowing 2s ease-in forwards; +} + + + + +.group_4:hover > #edge_9 { + animation: glowing 2s ease-in forwards; +} + +.group_4:active > #edge_9 { + animation: glowing 2s ease-in forwards; +} + +.group_5:hover > #edge_10 { + animation: glowing 2s ease-in forwards; +} + +.group_5:active > #edge_10 { + animation: glowing 2s ease-in forwards; +} + + + +@keyframes glowing { + 0% { + stroke: #8693AB; + + } + 50% { + stroke: #BDD4E7; + + } + 100% { + stroke: #8693AB; + } + } + + + +@media (min-width: 0 ) { + #tablet { + display: none; + } +} + + +@media (min-width: 768px) { + svg { + max-height: 70vh; + width: 100vw; + } + + #mobile { + display: none; + } + + #tablet { + display: block; + } +} + + +@media (min-width: 768px) { + svg { + max-height: 70vh; + width: 100vw; + } +} + + +@media (min-width: 1000px) { + svg { + max-height: 75vh; + width: 55vw; + margin-left: 7.5vw; + } + + + +} + + +@media (min-height: 1070px) { + svg { + max-height: 64vh; + } +} + +@media (min-height: 840px) and (max-width: 768px) { + svg { + max-height: 90vh; + top: 20vh; + } +} + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/assets/css/pages.css b/templates/assets/css/pages.css new file mode 100644 index 0000000..01ca989 --- /dev/null +++ b/templates/assets/css/pages.css @@ -0,0 +1,264 @@ +.container { + width: 100vw; + font-family: 'IBMPlexMono', sans-serif; + padding-top: 15vh; +} + +img { + border-radius: 50%; +} + +.content_container { + display: grid; + justify-items: center; + padding: 0 1vw 2vh 1vw; +} + +.content_container img { + grid-row: 2; + grid-column: 1/2; + height: 80vw; + width: 80vw; +} + +.content_container h1 { + grid-row: 1; + color: #000; + font-size: 6vh; + text-transform: uppercase; + padding: 1vh 0; + letter-spacing: .15vw; +} + +.content_container h1 span { + opacity: 70%; +} + +.content_container p { + grid-row: 2/3; + grid-column: 1/2; + text-align: center; + background-color: rgba(255, 255, 255, 0.5); + margin-top: 35vh; + color: #333; + font-size: 1.5vh !important; + padding: 2vh 2vw 4vh 2vw; + letter-spacing: .1vw; + line-height: 3.25vh !important; +} + +.content_container a { + grid-row: 3; + text-decoration: none; + background-color: #fff; + border: .25vw solid #000; + opacity: 80%; + color: #000; + padding: 2vh 7vw; + text-transform: uppercase; + letter-spacing: .35vw; + transition: all ease .4s; + +} + +.content_container a:hover { + box-shadow: 0px 0px 10px #8693AB; +} + +.content_container a:active { + box-shadow: 0px 0px 10px #8693AB; +} + +#withbutton { + padding-bottom: 4vh; +} + +#withbutton p { + padding-bottom: 3vh; +} + +#smaller_text { + font-size: 3.5vh; +} + +#smaller { + font-size: 4.5vh; +} + +#mid_padding_bottom { + font-size: 10vw; + text-align: center; + margin-bottom: 2vh; +} + +#adjust_padding { + padding-top: 4vh; +} + +#tiny { + font-size: 4vh; + padding: 1vh 1vw; + text-align: center; +} + +#small_centered { + font-size: 4.5vh; + text-align: center; + line-height: 8vh; +} + +#padding_bottom { + padding-bottom: 4vh; +} + +#space_between { + padding-bottom: 8vh; +} + +#weed { + height: 90vw; +} + +#up { + margin-top: 25vh !important; +} + +#littleup { + margin-top: 30vh !important; +} + +#down { + margin-bottom: 0; +} + +#small { + font-size: 2.95vh !important; +} + +@media (min-width: 700px) { + + .content_container h1 { + margin-top: 0; + font-size: 5.5vh; + } + + .content_container p { + padding-bottom: 6vh; + padding-top: 2vh; + margin-top: 25vh; + font-size: 1.8vh !important; + line-height: 3.75vh !important; + } + + .content_container { + display: grid; + justify-items: center; + padding: 1vh 1vw 2vh 1vw; + + } + + .content_container img { + height: 40vw !important; + width: 40vw !important; + } + + #smaller_text { + font-size: 6vh; + } + + #littleup { + margin-top: 20vh !important; + } + + +} + +@media (min-width: 1000px) { + + .container { + padding-top: 5vh; + margin-bottom: 6vh; + } + + .content_container { + padding: 3vh 4vw 1vh 4vw; + margin-top: 6vh; + } + + + #first { + margin-top: 0; + } + + .content_container img { + grid-column: 1/3; + grid-row: 1/3; + height: 40vw; + width: 40vw; + align-self: center; + justify-self: flex-start; + } + + .content_container h1 { + grid-column:2 ; + grid-row: 1; + align-self: center; + letter-spacing: .3vw; + } + + .content_container p { + grid-column:2 ; + grid-row: 2; + margin-top: 0; + width: 50vw; + line-height: 5.25vh; + font-size: 1.95vh !important; + padding: 5vh 2.5vw; + } + + .content_container a { + grid-column: 2; + padding: 2vh 3vw; + border: .15vw solid #000; + } + + #withbutton { + padding-bottom: 6vh; + } + + #adjust_padding { + padding-top: 8vh; + } + + #small_centered { + margin-left: 2vw; + font-size: 6vh; + } + + #up, #littleup { + margin-top: 5vh !important; + } + + #littleup { + margin-bottom: 0 !important; + padding-bottom: 0 !important; + } + + #mysvg { + border-radius: 15%; + margin-left: 1vw; + } + + #permapp { + margin-bottom: 7.5vh; + } + + #smaller_text { + margin-left: 10vw; + } +} + +#spider { + height: 85vw; + width: 90vw; +} diff --git a/templates/assets/fonts/IBMPlexMono-Bold.ttf b/templates/assets/fonts/IBMPlexMono-Bold.ttf new file mode 100644 index 0000000..2ad2fa1 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-Bold.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-BoldItalic.ttf b/templates/assets/fonts/IBMPlexMono-BoldItalic.ttf new file mode 100644 index 0000000..29d9f35 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-BoldItalic.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-ExtraLight.ttf b/templates/assets/fonts/IBMPlexMono-ExtraLight.ttf new file mode 100644 index 0000000..66ad6f1 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-ExtraLight.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-ExtraLightItalic.ttf b/templates/assets/fonts/IBMPlexMono-ExtraLightItalic.ttf new file mode 100644 index 0000000..86a4e73 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-ExtraLightItalic.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-Italic.ttf b/templates/assets/fonts/IBMPlexMono-Italic.ttf new file mode 100644 index 0000000..d17f56b Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-Italic.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-Light.ttf b/templates/assets/fonts/IBMPlexMono-Light.ttf new file mode 100644 index 0000000..88cbd9b Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-Light.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-LightItalic.ttf b/templates/assets/fonts/IBMPlexMono-LightItalic.ttf new file mode 100644 index 0000000..02b6524 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-LightItalic.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-Medium.ttf b/templates/assets/fonts/IBMPlexMono-Medium.ttf new file mode 100644 index 0000000..3dea23c Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-Medium.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-MediumItalic.ttf b/templates/assets/fonts/IBMPlexMono-MediumItalic.ttf new file mode 100644 index 0000000..ee9dfe7 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-MediumItalic.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-Regular.ttf b/templates/assets/fonts/IBMPlexMono-Regular.ttf new file mode 100644 index 0000000..93331e2 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-Regular.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-SemiBold.ttf b/templates/assets/fonts/IBMPlexMono-SemiBold.ttf new file mode 100644 index 0000000..dcf56af Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-SemiBold.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-SemiBoldItalic.ttf b/templates/assets/fonts/IBMPlexMono-SemiBoldItalic.ttf new file mode 100644 index 0000000..0f77c11 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-SemiBoldItalic.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-Thin.ttf b/templates/assets/fonts/IBMPlexMono-Thin.ttf new file mode 100644 index 0000000..16bcd55 Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-Thin.ttf differ diff --git a/templates/assets/fonts/IBMPlexMono-ThinItalic.ttf b/templates/assets/fonts/IBMPlexMono-ThinItalic.ttf new file mode 100644 index 0000000..d9c094c Binary files /dev/null and b/templates/assets/fonts/IBMPlexMono-ThinItalic.ttf differ diff --git a/templates/assets/fonts/RobotoCondensed-Bold.ttf b/templates/assets/fonts/RobotoCondensed-Bold.ttf new file mode 100644 index 0000000..7fe3128 Binary files /dev/null and b/templates/assets/fonts/RobotoCondensed-Bold.ttf differ diff --git a/templates/assets/fonts/RobotoCondensed-BoldItalic.ttf b/templates/assets/fonts/RobotoCondensed-BoldItalic.ttf new file mode 100644 index 0000000..52ef6f3 Binary files /dev/null and b/templates/assets/fonts/RobotoCondensed-BoldItalic.ttf differ diff --git a/templates/assets/fonts/RobotoCondensed-Italic.ttf b/templates/assets/fonts/RobotoCondensed-Italic.ttf new file mode 100644 index 0000000..12216d6 Binary files /dev/null and b/templates/assets/fonts/RobotoCondensed-Italic.ttf differ diff --git a/templates/assets/fonts/RobotoCondensed-Light.ttf b/templates/assets/fonts/RobotoCondensed-Light.ttf new file mode 100644 index 0000000..43dd8f4 Binary files /dev/null and b/templates/assets/fonts/RobotoCondensed-Light.ttf differ diff --git a/templates/assets/fonts/RobotoCondensed-LightItalic.ttf b/templates/assets/fonts/RobotoCondensed-LightItalic.ttf new file mode 100644 index 0000000..99d491b Binary files /dev/null and b/templates/assets/fonts/RobotoCondensed-LightItalic.ttf differ diff --git a/templates/assets/fonts/RobotoCondensed-Regular.ttf b/templates/assets/fonts/RobotoCondensed-Regular.ttf new file mode 100644 index 0000000..62dd61e Binary files /dev/null and b/templates/assets/fonts/RobotoCondensed-Regular.ttf differ diff --git a/templates/assets/img/3d_greenhouse.webp b/templates/assets/img/3d_greenhouse.webp new file mode 100644 index 0000000..aea3cfc Binary files /dev/null and b/templates/assets/img/3d_greenhouse.webp differ diff --git a/templates/assets/img/Canna17.webp b/templates/assets/img/Canna17.webp new file mode 100644 index 0000000..0fab8ba Binary files /dev/null and b/templates/assets/img/Canna17.webp differ diff --git a/templates/assets/img/Logo.png b/templates/assets/img/Logo.png new file mode 100644 index 0000000..883aabd Binary files /dev/null and b/templates/assets/img/Logo.png differ diff --git a/templates/assets/img/Logo.svg b/templates/assets/img/Logo.svg new file mode 100644 index 0000000..32297ab --- /dev/null +++ b/templates/assets/img/Logo.svg @@ -0,0 +1,73 @@ + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/templates/assets/img/VR.svg b/templates/assets/img/VR.svg new file mode 100644 index 0000000..5703383 --- /dev/null +++ b/templates/assets/img/VR.svg @@ -0,0 +1,135383 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/assets/img/bliss.webp b/templates/assets/img/bliss.webp new file mode 100644 index 0000000..b947965 Binary files /dev/null and b/templates/assets/img/bliss.webp differ diff --git a/templates/assets/img/boat_construction.webp b/templates/assets/img/boat_construction.webp new file mode 100644 index 0000000..0c9f91a Binary files /dev/null and b/templates/assets/img/boat_construction.webp differ diff --git a/templates/assets/img/boat_peace.webp b/templates/assets/img/boat_peace.webp new file mode 100644 index 0000000..89f3f06 Binary files /dev/null and b/templates/assets/img/boat_peace.webp differ diff --git a/templates/assets/img/bootA.webp b/templates/assets/img/bootA.webp new file mode 100644 index 0000000..4c8cafc Binary files /dev/null and b/templates/assets/img/bootA.webp differ diff --git a/templates/assets/img/cactee.JPG b/templates/assets/img/cactee.JPG new file mode 100644 index 0000000..04ab0e8 Binary files /dev/null and b/templates/assets/img/cactee.JPG differ diff --git a/templates/assets/img/canna.webp b/templates/assets/img/canna.webp new file mode 100644 index 0000000..47a3973 Binary files /dev/null and b/templates/assets/img/canna.webp differ diff --git a/templates/assets/img/cheers.svg b/templates/assets/img/cheers.svg new file mode 100644 index 0000000..3d3b3ff --- /dev/null +++ b/templates/assets/img/cheers.svg @@ -0,0 +1,1915 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/templates/assets/img/ethereum_stock_1.webp b/templates/assets/img/ethereum_stock_1.webp new file mode 100644 index 0000000..57133fb Binary files /dev/null and b/templates/assets/img/ethereum_stock_1.webp differ diff --git a/templates/assets/img/flower_square.webp b/templates/assets/img/flower_square.webp new file mode 100644 index 0000000..af9f39d Binary files /dev/null and b/templates/assets/img/flower_square.webp differ diff --git a/templates/assets/img/hemp2.webp b/templates/assets/img/hemp2.webp new file mode 100644 index 0000000..ea47166 Binary files /dev/null and b/templates/assets/img/hemp2.webp differ diff --git a/templates/assets/img/hemp_field.webp b/templates/assets/img/hemp_field.webp new file mode 100644 index 0000000..528c270 Binary files /dev/null and b/templates/assets/img/hemp_field.webp differ diff --git a/templates/assets/img/hemp_field_greded.webp b/templates/assets/img/hemp_field_greded.webp new file mode 100644 index 0000000..45f8d99 Binary files /dev/null and b/templates/assets/img/hemp_field_greded.webp differ diff --git a/templates/assets/img/img_greenhouse.webp b/templates/assets/img/img_greenhouse.webp new file mode 100644 index 0000000..f73e280 Binary files /dev/null and b/templates/assets/img/img_greenhouse.webp differ diff --git a/templates/assets/img/kaoscube.webp b/templates/assets/img/kaoscube.webp new file mode 100644 index 0000000..47c2325 Binary files /dev/null and b/templates/assets/img/kaoscube.webp differ diff --git a/templates/assets/img/oil_drop.webp b/templates/assets/img/oil_drop.webp new file mode 100644 index 0000000..4b8f064 Binary files /dev/null and b/templates/assets/img/oil_drop.webp differ diff --git a/templates/assets/img/opi.webp b/templates/assets/img/opi.webp new file mode 100644 index 0000000..a350526 Binary files /dev/null and b/templates/assets/img/opi.webp differ diff --git a/templates/assets/img/pattern.jpg b/templates/assets/img/pattern.jpg new file mode 100644 index 0000000..5df3d0f Binary files /dev/null and b/templates/assets/img/pattern.jpg differ diff --git a/templates/assets/img/pattern.webp b/templates/assets/img/pattern.webp new file mode 100644 index 0000000..f48e3b2 Binary files /dev/null and b/templates/assets/img/pattern.webp differ diff --git a/templates/assets/img/placeholder.jpg b/templates/assets/img/placeholder.jpg new file mode 100644 index 0000000..f953365 Binary files /dev/null and b/templates/assets/img/placeholder.jpg differ diff --git a/templates/assets/img/sample-permapp-screen.webp b/templates/assets/img/sample-permapp-screen.webp new file mode 100644 index 0000000..7f5a87e Binary files /dev/null and b/templates/assets/img/sample-permapp-screen.webp differ diff --git a/templates/assets/img/sample_code.png b/templates/assets/img/sample_code.png new file mode 100644 index 0000000..aac632a Binary files /dev/null and b/templates/assets/img/sample_code.png differ diff --git a/templates/assets/img/sample_code.webp b/templates/assets/img/sample_code.webp new file mode 100644 index 0000000..344283b Binary files /dev/null and b/templates/assets/img/sample_code.webp differ diff --git a/templates/assets/img/sample_waspwork.jpg b/templates/assets/img/sample_waspwork.jpg new file mode 100644 index 0000000..b7cafd9 Binary files /dev/null and b/templates/assets/img/sample_waspwork.jpg differ diff --git a/templates/assets/img/sketch.webp b/templates/assets/img/sketch.webp new file mode 100644 index 0000000..979af2e Binary files /dev/null and b/templates/assets/img/sketch.webp differ diff --git a/templates/assets/img/sketch_treehouse.webp b/templates/assets/img/sketch_treehouse.webp new file mode 100644 index 0000000..63a5dc5 Binary files /dev/null and b/templates/assets/img/sketch_treehouse.webp differ diff --git a/templates/assets/img/solar.webp b/templates/assets/img/solar.webp new file mode 100644 index 0000000..110d016 Binary files /dev/null and b/templates/assets/img/solar.webp differ diff --git a/templates/assets/img/spider_out_bw.webp b/templates/assets/img/spider_out_bw.webp new file mode 100644 index 0000000..96ab7f5 Binary files /dev/null and b/templates/assets/img/spider_out_bw.webp differ diff --git a/templates/assets/img/spider_web.webp b/templates/assets/img/spider_web.webp new file mode 100644 index 0000000..de75e32 Binary files /dev/null and b/templates/assets/img/spider_web.webp differ diff --git a/templates/assets/img/sunrocket.webp b/templates/assets/img/sunrocket.webp new file mode 100644 index 0000000..981727a Binary files /dev/null and b/templates/assets/img/sunrocket.webp differ diff --git a/templates/assets/img/tekla.webp b/templates/assets/img/tekla.webp new file mode 100644 index 0000000..3decb54 Binary files /dev/null and b/templates/assets/img/tekla.webp differ diff --git a/templates/assets/img/v1-permapp.webp b/templates/assets/img/v1-permapp.webp new file mode 100644 index 0000000..7fa9945 Binary files /dev/null and b/templates/assets/img/v1-permapp.webp differ diff --git a/templates/assets/img/waspwork_stock-min.jpg b/templates/assets/img/waspwork_stock-min.jpg new file mode 100644 index 0000000..9805610 Binary files /dev/null and b/templates/assets/img/waspwork_stock-min.jpg differ diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..853e965 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,36 @@ + + + + {% block head %} + + + + + + + + + + + + + + + + {%block title%}{%endblock%} | Cyberpreneur + {% endblock %} + + +
+ +
+ {% block content %}{% endblock %} +
+ +
+ + diff --git a/templates/canna.html b/templates/canna.html new file mode 100644 index 0000000..1c449b6 --- /dev/null +++ b/templates/canna.html @@ -0,0 +1,30 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Cannabinieri

+

Biodynamic Transparent CBD experiments

+

The most impressive network on out planet can be found underground. + All organisms on earth are related, they are friends and followers. + All of them have favorite environments that get them into a good mood. + They show it with flowers or sweet fruit. + RootWork aims to become a network of optimal conditions for all organisms and serves as a database for Tekla. +

+ MORE +
+
+ +
+{% endblock%} diff --git a/templates/contact.html b/templates/contact.html new file mode 100644 index 0000000..622e2ad --- /dev/null +++ b/templates/contact.html @@ -0,0 +1,16 @@ +{% extends "base.html" %} +{% block title %}Contact{%endblock%} +{% block content %} +
+

Contact

+
+ + + + + + + +
+
+{% endblock %} diff --git a/templates/cube.html b/templates/cube.html new file mode 100644 index 0000000..826af4e --- /dev/null +++ b/templates/cube.html @@ -0,0 +1,29 @@ +{% extends "base.html" %} +{% block title %}Kaos Cube{%endblock%} + +{%block content%} +
+
+ +

Kaos Cube

+

Der Kaos Cube ist das Netzwerk, in dem sich die Spinne bewegt. Er spannt ein dezentrales und privates Netzwerk zwischen den Spinnen. + Der Cube ist eine Art Router, kombiniert mit digitalen Token basierend auf dem Ethereum Netzwerk. Die Antenne des Kaos Cubes fängt naheliegende Netzwerke ein. Jeder Kaos Cube Besitzer ist durch einen Ether Token in der Lage sein eigenes Inernet zu teilen. + Der KaosCube ist Vorraussetzung für die Spinne. Individuelle Automation, welche die Spinne darstellt, birgt die große Gefahr eines perfekten Überwachungstools. Das setzt voraus, dass ihre Nutzer und Besitzende sich mit dem Netzwerk und der Sicherheit der Daten auseinandergesetzt haben. +

+
+
+ +

Die physische Infrastruktur des Internets in den Händen des Nutzers

+

+ Mit dem Kaos Cube wird es möglich, sichere Internet Verbindungen mit anderen teilen. + Der Ether Token lässt Contracts zu, mit denen jeder Nutzer einstellt, wie er die Kosten seiner Bandbreite auf andere verteilen möchte. Die Verschlüsselung des Kaos Cubes ist auf Cjdns aufgebaut. Das bedeutet, dass an Stelle von IPs öffentliche Schlüssel die "Identität" der Nutzer darstellen. Daher ist der gesamte Datenverkehr des Netzwerkes der Cubes standardmäßig Onion verschlüsselt. Onion ist das Prinzip von Tor, beziehungsweise das, was als Darknet bezeichnet wird. +

+
+
+ +

Der Decnet Coin

+

Zwei Smart Contracts machen diesen Coin aus. Der erste Contract bestimmt, wieviele Coins der KaosCube von Fremden verlangen soll. Dafür dass er Bandbreite weiterleitet. Oder auch als Tor Guard agiert. + Der zweite Contract setzt über alle DecNETcoins einen Anteil fest, der in zentrale Knotenpunkte fließen soll. Zentrale Knotenpunkte in einem dezentralen Netzwerk? Für diesen empfindlichen Punkt dienen "Bürger für Glasfaser" sowie der Stadtteil von Barcelona, in dem Freifunk große Teile des Internets bildet, als Vorbilder. Ziel ist ein von den Nutzern demokratisch kontrolliertes Netzwerk. Ein Internet, dessen physische Infrastruktur im Besitz der Nutzer ist, gewartet und durchdrungen von genau diesen.

+
+
+{%endblock content%} diff --git a/templates/cyber.html b/templates/cyber.html new file mode 100644 index 0000000..8deface --- /dev/null +++ b/templates/cyber.html @@ -0,0 +1,27 @@ +{% extends "base.html" %} +{% block title %}Virtual Farming{%endblock%} + +{%block content%} +
+
+ +

Cyberpreneur

+

Wir wollen, dass alle unsere Kunden zum Unternehmer im Cyberspace werden. + Die Roboterspinnen gehen in den Besitz von den Cyberpreneuren, um ihre Pflanzen für sie anzubauen. + Wir kümmern uns um Administration sowie die schrittweise Vereinfachung und Beseitigung dieser. + Wie in einem Spiel können die Cyberpreneure rund um die Uhr ihre Pflanzen sehen und mit einer der Spinnen kommunizieren. +

+
+
+ +

Progress

+

Wir nutzen Photogrammetrie um unser Gewächshaus in in die virtuelle Realität zu bringen. + Auf dieser Website wird für registrierte Cyberpreneure ein von der Spinne produziertes, virtuelles, dreidimensionales und interaktives Abbild unseres Gewächshauses regelmäßig upgedatet. + Kunden können ihre Pflanzen rund um die Uhr sehen und Wünsche äussern, die später von der Spinne angenommen und beantwortet werden. + Cyberpreneure können, wie in einem Spiel, ihre Pflanzen in allen Wachsumsphasen sehen, selbst eingreifen und letztendlich bestimmen wann die Blüten geerntet werden, wie sie verarbeitet werden. + +

+
+
+ +{% endblock %} \ No newline at end of file diff --git a/templates/energy_box.html b/templates/energy_box.html new file mode 100644 index 0000000..bbaa618 --- /dev/null +++ b/templates/energy_box.html @@ -0,0 +1,30 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Green Energy

+

Responsive Sustainable Houses

+

The most impressive network on out planet can be found underground. + All organisms on earth are related, they are friends and followers. + All of them have favorite environments that get them into a good mood. + They show it with flowers or sweet fruit. + RootWork aims to become a network of optimal conditions for all organisms and serves as a database for Tekla. +

+ MORE +
+
+ +
+{% endblock%} diff --git a/templates/error.html b/templates/error.html new file mode 100644 index 0000000..38d7eba --- /dev/null +++ b/templates/error.html @@ -0,0 +1 @@ +{{ error_msg }} \ No newline at end of file diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..ee74064 --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,9 @@ + diff --git a/templates/greenhome.html b/templates/greenhome.html new file mode 100644 index 0000000..065b6f3 --- /dev/null +++ b/templates/greenhome.html @@ -0,0 +1,30 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Green Machine

+

Responsive Sustainable Houses

+

The most impressive network on out planet can be found underground. + All organisms on earth are related, they are friends and followers. + All of them have favorite environments that get them into a good mood. + They show it with flowers or sweet fruit. + RootWork aims to become a network of optimal conditions for all organisms and serves as a database for Tekla. +

+ MORE +
+
+ +
+{% endblock%} diff --git a/templates/hemp.html b/templates/hemp.html new file mode 100644 index 0000000..91ffdcd --- /dev/null +++ b/templates/hemp.html @@ -0,0 +1,33 @@ +{% extends "base.html" %} +{% block title %}Cannabinieri{%endblock%} + +{%block content%} +
+
+ +

Cannabinieri

+

Unsere Mission ist konsequent biologisch anzubauen und mit Hilfe von Technik mehr über sie zu lernen.
+ All unsere Produkte sind Experimente, die Wechselwirkungen in unserem Ökosystem erforschen. + Unsere Partnerpflanzen sind unsere Dünger. Insekten sind unsere Helfer gegen Schädlinge. +
Entdecke unser erstes Experiment !

+
+
+ +

CBD Oil

+

Unsere CBD Pflanzen verarbeiten wir selbst zu Vollspektrum Ölen. + Unsere ersten Öle gewinnen wir durch Extraktion mit Trinkalkohol und natürlich ohne artifizielle Zusätze. + Wir experimentieren mit verschiedenen Trägerölen und Konzentrationen. +
Unsere Vollspektrum Öle stellen wir aus europäisch zertifiziertem Nutzhanf her, deren THC Gehalt 0.2 Prozent nicht überschreitet. + All unsere Öle kommen mit einem Analyse Zertifikat, das genaue Auskunft über die Menge verschiedener Cannabinoide gibt. Auch auf gängige Pestizide werden wir testen, solange wir noch keine 24 Stunden live Übertragung aller Schritte leisten können.
+

+ Donate +
+
+ +

Cyber Transparency

+

Unsere Ziel ist es, unsere Experimente auch in Form von Blüten anzubieten. Der Verkauf und die Einfuhr von Nutzhanf Blüten ist für uns und viele andere kleine Firmen, die ins CBD Business einsteigen wollen, ohne rechtliche Absicherung zu riskant. + Hier findest du mehr zu unseren Nutzhanf Blüten, aus denen wir auch unsere Öle herstellen.

+ Mehr +
+
+{%endblock content%} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..b9ec971 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,130 @@ +{% extends "base.html"%} + +{% block content %} + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {%block child%} {%endblock%} +
+ +{% endblock %} diff --git a/templates/info.html b/templates/info.html new file mode 100644 index 0000000..daee849 --- /dev/null +++ b/templates/info.html @@ -0,0 +1,29 @@ +{% extends "base.html" %} +{% block title %}{{ title }}{%endblock%} +{% block content %} +
+
+ +

{{ title }}

+

+ {{ content }} +

+
+
+ +

Green Machine

+

+ Eine Maschine nutzt Energie um Arbeiten zu verrichten. Unsere Wohnmaschinen nutzen erneuerbare Energien um Strom bereitzustellen. + Bauteile der Maschinen sind Materialien, die in großer Anzahl verfügbar sind. Materialien die ohne - oder für wenig Geld zu haben sind. + Durch die Verwendung bauen wir lebendige, unabhängige und individuelle Maschinen, die einfach nachzubauen und zu warten sind. +

+
+
+ +

Solar Miner

+

Jede Solaranlage hat Probleme mit der Überproduktion von Strom. Sobald die Recycling Stromspeicher voll sind, geht Energie verloren. Diese Energie nutzen wir zum verifizieren von Transaktionen. Transaktionen von Krypto Währungen. Dabei sehen wir vor allem Monero und Etherium als nützlich an. Etherium Token sind einfach zu Coden. ETH Token als Bestandteil des KaosCubes um mit Contracts den automatischen Tausch von Währung gegen Bandbreite zu gewährleisten. Auch der geringe Ressourcen Verbrauch durch Proof of Stake ist dabei ein Argument für diese Währung. + Monero wird die Grundlage eines sicheren Transaktionssystems innerhalb der Kooperativen. Zusätzlich ist der Mining Algorithmus von Monero so aufgebaut, dass er Unrentabilität für große Mining Farmen verspricht. +

+
+
+{% endblock %} diff --git a/templates/miner_box.html b/templates/miner_box.html new file mode 100644 index 0000000..208c803 --- /dev/null +++ b/templates/miner_box.html @@ -0,0 +1,30 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Solar Miner

+

Intelligent Distribution of exess energy

+

The most impressive network on out planet can be found underground. + All organisms on earth are related, they are friends and followers. + All of them have favorite environments that get them into a good mood. + They show it with flowers or sweet fruit. + RootWork aims to become a network of optimal conditions for all organisms and serves as a database for Tekla. +

+ MORE +
+
+ +
+{% endblock%} diff --git a/templates/nav.html b/templates/nav.html new file mode 100644 index 0000000..d644be3 --- /dev/null +++ b/templates/nav.html @@ -0,0 +1,96 @@ +
+ + +
+ + +
+ + +
+
diff --git a/templates/network.html b/templates/network.html new file mode 100644 index 0000000..3bf057d --- /dev/null +++ b/templates/network.html @@ -0,0 +1,28 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Kaos Cube

+

Anonymizing router for decentralized network sharing

+

+ Reinvent public wifi access points by sharing unused bandwith trough a decentralized network. + Cubes generate a layer of freedom between ISP provided home-routers and the internet. + Get a cube and share your internet or connect to one nearby, using the Kaos Cube DApp, where conditions are agreed upon by peers.

+ GO +
+
+ +
+{% endblock%} diff --git a/templates/offgrid.html b/templates/offgrid.html new file mode 100644 index 0000000..c8711c7 --- /dev/null +++ b/templates/offgrid.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} +{% block title %}Green Machine{%endblock%} +{% block content %} +
+
+ +

Off-Grid

+

Wir möchten unabhängige und nachhaltige Systeme kreieren. In denen ein Leben komplett ohne den Anschluss an zentralisierte Versorgungsysteme möglich ist. + Mit erneuerbaren Energien, Recycling von Müll und Wissen der rechtlichen Fallen ist das möglich. + +

+
+
+ +

Green Machine

+

+ Eine Maschine nutzt Energie um Arbeiten zu verrichten. Unsere Wohnmaschinen nutzen erneuerbare Energien um Strom bereitzustellen. + Bauteile der Maschinen sind Materialien, die in großer Anzahl verfügbar sind. Materialien die ohne - oder für wenig Geld zu haben sind. + Durch die Verwendung bauen wir lebendige, unabhängige und individuelle Maschinen, die einfach nachzubauen und zu warten sind. +

+
+
+ +

Solar Miner

+

Jede Solaranlage hat Probleme mit der Überproduktion von Strom. Sobald die Recycling Stromspeicher voll sind, geht Energie verloren. Diese Energie nutzen wir zum verifizieren von Transaktionen. Transaktionen von Krypto Währungen. Dabei sehen wir vor allem Monero und Etherium als nützlich an. Etherium Token sind einfach zu Coden. ETH Token als Bestandteil des KaosCubes um mit Contracts den automatischen Tausch von Währung gegen Bandbreite zu gewährleisten. Auch der geringe Ressourcen Verbrauch durch Proof of Stake ist dabei ein Argument für diese Währung. + Monero wird die Grundlage eines sicheren Transaktionssystems innerhalb der Kooperativen. Zusätzlich ist der Mining Algorithmus von Monero so aufgebaut, dass er Unrentabilität für große Mining Farmen verspricht. +

+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/policy.html b/templates/policy.html new file mode 100644 index 0000000..f2c0b41 --- /dev/null +++ b/templates/policy.html @@ -0,0 +1,15 @@ +{% extends "base.html" %} +{% block title %}Privacy Policy{%endblock%} + +{% block content %} +
+

Privacy Policy

+
+
We value your anonymity
+

This page is designed to be fully functional in the Tor Browser.
+ If you scroll trough the source code of this page, which you can here you won't find a line of Javascript. + ..and so on, informal +

+
+
+{% endblock %} diff --git a/templates/pools.html b/templates/pools.html new file mode 100644 index 0000000..c01fb40 --- /dev/null +++ b/templates/pools.html @@ -0,0 +1,69 @@ +{% extends "base.html" %} +{% block title %}{{title}}{%endblock%} + +{% block content %} +
+

{{ title}}

+

{{ subtitle }}

+
+ {%if title == "fund"%} + + {%endif%} +
waspwork
+

Developement of an AR App detecting relationships between plants and plants and the environment.

+
+
+ {%if title == "fund"%} + + {%endif%} +
cyberpreneur
+

Developement of an Remote Farming WebApp enabling monitoring and remote control of a garden.

+
+ +
+ {%if title == "fund"%} + + {%endif%} +
tekla
+

Developement of an Gardening Hexapod automating gardening based on biodynamic design principles.

+
+ +
+ {%if title == "fund"%} + + {%endif%} +
solar waste miner
+

Developement of a Fundrasing Blockchain Network powered by exess solar energy.

+
+ +
+ {%if title == "fund"%} + + {%endif%} +
kaos cube
+

Developement of a Decentralized Internet Sharing Network powered by exess solar energy.

+
+ +
+ {%if title == "fund"%} + + {%endif%} +
green machine
+

Design of Fully Self-Sustainable housesadapted to a given environment, making use of the concepts of all other projects.

+
+
+ {%if title == "fund"%} + + {%endif%} +
+

Design of Fully Self-Sustainable housesadapted to a given environment, making use of the concepts of all other projects.

+
+
+ {%if title == "fund"%} + + {%endif%} +
+

Design of Renewable energy solutions adapted to the environment that enable confortable living off the grid.

+
+
+{% endblock %} diff --git a/templates/solar.html b/templates/solar.html new file mode 100644 index 0000000..5dd9e7a --- /dev/null +++ b/templates/solar.html @@ -0,0 +1,29 @@ +{% extends "base.html" %} +{% block title %}Kaos Cube{%endblock%} + +{%block content%} +
+
+ +

Solar Waste Miner

+

Der Kaos Cube ist das Netzwerk, in dem sich die Spinne bewegt. Er spannt ein dezentrales und privates Netzwerk zwischen den Spinnen. + Der Cube ist eine Art Router, kombiniert mit digitalen Token basierend auf dem Ethereum Netzwerk. Die Antenne des Kaos Cubes fängt naheliegende Netzwerke ein. Jeder Kaos Cube Besitzer ist durch einen Ether Token in der Lage sein eigenes Inernet zu teilen. + Der KaosCube ist Vorraussetzung für die Spinne. Individuelle Automation, welche die Spinne darstellt, birgt die große Gefahr eines perfekten Überwachungstools. Das setzt voraus, dass ihre Nutzer und Besitzende sich mit dem Netzwerk und der Sicherheit der Daten auseinandergesetzt haben. +

+
+
+ +

Die physische Infrastruktur des Internets in den Händen des Nutzers

+

+ Mit dem Kaos Cube wird es möglich, sichere Internet Verbindungen mit anderen teilen. + Der Ether Token lässt Contracts zu, mit denen jeder Nutzer einstellt, wie er die Kosten seiner Bandbreite auf andere verteilen möchte. Die Verschlüsselung des Kaos Cubes ist auf Cjdns aufgebaut. Das bedeutet, dass an Stelle von IPs öffentliche Schlüssel die "Identität" der Nutzer darstellen. Daher ist der gesamte Datenverkehr des Netzwerkes der Cubes standardmäßig Onion verschlüsselt. Onion ist das Prinzip von Tor, beziehungsweise das, was als Darknet bezeichnet wird. +

+
+
+ +

Der Decnet Coin

+

Zwei Smart Contracts machen diesen Coin aus. Der erste Contract bestimmt, wieviele Coins der KaosCube von Fremden verlangen soll. Dafür dass er Bandbreite weiterleitet. Oder auch als Tor Guard agiert. + Der zweite Contract setzt über alle DecNETcoins einen Anteil fest, der in zentrale Knotenpunkte fließen soll. Zentrale Knotenpunkte in einem dezentralen Netzwerk? Für diesen empfindlichen Punkt dienen "Bürger für Glasfaser" sowie der Stadtteil von Barcelona, in dem Freifunk große Teile des Internets bildet, als Vorbilder. Ziel ist ein von den Nutzern demokratisch kontrolliertes Netzwerk. Ein Internet, dessen physische Infrastruktur im Besitz der Nutzer ist, gewartet und durchdrungen von genau diesen.

+
+
+{%endblock content%} diff --git a/templates/spider.html b/templates/spider.html new file mode 100644 index 0000000..8a2f40e --- /dev/null +++ b/templates/spider.html @@ -0,0 +1,31 @@ +{% extends "base.html" %} +{% block title %}Tekla{%endblock%} + +{% block content %} +
+
+ +

Tekla

+

Wir entwickeln gerade den Prototyp des Low-Tech Hexapods, der die Gartenarbeit übernehmen und Daten über unser Ökosystem sammeln soll. + Die Spinne hat noch einen weiten Weg vor sich. + Diese Daten wird sie in die PermApp eintragen, eine App die zu einem Netzwerk von Informationen zwischen den Wechselwirkungen in unserem Ökosystem ausgebaut wird. + Die Kommunikation zwischen den Spinnen funktioniert abgeschnitten vom World wide web, über sein eigenes verschlüsseltes Mesh. +

+
+
+ +

Progress

+

SpiderPi ist Raspberry-Pi betriebener Roboter. Er führt Programme in Python aus und hat eine eingebaute Kamera, über die er in der Lage ist, einfache Object Detection auszuführen. + Derzeit sind wir damit beschäftigt, mit Hilfe von Photogrammetrie ein 3d Bild zu erstellen, in dem der Roboter sich bewegen und orientieren kann. + Unsere Vision ist es, einen bezahlbaren Gartenroboter zu entwickeln. Während der die Gartenarbeit erledigt, sammelt der Roboter Daten über alle für Pflanzen wichtigen Faktoren. + Es liegt noch viel Arbeit vor uns. Dafür brauchen wir deine Unterstützung. +

+
+
+ +

Data

+

In der PermApp werden die Informationen der Wechselwirkungen ökologischer Entitäten gespeichert. Und visualisiert. Durch Rating kommen die besten Systeme an die Oberfläche. Am Ende werden die besten Netze miteinander kombiniert.

+ Code +
+
+{% endblock %} diff --git a/templates/submit.html b/templates/submit.html new file mode 100644 index 0000000..0946410 --- /dev/null +++ b/templates/submit.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} +{% block title %}Submit{%endblock%} + +{% block content %} +
+
+

We've received your message.
We'll get in touch soon :)

+ + + + Back home +
+
+{% endblock %} diff --git a/templates/tekla.html b/templates/tekla.html new file mode 100644 index 0000000..5808a10 --- /dev/null +++ b/templates/tekla.html @@ -0,0 +1,25 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+
+

Tekla

+

Bio-Inspired Robot for Automated Biodynamic Gardening

+

Tekla designs self-sustainable gardens emulating nature's strategies. + Use the mobile hexapod to effortlessly create biodynamic gardens anywhere. + The low-tech robot interfaces with the Waspwork app and learns how to grow in sync with nature. +

+ GO +
+
+ +
+{% endblock%} diff --git a/templates/timeline.html b/templates/timeline.html new file mode 100644 index 0000000..1b2a006 --- /dev/null +++ b/templates/timeline.html @@ -0,0 +1,173 @@ +{% extends "base.html" %} +{% block title %}{{ title }}{%endblock%} + +{% block content %} + + +
+
+
+
+

03/2020

+

{{ content }}

+
+
+
+
+

2016

+

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.

+
+
+
+
+

2015

+

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.

+
+
+
+
+

2012

+

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.

+
+
+
+
+

2011

+

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.

+
+
+
+
+

2007

+

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.

+
+
+
+
+{% endblock %} diff --git a/templates/virtual.html b/templates/virtual.html new file mode 100644 index 0000000..e89368a --- /dev/null +++ b/templates/virtual.html @@ -0,0 +1,28 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Cyberpreneur

+

P2P network for remote farming and trading greens

+

Design and monitor gardens remotely and share outputs locally. + The P2P Cyberpreneur network connects Tekla robots and provides a platform for exchanging goods with 100% transparency. + Tekla owners trade and certify their goods themselves and therefore become entrepreneurs revolutionalizing agronomics. +

+ GO +
+
+ +
+{% endblock%} diff --git a/templates/waspwork_box.html b/templates/waspwork_box.html new file mode 100644 index 0000000..14b7221 --- /dev/null +++ b/templates/waspwork_box.html @@ -0,0 +1,29 @@ +{% extends "index.html" %} + + +{% block child %} +
+
+ + + + +
+
+ {# Test Content - add language handling json#} +
+
+
+

Waspwork

+

AR-app to design self-sustainable environments

+

+ Waspwork makes gardening sustainable and accessible. + Learn about relationships between entities in any given environment. + Grasp the complexity of a natural environment with ease and design your own biodynamic garden the way nature would do it. +

+ GO +
+
+ +
+{% endblock%}