Difference between revisions of "Template:Duesseldorf/prototype1.html"

(Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi...")
 
Line 42: Line 42:
 
             width: 100%;
 
             width: 100%;
 
             height: 100%;
 
             height: 100%;
−
             background: url('forecast_clouds.png') no-repeat;
+
             background: url('https://2021.igem.org/File:T--Duesseldorf--img--forecast_clouds.png') no-repeat;
 
         }
 
         }
 
         #PageWrapper{
 
         #PageWrapper{
Line 77: Line 77:
 
             font-size: 2rem;
 
             font-size: 2rem;
 
             text-transform: uppercase;
 
             text-transform: uppercase;
−
             background: url(forecast_logo.png);
+
             background: url(https://2021.igem.org/File:T--Duesseldorf--img--forecast_logo.png);
 
             background-size: contain;
 
             background-size: contain;
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
Line 119: Line 119:
 
             width: 100%;
 
             width: 100%;
 
             /*
 
             /*
−
             background: linear-gradient(to right, green, darkgreen), url('forecast_farm.jpg');  
+
             background: linear-gradient(to right, green, darkgreen), url('https://2021.igem.org/File:T--Duesseldorf--img--forecast_farm.jpg');  
 
             background-position: center 30%;
 
             background-position: center 30%;
 
             background-blend-mode: soft-light; */
 
             background-blend-mode: soft-light; */
Line 298: Line 298:
 
                 </div>
 
                 </div>
 
                 <nav id="MainNav">
 
                 <nav id="MainNav">
−
                     <a href="simulation.html">
+
                     <a href="#">
−
                         <img src="./iconsGradient/emoji_nature_black_24dp.svg" alt="">
+
                         <img src="https://2021.igem.org/File:T--Duesseldorf--img--emoji_nature_black_24dp.svg" alt="">
 
                         Pathogen Simulator</a>
 
                         Pathogen Simulator</a>
−
                     <a href="simulation.html">
+
                     <a href="#">
−
                         <img src="./iconsGradient/ac_unit_black_24dp.svg" alt="">
+
                         <img src="https://2021.igem.org/File:T--Duesseldorf--img--ac_unit_black_24dp.svg" alt="">
 
                         Pathogen Forecast</a>
 
                         Pathogen Forecast</a>
−
                     <a href="simulation.html">
+
                     <a href="#">
−
                         <img src="./iconsGradient/history_edu_black_24dp.svg" alt="">
+
                         <img src="https://2021.igem.org/File:T--Duesseldorf--img--history_edu_black_24dp.svg" alt="">
 
                         News</a>
 
                         News</a>
−
                     <a href="simulation.html">
+
                     <a href="#">
−
                         <img src="./iconsGradient/school_black_24dp.svg" alt="">
+
                         <img src="https://2021.igem.org/File:T--Duesseldorf--img--school_black_24dp.svg" alt="">
 
                         Wiki
 
                         Wiki
 
                     </a>
 
                     </a>
 
                 </nav>
 
                 </nav>
 
                 <div id="AreaSelector" style="position: relative;">
 
                 <div id="AreaSelector" style="position: relative;">
−
                     <div><span>Gebiet:</span><img src="./icons/location_on_black_24dp.svg" alt="" style="position: absolute; right: 0.5rem"></div>
+
                     <div><span>Gebiet:</span><img src="https://2021.igem.org/File:T--Duesseldorf--img--location_on_black_24dp.svg" alt="" style="position: absolute; right: 0.5rem"></div>
 
                     <label for="Bundesland" style="display: block;">
 
                     <label for="Bundesland" style="display: block;">
 
                         <span>Bundesland</span> <br>
 
                         <span>Bundesland</span> <br>
Line 352: Line 352:
 
             <div id="BannerBackground"></div>
 
             <div id="BannerBackground"></div>
 
             <video id="BannerVideo" autoplay="" loop="" muted="" playsinline="" disableremoteplayback="" x-webkit-airplay="deny" disablepictureinpicture="" style="opacity: 1; width: 100%; position: absolute;">
 
             <video id="BannerVideo" autoplay="" loop="" muted="" playsinline="" disableremoteplayback="" x-webkit-airplay="deny" disablepictureinpicture="" style="opacity: 1; width: 100%; position: absolute;">
−
                 <source id="PageVideoWEBM" src="farm.mp4" type="video/mp4">
+
                 <source id="PageVideoWEBM" src="https://2021.igem.org/File:T--Duesseldorf--img--farm.mp4" type="video/mp4">
 
             </video>
 
             </video>
 
         </div>   
 
         </div>   
Line 358: Line 358:
 
         <div id="Page" class="pageWidth">
 
         <div id="Page" class="pageWidth">
 
             <div id="Main" class="mshadow">
 
             <div id="Main" class="mshadow">
−
                 <img src="forecast.jpg" alt="">
+
                 <img src="https://2021.igem.org/File:T--Duesseldorf--img--forecast_forecast.jpg" alt="">
 
                 <h1>Heute ist es sehr schön in Düsseldorf! </h1>
 
                 <h1>Heute ist es sehr schön in Düsseldorf! </h1>
 
                 <h2>Leichte Sonne und Wind, kein Regen</h2>
 
                 <h2>Leichte Sonne und Wind, kein Regen</h2>
Line 367: Line 367:
 
             <div id="SideBar">
 
             <div id="SideBar">
 
                 <div class="box">  
 
                 <div class="box">  
−
                     <b class="headline"><img src="./icons/thermostat_black_24dp.svg"> Wetter in Düsseldorf</b>
+
                     <b class="headline"><img src="https://2021.igem.org/File:T--Duesseldorf--img--thermostat_black_24dp.svg"> Wetter in Düsseldorf</b>
 
                     Temperatur: 25° <br>
 
                     Temperatur: 25° <br>
 
                     Luftfeuchtigkeit: niedrig <br>
 
                     Luftfeuchtigkeit: niedrig <br>
Line 375: Line 375:
 
                 </div>
 
                 </div>
 
                 <div class="box">  
 
                 <div class="box">  
−
                     <b class="headline"><img src="./icons/thermostat_black_24dp.svg">Wetter in NRW</b>
+
                     <b class="headline"><img src="https://2021.igem.org/File:T--Duesseldorf--img--thermostat_black_24dp.svg">Wetter in NRW</b>
 
                     Durchschnittstemperatur: 23° <br>
 
                     Durchschnittstemperatur: 23° <br>
 
                     Luftfeuchtigkeit: niedrig <br>
 
                     Luftfeuchtigkeit: niedrig <br>
Line 383: Line 383:
 
                 </div>
 
                 </div>
 
                 <div class="box">  
 
                 <div class="box">  
−
                     <b class="headline"><img src="./icons/coronavirus_black_24dp.svg">Pathogene in Düsseldorf</b>
+
                     <b class="headline"><img src="https://2021.igem.org/File:T--Duesseldorf--img--coronavirus_black_24dp.svg">Pathogene in Düsseldorf</b>
 
                     Bakterien: niedrig <br>
 
                     Bakterien: niedrig <br>
 
                     Viren: niedrig <br>
 
                     Viren: niedrig <br>
Line 392: Line 392:
 
                 </div>
 
                 </div>
 
                 <div class="box">  
 
                 <div class="box">  
−
                     <b class="headline"><img src="./icons/coronavirus_black_24dp.svg">Pathogene in NRW</b>
+
                     <b class="headline"><img src="https://2021.igem.org/File:T--Duesseldorf--img--coronavirus_black_24dp.svg">Pathogene in NRW</b>
 
                     Bakterien: moderat <br>
 
                     Bakterien: moderat <br>
 
                     Viren: moderat <br>
 
                     Viren: moderat <br>
Line 469: Line 469:
 
         <div id="Impressum" style=" height: 7rem; background: green; display: flex; justify-content:center; align-items:center">
 
         <div id="Impressum" style=" height: 7rem; background: green; display: flex; justify-content:center; align-items:center">
 
             <div class="pageWidth" style="text-align:right">
 
             <div class="pageWidth" style="text-align:right">
−
               <a href="">Pathogen Forecast</a> | <a href="">iGEM 2021 Düsseldorf</a> | <a href="impressum.html">Datenschutz</a> | <a href="impressum.html">Impressum</a>
+
               <a href="">Pathogen Forecast</a> | <a href="">iGEM 2021 Düsseldorf</a> | <a href="#">Datenschutz</a> | <a href="#">Impressum</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 12:01, 21 October 2021

<!DOCTYPE html>

Gebiet:

+++ pathogenstatus in düsseldorf: leicht erhöhtes insektenrisiko +++ seit monaten genug regen +++ menschen sind froh über die überdurchschnittlich gute ernte +++ immer mehr bauern setzen auf glashäuser +++ wasserqualität in deutschland steigt +++ 10 von 15 supermarktkunden kaufen bio +++ immer mehr verzichten freiwillig auf fleisch +++ bienen sind nicht mehr bedroht +++ +++ pathogenstatus in düsseldorf: leicht erhöhtes insektenrisiko +++ seit monaten genug regen +++ menschen sind froh über die überdurchschnittlich gute ernte +++ immer mehr bauern setzen auf glashäuser +++ wasserqualität in deutschland steigt +++ 10 von 15 supermarktkunden kaufen bio +++ immer mehr verzichten freiwillig auf fleisch +++ bienen sind nicht mehr bedroht +++

Heute ist es sehr schön in Düsseldorf!

Leichte Sonne und Wind, kein Regen

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nihil perspiciatis minus quam provident commodi assumenda quia ipsum voluptatibus nostrum molestias, quasi adipisci sint, reiciendis vero! Alias sint dignissimos quis sapiente.

Reprehenderit adipisci laboriosam perferendis neque minima iusto placeat corrupti recusandae architecto, necessitatibus ipsa soluta aliquam ea cupiditate, maiores culpa nisi cum? Laboriosam?

Vero ratione quisquam excepturi labore ad assumenda, qui eligendi iusto numquam nihil. Porro alias saepe obcaecati praesentium repellendus. Non natus nihil rerum?

Die letzten 5 Meldungen aus Düsseldorf
  • 12.07.2021 | Bienensterben durch Pestizide
  • 11.07.2021 | Hohe Luftfeuchtigkeit in NRW fördert Pilze
  • 10.07.2021 | Insektenplage in Bergheim
  • 09.07.2021 | Arialis Lorempsum infiziert sich vermehrt mit der Gekunkrankheit
  • 08.07.2021 | Marienkäferplage wurde dank Vögel aufgelöst
Aktuelle Warnungen:

Keine. :)

Pathogen Simulator

Deine aktuelle Simulation basierend auf dem Wetter und den neusten Nachrichten.
Du kannst die Parameter beliebig anpassen und experimentieren.


Parameter