update UE06_151024_RegExp2
This commit is contained in:
AlexBa16
@@ -36,735 +36,6 @@
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="menu backcolor-lightgray">
|
||||
<div class="navigation">
|
||||
<button id="menuBtn" class="menu-btn">
|
||||
<div class="menu-icon menu-icon1 backcolor-black"></div>
|
||||
<div class="menu-icon menu-icon2 backcolor-black"></div>
|
||||
<div class="menu-icon menu-icon3 backcolor-black"></div>
|
||||
</button>
|
||||
<nav id="dropdownMenu" class="dropdown-menu">
|
||||
<button id="menuBtn2" class="menu-btn">
|
||||
<div class="menu-icon-active menu-icon1-1 backcolor-black"></div>
|
||||
<div class="menu-icon-active menu-icon2-1 backcolor-black"></div>
|
||||
<div class="menu-icon-active menu-icon3-1 backcolor-black"></div>
|
||||
</button>
|
||||
<ul class="dropdown-content backcolor-lightgray">
|
||||
<li><a href="#idea" class="menu-item color-black" id="menu-item-1">Idee</a></li>
|
||||
<li><a href="#about" class="menu-item color-black">Über</a></li>
|
||||
<li><a href="#progress" class="menu-item color-black">Fortschritt</a></li>
|
||||
<li><a href="#Team" class="menu-item color-black">Team</a></li>
|
||||
<li><a href="#sponsors" class="menu-item color-black">Sponsoren</a></li>
|
||||
<li><a href="#contact" class="menu-item color-black">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div><a href="https://www.hexacop.at/"><img class="img-logo" src="pictures/logo/logo1.png"
|
||||
alt="HexaCop Logo"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="MainContent">
|
||||
<div class="headline">
|
||||
<div class="maxwidth">
|
||||
<div class="logo-big_container maxContent">
|
||||
<div class="logo-big">
|
||||
<img src="pictures/logo/logo2.png" alt="HexaCop Logo">
|
||||
</div>
|
||||
<span class="logo-text_big">
|
||||
HexaCop
|
||||
</span>
|
||||
<span class="logo-text_small">
|
||||
Die Zukunft der Drohnen für Einsteiger
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maxwidth backcolor-lightgray">
|
||||
<div class="maxContent" id="ideaAbout">
|
||||
<article id="idea">
|
||||
<h1 class="sub-category color-black">Idee</h1>
|
||||
<div class="sub-line backcolor-green"></div>
|
||||
<div id="idea-content">
|
||||
<p class="color-black">
|
||||
Die Idee bei diesem Projekt ist es, eine Drohne mit mehreren Flügeln zu bauen, um einen
|
||||
stabileren Flug zu ermöglichen.
|
||||
<br>
|
||||
Durch den Abstandssensor ist ebenso ein sicherer Flug, vor allem für Anfänger, möglich.
|
||||
</p>
|
||||
<figure class="idea-figure">
|
||||
<img id="idea-img" src="pictures/idea_about/idea-img.png" alt="Idee" loading="lazy">
|
||||
<figcaption class="color-black">HexaCop Skizze: Top-Ansicht</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</article>
|
||||
<article id="about">
|
||||
<h1 class="sub-category color-black">Über</h1>
|
||||
<div class="sub-line backcolor-green"></div>
|
||||
<div id="about-content">
|
||||
<p class="color-black">
|
||||
Eine Drohne, welche aus 6 Flügel besteht, soll mittels eines Drohnen-Controllers gesteuert
|
||||
werden und mittels einer Handy-App überwacht werden.
|
||||
<br>
|
||||
Dabei soll ein eingebauter Abstandssensor erkennen, wenn die Drohne Richtung eines
|
||||
Gegenstandes wie zum Beispiel einer Mauer oder einem Baum fliegt, eine Warnung absetzen und
|
||||
diese auf die App übertragen.
|
||||
<br>
|
||||
Im Notfall soll die Steuerung ausgesetzt werden und die Drohne vor dem Gegenstand (fliegend)
|
||||
in der Luft stehen bleiben. Nebenbei ist unterhalb der Drohne eine bewegliche Videokamera
|
||||
montiert, mit der man Videos oder Fotos mittels der App aufnehmen kann.
|
||||
</p>
|
||||
<figure class="about-figure">
|
||||
<img id="about-img" src="pictures/idea_about/about-img.png" alt="Über" loading="lazy">
|
||||
<figcaption class="color-black">HexaCop Skizze: Flügel</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<article id="progress" class="maxwidth">
|
||||
<div class="sub-category">
|
||||
<h1 class="color-black">Fortschritt</h1>
|
||||
<div class="sub-line backcolor-green"></div>
|
||||
</div>
|
||||
<div class="maxContent-progress" id="progressflex">
|
||||
<div class="color-black date">20.07.2023</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img.png"
|
||||
alt="HexaCop Skizze: Seiten-Ansicht" loading="lazy">
|
||||
<figcaption class="color-black">HexaCop Skizze: Seiten-Ansicht</figcaption>
|
||||
</figure>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Es wurde bereits eine grobe Handskizze (siehe oben) für eine ungefähre Vorstellung erstellt.
|
||||
Diese entspricht allerdings nur einmal einem Prototyp und nicht dem Finalen Endprodukt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Es wurde bereits mit einem CAD-Modell begonnen. Dabei handelt es sich um die Basis, fürs Erste
|
||||
einmal, für einen Prototyp.
|
||||
</p>
|
||||
</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img2.png" alt="CAD Modell der Basis"
|
||||
loading="lazy">
|
||||
<figcaption class="color-black">CAD Modell der Basis</figcaption>
|
||||
</figure>
|
||||
<div class="color-black date">31.08.2023</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img3.png" alt="Erstkonzept Prototyp"
|
||||
loading="lazy">
|
||||
<figcaption class="color-black">Erstkonzept Prototyp</figcaption>
|
||||
</figure>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Kurz vor Schulbeginn konnte ein (fast) fertiger Entwurf eines Prototyps modelliert werden. Es
|
||||
fehlen nur noch ein paar Kleinigkeiten, beispielsweise Bohrungen und Passungen. Nun können schon
|
||||
die ersten 3D-Probedrucks stattfinden.
|
||||
</p>
|
||||
</div>
|
||||
<div class="color-black date">14.09.2023</div>
|
||||
<div class="progress-contentSpezial">
|
||||
<p class="color-black">
|
||||
Nachdem die geplanten Propeller größer sind als vorerst vermutet, musste unser Hexacopter
|
||||
angepasst werden. Diese Gelegenheit nutzten wir gleich, um einen neuen, besseren und schöneren
|
||||
Prototypen zu entwerfen. Da unser Erstkonzept recht komplex ist und daher bei unseren
|
||||
3D-Druckern zu Problemen führte, haben wir uns für ein neues Konzept entschieden und somit unser
|
||||
Zweitkonzept von den Prototypen entworfen. Ob dies dem Finalen Konzept schon entspricht, wird
|
||||
sich erst nach Fertigdruck und Zusammenbau der 3D-gedruckten Teile herausstellen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Um einen reibungslosen Test planmäßig durchführen zu können müssen noch Kleinigkeiten
|
||||
überarbeitet werden, dafür müssen allerdings zuerst alle Teile gedruckt werden. Wie man sehen
|
||||
kann, fehlen bei den Flügeln noch die Halterungen für die Motoren. Diese müssen zuerst noch an
|
||||
das technische Bauteil angepasst werden, um ein perfektes CAD-Modell zu kreieren und einen
|
||||
schönen 3D-Druck zu garantieren.
|
||||
</p>
|
||||
</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img4.png" alt="Zweitkonzept CAD Modell"
|
||||
loading="lazy">
|
||||
<figcaption class="color-black">Zweitkonzept CAD Modell</figcaption>
|
||||
</figure>
|
||||
<div class="color-black date">15.09.2023</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img5.png" alt="Zweitkonzept Prototyp"
|
||||
loading="lazy">
|
||||
<figcaption class="color-black">Zweitkonzept Prototyp</figcaption>
|
||||
</figure>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Das neue Design unserer Drohne, es fehlen nur noch ein paar Kleinigkeiten, um die technischen
|
||||
Komponenten an die CAD-Teile anzupassen und schon kann der nächste Versuch eines erfolgreichen
|
||||
3D-Drucks beginnen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="color-black date">09.10.2023</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Nachdem die Flügel nun an die Motoren und Propeller angepasst sind konnten diese fertiggestellt
|
||||
werden. Die Kamera wurde ebenso noch im CAD-Modell hinzugefügt.
|
||||
</p>
|
||||
</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img6.png"
|
||||
alt="Fast fertig angepasster Prototyp" loading="lazy">
|
||||
<figcaption class="color-black">Fast fertig angepasster Prototyp</figcaption>
|
||||
</figure>
|
||||
<div class="color-black date">10.10.2023</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img7.png"
|
||||
alt="Rendering des aktuellen Prototypen" loading="lazy">
|
||||
<figcaption class="color-black">Rendering des aktuellen Prototypen</figcaption>
|
||||
</figure>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Nachdem die Flügel nun an die Motoren und Propeller angepasst sind konnten diese fertiggestellt
|
||||
werden. Ebenso die Kamera wurde noch im CAD-Modell hinzugefügt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="color-black date">14.11.2023</div>
|
||||
<div class="progress-contentSpezial">
|
||||
<p class="color-black">
|
||||
Lange war es still bei HexaCop. In der Zwischenzeit lief der 3D-Druck auf Hochtouren und es
|
||||
wurde fleißig am Prototypen gearbeitet. Der 3D-Druck ist so gut wie fertig, nun kommt die
|
||||
Elektronik an die Reihe. Damit wäre ein großer und weiterer Schritt erledigt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Das CAD vom Prototypen ist fertig, möglicherweise müssen einige Kleinigkeiten während dem
|
||||
Zusammenbau noch ausgebessert werden.
|
||||
</p>
|
||||
</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img8.png" alt="Fertiger Prototyp"
|
||||
loading="lazy">
|
||||
<figcaption class="color-black">Fertiger Prototyp</figcaption>
|
||||
</figure>
|
||||
<div class="color-black date">15.11.2023</div>
|
||||
<div class="imgGalerie">
|
||||
<button id="vorherigesBild">
|
||||
<img class="sponsor-light" src="pictures/darkmodebtn/arrow_back.png" alt="Arrow-back"
|
||||
loading="lazy">
|
||||
<img class="sponsor-dark" style="display: none" src="pictures/darkmodebtn/arrow_back_white.png"
|
||||
alt="Arrow-back" loading="lazy">
|
||||
</button>
|
||||
<figure id="bildergalerie">
|
||||
<img class="bild progress-imgA" src="pictures/progress/progress-img9.png"
|
||||
alt="Gedruckter Prototyp" loading="lazy">
|
||||
<img class="bild progress-imgA versteckt" src="pictures/progress/progress-imgA.png"
|
||||
alt="Gedruckter Prototyp" loading="lazy">
|
||||
<figcaption class="color-black">Fertig 3D-gedruckter Prototyp</figcaption>
|
||||
</figure>
|
||||
<button id="naechstesBild">
|
||||
<img class="sponsor-light" src="pictures/darkmodebtn/arrow_forward.png" alt="Arrow-forward"
|
||||
loading="lazy">
|
||||
<img class="sponsor-dark" style="display: none"
|
||||
src="pictures/darkmodebtn/arrow_forward_white.png" alt="Arrow-forward" loading="lazy">
|
||||
</button>
|
||||
</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Der Prototyp nimmt immer mehr an Form an! Nun kann es weitergehen mit der Elektronik, um so bald
|
||||
wie möglich die ersten Tests durchführen zu können.
|
||||
</p>
|
||||
</div>
|
||||
<div class="color-black date">05.12.2023</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Wie man sehen kann, wurden einige Anpassungen vorgenommen. Kurzerhand wurde die Basis und die
|
||||
Kufen aus faserverstärktem (Carbon) Filament gedruckt, um eine Extraportion Robustheit und
|
||||
Stabilität zu gewährleisten.
|
||||
<br><br>
|
||||
Die Flügel erstrahlen nun in einem auffälligen Orange, wie es von Anfang an in der CAD-Datei
|
||||
geplant war. Durch das Upgrade von PLA auf PETG Filament wurde nicht nur die Farbe, sondern auch
|
||||
die Robustheit auf ein neues Level gehoben.
|
||||
</p>
|
||||
</div>
|
||||
<div class="imgGalerie">
|
||||
<button id="vorherigesBild2">
|
||||
<img class="sponsor-light" src="pictures/darkmodebtn/arrow_back.png" alt="Arrow-back"
|
||||
loading="lazy">
|
||||
<img class="sponsor-dark" style="display: none" src="pictures/darkmodebtn/arrow_back_white.png"
|
||||
alt="Arrow-back" loading="lazy">
|
||||
</button>
|
||||
<figure id="bildergalerie2">
|
||||
<img class="bild progress-imgA" src="pictures/progress/progress-imgB.png"
|
||||
alt="Verbesserter Prototyp" loading="lazy">
|
||||
<img class="bild progress-imgA versteckt" src="pictures/progress/progress-imgC.png"
|
||||
alt="Verbesserter Prototyp" loading="lazy">
|
||||
<figcaption class="color-black">Verbesserter Prototyp</figcaption>
|
||||
</figure>
|
||||
<button id="naechstesBild2">
|
||||
<img class="sponsor-light" src="pictures/darkmodebtn/arrow_forward.png" alt="Arrow-forward"
|
||||
loading="lazy">
|
||||
<img class="sponsor-dark" style="display: none"
|
||||
src="pictures/darkmodebtn/arrow_forward_white.png" alt="Arrow-forward" loading="lazy">
|
||||
</button>
|
||||
</div>
|
||||
<div class="progress-contentSpezial" style="margin-top: 30px;">
|
||||
<p class="color-black" style="width: 60%;">
|
||||
Freut euch mit uns auf die Weihnachtsferien, denn da stehen die ersten aufregenden Testflüge an!
|
||||
Wir können es kaum erwarten, <br>die Hexacopter-Drohne in die Lüfte steigen zu sehen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="color-black date">11.12.2023</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-imgD.png" alt="Platine" loading="lazy">
|
||||
<figcaption class="color-black">Platine</figcaption>
|
||||
</figure>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Um die Platine perfekt und passend in das Gehäuse zu bekommen, wurde die Platine in der Form des
|
||||
Innenlebens entworfen und bestückt. Die Vorbereitungen für die Fertigung sind bereits
|
||||
abgeschlossen.
|
||||
<br><br>
|
||||
Die Platine befindet sich bereits in der Fertigung und wird mit höchster Präzision in unserer
|
||||
Schule gefräst und verlötet – ein echtes Hands-on-Technologieerlebnis!
|
||||
</p>
|
||||
</div>
|
||||
<div class="color-black date">20.02.2024</div>
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
Nach langer Stille präsentiert das HexaCop Team nun den so gut wie fertigen Prototypen. Die
|
||||
Motoren können bereits alle angesteuert werden.
|
||||
<br><br>
|
||||
Noch ein paar kleine Verfeinerungen und der 1. Offizielle Testflug kann stattfinden. Bleibt dran
|
||||
um schon bald das Video vom 1. Testflug zu sehen.
|
||||
</p>
|
||||
</div>
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-imgE.jpg" alt="Fertiger Prototyp"
|
||||
loading="lazy">
|
||||
<figcaption class="color-black">Fertiger Prototyp</figcaption>
|
||||
</figure>
|
||||
<!-- Datum:
|
||||
<div class="color-black date">__.__.____</div>
|
||||
-->
|
||||
<!-- Bild:
|
||||
<figure>
|
||||
<img class="progress-imgA" src="pictures/progress/progress-img_.png" alt="" loading="lazy">
|
||||
<figcaption class="color-black">...</figcaption>
|
||||
</figure>
|
||||
-->
|
||||
<!-- Text:
|
||||
<div class="progress-content">
|
||||
<p class="color-black">
|
||||
...
|
||||
</p>
|
||||
</div>
|
||||
-->
|
||||
<div class="video-container">
|
||||
<blockquote class="instagram-media"
|
||||
data-instgrm-permalink="https://www.instagram.com/p/C3knNoftmbb/?utm_source=ig_embed&utm_campaign=loading"
|
||||
data-instgrm-version="14"
|
||||
style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
|
||||
<div style="padding:16px;"><a
|
||||
href="https://www.instagram.com/p/C3knNoftmbb/?utm_source=ig_embed&utm_campaign=loading"
|
||||
style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;"
|
||||
target="_blank">
|
||||
<div style=" display: flex; flex-direction: row; align-items: center;">
|
||||
<div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div>
|
||||
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;">
|
||||
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div>
|
||||
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 19% 0;"></div>
|
||||
<div style="display:block; height:50px; margin:0 auto 12px; width:50px;">
|
||||
<svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1"
|
||||
xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g transform="translate(-511.000000, -20.000000)" fill="#000000">
|
||||
<g>
|
||||
<path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="padding-top: 8px;">
|
||||
<div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">
|
||||
Sieh dir diesen Beitrag auf Instagram an
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 12.5% 0;"></div>
|
||||
<div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;">
|
||||
<div>
|
||||
<div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div>
|
||||
<div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div>
|
||||
<div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div>
|
||||
</div>
|
||||
<div style="margin-left: 8px;">
|
||||
<div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div>
|
||||
<div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div>
|
||||
</div>
|
||||
<div style="margin-left: auto;">
|
||||
<div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div>
|
||||
<div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div>
|
||||
<div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;">
|
||||
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div>
|
||||
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div>
|
||||
</div>
|
||||
</a>
|
||||
<p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">
|
||||
<a href="https://www.instagram.com/p/C3knNoftmbb/?utm_source=ig_embed&utm_campaign=loading"
|
||||
style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;"
|
||||
target="_blank">Ein Beitrag geteilt von HexaCop - Die Zukunft der Drohnen für
|
||||
Einsteiger (@hexa.cop)</a></p></div>
|
||||
</blockquote>
|
||||
<script async src="//www.instagram.com/embed.js"></script>
|
||||
</div>
|
||||
<div class="meter-container">
|
||||
<div class="meter">
|
||||
<div class="meter-bar">
|
||||
<div class="meter-fill" style="width: 100%;">
|
||||
<div id="widthText-container">
|
||||
<div id="widthText" style="padding-right: 20px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" meter-step step1 complete" style="left: -12.5%;">
|
||||
<div class="meter-step-label">Konzept</div>
|
||||
</div>
|
||||
<div class="meter-step step2 complete" style="left: 20%;">
|
||||
<div class="meter-step-label color-black">Prototyp</div>
|
||||
</div>
|
||||
<div class="meter-step step3 complete" style="left: 53%;">
|
||||
<div class="meter-step-label color-black">Testphase</div>
|
||||
</div>
|
||||
<div class="meter-step step4 complete" style="left: 87%;">
|
||||
<div class="meter-step-label color-black">Fertig</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="sub-category subteam" id="Team">
|
||||
<h1 class="color-black">Team</h1>
|
||||
<div class="sub-line backcolor-green"></div>
|
||||
</div>
|
||||
<div class="maxwidth backcolor-lightblue">
|
||||
<div class="teamback maxContent">
|
||||
<article id="teamcontainer">
|
||||
<div class="pers1 backcolor-aliceblue">
|
||||
<div class="hover-container">
|
||||
<img class="Person-img" src="pictures/team/team_jonasBachinger.png" alt="Jonas Bachinger"
|
||||
style="max-width: none;" loading="lazy">
|
||||
<div class="hover-text-Pimg">
|
||||
<p>
|
||||
Ich bin zuständig für:
|
||||
<br>
|
||||
<br>Projektmanagement
|
||||
<br>Marketing
|
||||
<br>Konstruktion
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<p class="team-name color-black">
|
||||
Jonas Bachinger
|
||||
</p>
|
||||
<p class="team-subname color-black">
|
||||
(Projektleiter)
|
||||
</p>
|
||||
</div>
|
||||
<div class="team-btn-container">
|
||||
<a href="mailto:jonas.bachinger@htl.rennweg.at" class="team-btn bodercolorgray">
|
||||
<span class="color-black">E-Mail</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pers2 backcolor-aliceblue">
|
||||
<div class="hover-container2">
|
||||
<img class="Person-img2" src="pictures/team/team_EmanuelWeilhartner-Prieschl.png"
|
||||
alt="Emanuel Weilhartner-Prieschl" style="max-width: none;" loading="lazy">
|
||||
<div class="hover-text-Pimg2">
|
||||
<p>
|
||||
Ich bin zuständig für:
|
||||
<br>
|
||||
<br>Elektronik
|
||||
<br>Informatik
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-content2">
|
||||
<p class="team-name color-black">
|
||||
Emanuel Weilhartner-Prieschl
|
||||
</p>
|
||||
<p class="team-subname color-black">
|
||||
(Projektleiter-Stellvertreter)
|
||||
</p>
|
||||
</div>
|
||||
<a href="mailto:emanuel.weilhartner-prieschl@htl.rennweg.at" class="team-btn bodercolorgray">
|
||||
<span class="color-black">E-Mail</span>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sub-category">
|
||||
<h1 class="color-black" style="margin-bottom: 15px">Innovation Day 2024</h1>
|
||||
<div class="sub-line backcolor-green TDOT"></div>
|
||||
</div>
|
||||
<p class="color-black">
|
||||
Mittwoch: 20.03.2024, 13:30 Uhr - 17:00 Uhr
|
||||
</p>
|
||||
<button onclick="downloadPDF()" class="pdf">
|
||||
<img class="TDOTimg" src="pictures/poster.png" alt="HexaCop - Poster" loading="lazy">
|
||||
</button>
|
||||
</div>
|
||||
<article id="sponsors" class="maxwidth">
|
||||
<div class="sub-category sub-category_sponsors">
|
||||
<h1 class="color-black">Sponsoren</h1>
|
||||
<div class="sub-line backcolor-green"></div>
|
||||
</div>
|
||||
<div class="maxContent" id="sponsors-grid">
|
||||
<div class="sponsors sponsor1">
|
||||
<img class="sponsors-img sponsor-light" src="pictures/sponsors/sponsors-easyname.png"
|
||||
alt="Sponsor 'Easyname'" loading="lazy">
|
||||
<img style="display: none;" class="sponsors-img sponsor-dark"
|
||||
src="pictures/sponsors/sponsors-easyname-dark.png" alt="Sponsor 'Easyname'" loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Easyname</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
Easyname unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Einer Domain für unsere Webseite
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.easyname.at/de"
|
||||
target="_blank">Easyname - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<div class="sponsors sponsor2">
|
||||
<img class="sponsors-img" src="pictures/sponsors/sponsors-nanotec.png" alt="Sponsor 'Nanotec'"
|
||||
loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Nanotec</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
Nanotec unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Technischen Bauteilen: Motoren
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://de.nanotec.com/"
|
||||
target="_blank">Nanotec - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<span class="line2 line21 backcolor-black"></span>
|
||||
<div class="sponsors sponsor3">
|
||||
<img class="sponsors-img" src="pictures/sponsors/sponsors-igus.png" alt="Sponsor 'Igus'"
|
||||
loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Igus</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
Igus unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Filament-Rollen für den 3D-Druck
|
||||
</p>
|
||||
<div class="sponsors-link-container" style="margin-top: 96px;">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.igus.at/"
|
||||
target="_blank">Igus - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<div class="sponsors sponsor4">
|
||||
<img class="sponsors-img_RS" src="pictures/sponsors/sponsors-rs.jpg" alt="Sponsor 'RS Components'"
|
||||
loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">RS Components</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
RS Components unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Technischen Bauteilen
|
||||
<br> &
|
||||
<br> Filament-Rollen
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link"
|
||||
href="https://at.rs-online.com/web/" target="_blank">RS Components - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<span class="line2 line22 backcolor-black"></span>
|
||||
<div class="sponsors sponsor5">
|
||||
<img class="sponsors-img img_conrad" src="pictures/sponsors/sponsors-conrad.png"
|
||||
alt="Sponsor 'Conrad'" loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Conrad</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
Conrad unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Elektronischen Bauteilen
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.conrad.at/"
|
||||
target="_blank">Conrad - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<div class="sponsors sponsor6">
|
||||
<img style="border-radius: 0;" class="sponsors-img sponsor-light"
|
||||
src="pictures/sponsors/sponsors-printshop.png" alt="Sponsor 'Printshop-Landstraße'"
|
||||
loading="lazy">
|
||||
<img style="border-radius: 0; display: none;" class="sponsors-img sponsor-dark"
|
||||
src="pictures/sponsors/sponsors-printshop-dark.png" alt="Sponsor 'Printshop-Landstraße'"
|
||||
loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Printshop-Landstraße</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
Printshop-Landstraße unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Visitenkarten für Marketingzwecke
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link"
|
||||
href="https://www.printshop-landstrasse.at/" target="_blank">Printshop-Landstraße -
|
||||
Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<span class="line2 line23 backcolor-black"></span>
|
||||
<div class="sponsors sponsor7">
|
||||
<img class="sponsors-img sponsor-light" src="pictures/sponsors/sponsors-extrudr.png"
|
||||
alt="Sponsor 'Extrudr'" loading="lazy">
|
||||
<img style="display: none;" class="sponsors-img sponsor-dark"
|
||||
src="pictures/sponsors/sponsors-extrudr-dark.png" alt="Sponsor 'Extrudr'" loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Extrudr</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
Extrudr unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
3D Druck Equipment
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.extrudr.com/de/"
|
||||
target="_blank">Extrudr - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<div class="sponsors sponsor8">
|
||||
<img class="sponsors-img-eap" src="pictures/sponsors/sponsors-eap.png" alt="Sponsor 'EAP'"
|
||||
loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">EAP</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
EAP unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
Elektronischen Komponenten
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.eapgmbh.at/"
|
||||
target="_blank">EAP - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<span class="line2 line24 backcolor-black"></span>
|
||||
<div class="sponsors sponsor9">
|
||||
<img class="sponsors-img sponsor-light" src="pictures/sponsors/sponsors-3dDruck.png"
|
||||
alt="Sponsor '3D Fabrik'" loading="lazy">
|
||||
<img style="display: none;" class="sponsors-img sponsor-dark"
|
||||
src="pictures/sponsors/sponsors-3dDruck-dark.png" alt="Sponsor '3D Fabrik'" loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">3D Fabrik</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
3D Fabrik unterstützt uns mit ...
|
||||
</p>
|
||||
<p class="sponsors-text color-black">
|
||||
3D Druck
|
||||
</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.3d-fabrik.at/de/"
|
||||
target="_blank">3D Fabrik - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="line1 backcolor-black"></span>
|
||||
</div>
|
||||
<div class="sponsors sponsor10">
|
||||
<img class="sponsors-img" src="http://www.htlrennweg.at/wp-content/uploads/2020/04/htl3r_logo_slogan_transparent.png"
|
||||
alt="Sponsor 'INNKOO'" loading="lazy">
|
||||
<div class="sponsors-content">
|
||||
<h1 class="sponsors-headline color-black">Verein INNKOO</h1>
|
||||
<p class="sponsors-text color-black">
|
||||
INNKOO unterstützt uns Finanziell.
|
||||
</p>
|
||||
<p class="sponsors-text color-white">​</p>
|
||||
<div class="sponsors-link-container">
|
||||
<a class="color-black backcolor-lightgray sponsors-link" href="https://www.htlrennweg.at/innkoo/"
|
||||
target="_blank">INNKOO - Website</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<article id="contact">
|
||||
<div class="sub-category">
|
||||
<h1 class="color-black">Kontakt</h1>
|
||||
<div class="sub-line backcolor-green"></div>
|
||||
</div>
|
||||
<div class="contact-backimg">
|
||||
<div id="contact-content">
|
||||
<iframe class="iframeMaps"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2659.8606951791394!2d16.398080332503863!3d48.19003546789207!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476d075e036ac393%3A0x9326dcbe2d63c038!2sHTL%20Rennweg!5e0!3m2!1sde!2sat!4v1692015852709!5m2!1sde!2sat"
|
||||
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
<div class="contact-sidecontent color-black">
|
||||
<a href="https://www.instagram.com/hexa.cop" target="_blank">
|
||||
<img class="contact-instagram" src="pictures/contact/instagram.png"
|
||||
alt="instagram - HexaCop" loading="lazy">
|
||||
<span class="instagram-text">Instagram: "Hexa.Cop"</span>
|
||||
</a>
|
||||
<a href="mailto:info@hexacop.at">
|
||||
<img class="contact-mail" src="pictures/contact/mail.png" alt="E-Mail - HexaCop"
|
||||
style="margin: 13px 0 13px 0;" loading="lazy">
|
||||
<span class="mail-text">E-Mail: "info@hexacop.at"</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
<div id="scroll-arrow">▲</div>
|
||||
<div class="double-btn">
|
||||
<button class="dark-mode-btn" id="1st-mode-btn" onclick="enableDarkMode()">
|
||||
<img src="pictures/darkmodebtn/darkbtn_moon.png" alt="Dark Mode">
|
||||
</button>
|
||||
<button class="light-mode-btn" id="2nd-mode-btn" onclick="enableLightMode()">
|
||||
<img src="pictures/darkmodebtn/darkbtn_sun.png.png" alt="Light Mode">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div>© HexaCop, 2023-2024</div>
|
||||
</footer>
|
||||
<script defer src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user