dec27

src/build_actix/route.rs

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

src/build_actix/template.rs

@@ -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
 pub fn get_lang( req: &HttpRequest ) -> String {
     // get Accept-Language header

src/main.rs

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

templates/assets/css/contact.css

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

templates/assets/css/footer.css

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

templates/assets/css/pages.css

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

templates/base.html

@@ -14,6 +14,7 @@
             <link rel="stylesheet" href="/assets/css/footer.css" />
             <link rel="stylesheet" href="/assets/css/nojs_net.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"/>
             

templates/contact.html

@@ -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 %}

templates/hemp.html

@@ -4,7 +4,7 @@
 {%block content%}
 <div class ="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>
         <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.

templates/offgrid.html

@@ -3,30 +3,28 @@
 {% block content %}
 <div class ="container">
   <div class ="content_container">
-      <img src="../img/bootA.JPG">
+      <img src="/assets/img/bootA.webp">
       <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. 
 
       </p>
   </div>
   <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.
       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.
        </p>
-       <a href="offgrid/wohnmaschine">Mehr</a>
   </div>
   <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.
       </p>
-      <a href="offgrid/miner">Mehr</a>
   </div>
 </div>
 {% endblock %}

templates/spider.html

@@ -6,7 +6,7 @@
   <div class ="content_container" id="first">
       <img id="spider" src="/assets/img/spider_out.webp">
       <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.
           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.
@@ -15,7 +15,7 @@
   <div class ="content_container" id="spiderpi" >
       <img src="/assets/img/sample_code.webp">
       <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.
           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.
@@ -24,7 +24,7 @@
   <div class ="content_container" id="permapp">
       <img src="/assets/img/spider_web.webp">
       <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>
   </div>
 </div>