Browse Source

dec27

master
Xsivax 2 years ago
parent
commit
9580ce669c
17 changed files with 2044 additions and 19 deletions
  1. +23
    -2
      src/build_actix/route.rs
  2. +9
    -0
      src/build_actix/template.rs
  3. +1
    -0
      src/main.rs
  4. +3
    -0
      templates/assets/css/contact.css
  5. +1
    -1
      templates/assets/css/footer.css
  6. +31
    -2
      templates/assets/css/pages.css
  7. BIN
      templates/assets/img/bootA.webp
  8. +1915
    -0
      templates/assets/img/cheers.svg
  9. BIN
      templates/assets/img/flower_square.webp
  10. BIN
      templates/assets/img/sketch.webp
  11. BIN
      templates/assets/img/sketch_treehouse.webp
  12. BIN
      templates/assets/img/solar.webp
  13. +1
    -0
      templates/base.html
  14. +48
    -0
      templates/contact.html
  15. +1
    -1
      templates/hemp.html
  16. +8
    -10
      templates/offgrid.html
  17. +3
    -3
      templates/spider.html

+ 23
- 2
src/build_actix/route.rs View File

@ -155,8 +155,6 @@ pub async fn off( req: HttpRequest ) -> Result {
).await ).await
} }
// test
// load info template when click on link in svg
pub async fn robot( req: HttpRequest ) -> Result<HttpResponse, Error> { pub async fn robot( req: HttpRequest ) -> Result<HttpResponse, Error> {
// if response Ok return HttpResponseBuilder // if response Ok return HttpResponseBuilder
@ -290,6 +288,29 @@ pub async fn greenhome( req: HttpRequest ) -> Result {
).await ).await
} }
// footer Routes
pub async fn contact( req: HttpRequest ) -> Result<HttpResponse, Error> {
// 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
}

+ 9
- 0
src/build_actix/template.rs View File

@ -108,6 +108,15 @@ pub struct TplError<'a> {
} }
// footer pages
#[derive(Template)]
#[template(path="contact.html")]
pub struct TplContact<'a> {
pub lang: &'a str,
}
// Get Language from Client Header // Get Language from Client Header
pub fn get_lang( req: &HttpRequest ) -> String { pub fn get_lang( req: &HttpRequest ) -> String {
// get Accept-Language header // get Accept-Language header

+ 1
- 0
src/main.rs View File

@ -32,6 +32,7 @@ async fn main() -> std::io::Result<()> {
.route("/cannabinieri", web::get().to(route::cannabinieri)) .route("/cannabinieri", web::get().to(route::cannabinieri))
.route("/greenhome", web::get().to(route::greenhome)) .route("/greenhome", web::get().to(route::greenhome))
// footer // footer
.route("/contact", web::get().to(route::contact))
}) })
.bind("0.0.0.0:5000")? .bind("0.0.0.0:5000")?

+ 3
- 0
templates/assets/css/contact.css View File

@ -0,0 +1,3 @@
.container {
min-height: 100vh;
}

+ 1
- 1
templates/assets/css/footer.css View File

@ -82,7 +82,7 @@ a:active {
} }
.footer_container #l4 { .footer_container #l4 {
grid-column: 2;
grid-column: 1/5;
grid-row: 2; grid-row: 2;
} }

+ 31
- 2
templates/assets/css/pages.css View File

@ -77,7 +77,7 @@ img {
} }
#smaller_text { #smaller_text {
font-size: 6vh;
font-size: 3.5vh;
} }
#smaller { #smaller {
@ -157,7 +157,13 @@ img {
width: 40vw !important; width: 40vw !important;
} }
#smaller_text {
font-size: 6vh;
}
#littleup {
margin-top: 20vh !important;
}
} }
@ -202,6 +208,7 @@ img {
width: 50vw; width: 50vw;
line-height: 5.25vh; line-height: 5.25vh;
font-size: 1.95vh !important; font-size: 1.95vh !important;
padding: 5vh 2.5vw;
} }
.content_container a { .content_container a {
@ -222,6 +229,28 @@ img {
margin-left: 2vw; margin-left: 2vw;
font-size: 6vh; 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 { #spider {

BIN
templates/assets/img/bootA.webp View File

Before After

+ 1915
- 0
templates/assets/img/cheers.svg
File diff suppressed because it is too large
View File


BIN
templates/assets/img/flower_square.webp View File

Before After

BIN
templates/assets/img/sketch.webp View File

Before After

BIN
templates/assets/img/sketch_treehouse.webp View File

Before After

BIN
templates/assets/img/solar.webp View File

Before After

+ 1
- 0
templates/base.html View File

@ -14,6 +14,7 @@
<link rel="stylesheet" href="/assets/css/footer.css" /> <link rel="stylesheet" href="/assets/css/footer.css" />
<link rel="stylesheet" href="/assets/css/nojs_net.css" /> <link rel="stylesheet" href="/assets/css/nojs_net.css" />
<link rel="stylesheet" href="/assets/css/pages.css" /> <link rel="stylesheet" href="/assets/css/pages.css" />
<link rel="stylesheet" href="/assets/css/contact.css" />
<link rel="stylesheet" href="/assets/css/box.css"/> <link rel="stylesheet" href="/assets/css/box.css"/>

+ 48
- 0
templates/contact.html View File

@ -0,0 +1,48 @@
{% extends "base.html" %}
{% block title %}Contact{%endblock%}
<!-- add css -->
<!-- design oriented on pages, simple silver, club mate image -->
<!-- simple contact form -->
<!-- reemove donation stuff -->
{% block content %}
<div class ="container">
<div class="donation_container">
<h2>Unterstützt uns</h2>
<p>Spende an:<br> <span><b>IBAN:</b></span><br>
Gib als <span>Verwendungszweck</span> die <span>Node</span> an die du unterstützen möchtest !<br>
Nodes: <span>Hanf, PermApp, Spinne, Cube, Cyberpreneur, Offgrid </span></p>
</div>
<div class="form_container">
<div class="form_box">
<div class="left">
</div>
<div class="right">
<h2>Kontaktiert Uns</h2>
<form action="/contact/submit" method="post" enctype="multipart/form-data">
<h3 class="title"> Get in touch</h3>
<div class="input-container">
<input type="text" name="name" class="input" placeholder="Name" id="username"/>
</div>
<div class="input-container">
<input type="email" name="email" class="input" placeholder="Meine EMail*"required id="mail"/>
</div>
<div class="input-container">
<input type="tel" name="phone" class="input" placeholder="Telefonnummer (optional)" id="phone"/>
</div>
<div class="input-container">
<input type="subject" name="subject" class="input" placeholder="Betreff" id="subject" />
</div>
<div class="input-container textarea">
<textarea name="message" class="input" placeholder="Nachricht*" id="message" ></textarea>
</div>
<button class="btn" id="sub_btn">Submit</button>
</form>
</div>
</div>
</div>
</div>
{% endblock %}

+ 1
- 1
templates/hemp.html View File

@ -4,7 +4,7 @@
{%block content%} {%block content%}
<div class ="container"> <div class ="container">
<div class ="content_container"> <div class ="content_container">
<img id="weed" src="/assets/img/hemp.webp">
<img id="weed" src="/assets/img/flower_square.webp">
<h1 id="small_centered">Cannabinieri</h1> <h1 id="small_centered">Cannabinieri</h1>
<p>Unsere Mission ist konsequent biologisch anzubauen und mit Hilfe von Technik mehr über sie zu lernen.<br> <p>Unsere Mission ist konsequent biologisch anzubauen und mit Hilfe von Technik mehr über sie zu lernen.<br>
All unsere Produkte sind Experimente, die Wechselwirkungen in unserem Ökosystem erforschen. All unsere Produkte sind Experimente, die Wechselwirkungen in unserem Ökosystem erforschen.

+ 8
- 10
templates/offgrid.html View File

@ -3,30 +3,28 @@
{% block content %} {% block content %}
<div class ="container"> <div class ="container">
<div class ="content_container"> <div class ="content_container">
<img src="../img/bootA.JPG">
<img src="/assets/img/bootA.webp">
<h1>Off-Grid</h1> <h1>Off-Grid</h1>
<p>Wir möchten unabhängige und nachhaltige Systeme kreieren. In denen ein Leben komplett ohne den Anschluss an zentralisierte Versorgungsysteme möglich ist.
<p id="up">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. Mit erneuerbaren Energien, Recycling von Müll und Wissen der rechtlichen Fallen ist das möglich.
</p> </p>
</div> </div>
<div class ="content_container"> <div class ="content_container">
<img src="/assets/img/boat_peace.webp">
<h1 id="smaller_text"><span>Wohn-</span>Maschine</h1>
<p>
<img src="/assets/img/sketch.webp">
<h1 id="smaller_text"><span>Green </span>Machine</h1>
<p id="up">
Eine Maschine nutzt Energie um Arbeiten zu verrichten. Unsere Wohnmaschinen nutzen erneuerbare Energien um Strom bereitzustellen. 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. 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. Durch die Verwendung bauen wir lebendige, unabhängige und individuelle Maschinen, die einfach nachzubauen und zu warten sind.
</p> </p>
<a href="offgrid/wohnmaschine">Mehr</a>
</div> </div>
<div class ="content_container"> <div class ="content_container">
<img src="../img/solar.JPG">
<h1>GPU Miner</h1>
<p> 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.
<img src="/assets/img/solar.webp">
<h1 id="smaller_text">Solar Miner</h1>
<p id="up"> 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. 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.
</p> </p>
<a href="offgrid/miner">Mehr</a>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

+ 3
- 3
templates/spider.html View File

@ -6,7 +6,7 @@
<div class ="content_container" id="first"> <div class ="content_container" id="first">
<img id="spider" src="/assets/img/spider_out.webp"> <img id="spider" src="/assets/img/spider_out.webp">
<h1>Tekla</h1> <h1>Tekla</h1>
<p>Wir entwickeln gerade den Prototyp des Low-Tech Hexapods, der die Gartenarbeit übernehmen und Daten über unser Ökosystem sammeln soll.
<p id="up">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. 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. 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. Die Kommunikation zwischen den Spinnen funktioniert abgeschnitten vom World wide web, über sein eigenes verschlüsseltes Mesh.
@ -15,7 +15,7 @@
<div class ="content_container" id="spiderpi" > <div class ="content_container" id="spiderpi" >
<img src="/assets/img/sample_code.webp"> <img src="/assets/img/sample_code.webp">
<h1>Progress</h1> <h1>Progress</h1>
<p>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.
<p id="up">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. 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. 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. Es liegt noch viel Arbeit vor uns. Dafür brauchen wir deine Unterstützung.
@ -24,7 +24,7 @@
<div class ="content_container" id="permapp"> <div class ="content_container" id="permapp">
<img src="/assets/img/spider_web.webp"> <img src="/assets/img/spider_web.webp">
<h1>Data</h1> <h1>Data</h1>
<p>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. </p>
<p id="up">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. </p>
<a href="https://code.basabuuka.org/alpcentaur/permapp">Code</a> <a href="https://code.basabuuka.org/alpcentaur/permapp">Code</a>
</div> </div>
</div> </div>

Loading…
Cancel
Save