Try

assets/style.css

@@ -359,6 +359,40 @@ div#articleslist>article{
     color: var(--pico-color);
 }
 
+div.citation {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: left;
+    padding: 10px;
+    background-color: var(--pico-box-shadow);
+    border-radius: 5px;
+}
+
+p.citationAuthor {
+    font-weight: lighter;
+}
+
+div.teamPerson, div.sponsor {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+div.teamDiv, div.sponsors {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+}
+
+p.teamPersonName, p.sponsorName {
+    font-weight: bolder;
+}
+
 .visual_hover {
     --pico-background-color: var(--pico-primary-hover-background);
     --pico-border-color: var(--pico-primary-hover-border);

pages/about/cansat.html

@@ -0,0 +1,11 @@
+<page minimal_permission_level="1" page_title="CanSat" secret="no"></page>
+<h1>About CanSat</h1>
+<p>
+    The CanSat project is an educational endeavor that combines the fields of aerospace engineering and technology. It
+    involves designing and building a small satellite, no larger than a soda can, which is then launched into the
+    atmosphere to collect data and perform various tasks.
+
+    This hands-on project allows students to gain practical experience in areas such as programming, electronics, and
+    data analysis. By working together in teams, students learn valuable skills in problem-solving, communication, and
+    teamwork.
+</p>

pages/about/faq.html

@@ -0,0 +1,75 @@
+<page minimal_permission_level="1" page_title="FAQ" secret="no"></page>
+
+<div class="faq">
+    <h1>Frequently Asked Questions</h1>
+    <div class="faq-question">
+        <div class="question">
+            <p>What is CanSat?</p>
+            <div class="answer">
+                <p>CanSat is a European Space Agency program that challenges teams of students to build a satellite-like
+                    device, called a CanSat, to perform specific missions. It provides an opportunity for students to
+                    gain hands-on experience in space-related projects.</p>
+            </div>
+        </div>
+    </div>
+    <div class="faq-question">
+        <div class="question">
+            <p>How will your CanSat identify fires?</p>
+            <div class="answer">
+                <p>We will equip our CanSat with a thermal imaging camera and a regular imaging camera. By combining the
+                    data from these cameras with satellite position information, we can accurately locate and identify
+                    the scale of potential fires.</p>
+            </div>
+        </div>
+    </div>
+    <div class="faq-question">
+        <div class="question">
+            <p>What other capabilities does your CanSat have?</p>
+            <div class="answer">
+                <p>Our CanSat also includes on-board sensors to measure temperature and humidity. This data will provide
+                    valuable insights into fire behavior and the environmental conditions surrounding the fires.</p>
+            </div>
+        </div>
+    </div>
+    <div class="faq-question">
+        <div class="question">
+            <p>What is the significance of your mission?</p>
+            <div class="answer">
+                <p>Wildfires have devastating effects on communities, ecosystems, and the global climate. By developing
+                    a CanSat that can detect fires and provide accurate information, we aim to minimize the damage
+                    caused by these disasters and support the efforts of firefighters and environmental experts.</p>
+            </div>
+        </div>
+    </div>
+    <div class="faq-question">
+        <div class="question">
+            <p>What challenges do you anticipate?</p>
+            <div class="answer">
+                <p>Building and launching a CanSat comes with various challenges, such as ensuring the reliability of
+                    the sensors, achieving accurate data transmission, and designing a robust structure to withstand the
+                    launch and descent. However, we are prepared to overcome these challenges through careful planning
+                    and testing.</p>
+            </div>
+        </div>
+    </div>
+    <div class="faq-question">
+        <div class="question">
+            <p>How can we stay updated on your progress?</p>
+            <div class="answer">
+                <p>You can follow our journey and stay updated on our progress through our website and social media
+                    platforms, where we will share exciting updates, milestones, and insights into our project.</p>
+            </div>
+        </div>
+    </div>
+    <div class="faq-question">
+        <div class="question">
+            <p>Can we support your team in any way?</p>
+            <div class="answer">
+                <p>Absolutely! Your support means a lot to us. If you are interested in collaborating, providing
+                    resources, or offering any form of assistance, please reach out to us through our contact
+                    information provided on our website.</p>
+            </div>
+        </div>
+    </div>
+</div>
+

pages/about/index.html

@@ -0,0 +1,51 @@
+<page minimal_permission_level="1" page_title="Team" secret="no"></page>
+<p>
+    We are a team of high school electrical engineering students, aged 17 to 18, proudly representing Slovakia in the
+    2024 edition of the CanSat project. With a genuine passion for science and technology, we are excited to embark on
+    our first-ever project in the field of space exploration. Coming together, we aim to contribute to the mission of
+    the CanSat program and make a meaningful impact on the world.
+</p>
+<hr>
+
+<div id="teamDiv">
+    <div class="teamPerson">
+        <img alt="Simon" class="teamPersonImage" src="/assets/images/people/simon.png">
+        <p class="teamPersonName">Šimon</p>
+        <p class="teamPersonRole">Embedded systems</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Tibor" class="teamPersonImage" height="1000" src="/assets/images/people/tibor.png" width="1000">
+        <p class="teamPersonName">Tibor</p>
+        <p class="teamPersonRole">3D Design, Parachute design</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Michal" class="teamPersonImage" height="1000" src="/assets/images/people/michal.png" width="1000">
+        <p class="teamPersonName">Michal</p>
+        <p class="teamPersonRole">Programmer, Team Leader</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Samuel" class="teamPersonImage" height="1000" src="/assets/images/people/samuel.png" width="1000">
+        <p class="teamPersonName">Samuel</p>
+        <p class="teamPersonRole">Electronics, Circuit design</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Adam" class="teamPersonImage" height="1000" src="/assets/images/people/adam.png" width="1000">
+        <p class="teamPersonName">Adam</p>
+        <p class="teamPersonRole">Radio technics</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Tomáš" class="teamPersonImage" height="1000" src="/assets/images/people/tomas.png" width="1000">
+        <p class="teamPersonName">Tomáš</p>
+        <p class="teamPersonRole">Sponzoring</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Sebastián" class="teamPersonImage" height="1000" src="/assets/images/people/sebastian.png" width="1000">
+        <p class="teamPersonName">Sebastián</p>
+        <p class="teamPersonRole">Sponzoring</p>
+    </div>
+    <div class="teamPerson">
+        <img alt="Bruno" class="teamPersonImage" height="1000" src="/assets/images/people/bruno.png" width="1000">
+        <p class="teamPersonName">Bruno</p>
+        <p class="teamPersonRole">Embedded development</p>
+    </div>
+</div>

pages/about/mission.html

@@ -0,0 +1,26 @@
+<page minimal_permission_level="1" page_title="Mission" secret="no"></page>
+<h1>Our mission</h1>
+<p>
+    In the vast realm of space exploration, we have chosen a mission that holds immense significance for both human
+    safety and environmental preservation. Our goal is to develop a CanSat that can effectively identify and classify
+    potential forest fires, aiding firefighters and environmental professionals in their crucial work. Additionally, we
+    aim to report any illegal fireplaces we come across, promoting the protection of our natural surroundings.
+</p>
+<hr>
+<h1>Achieving the mission</h1>
+<p>
+    Detecting potential or existing forest fires is no easy task for a machine. To make this possible, we make use of a
+    thermal imaging sensor combined with a visible light sensor (also called a camera) to gather information about
+    what’s happening on the ground. We then process this information and add location data to see where the fire is
+    exactly. Additionally, we make use of the onboard temperature and humidity sensors to calculate the potential risk
+    of fire even before it happens.
+</p>
+<hr>
+<h1>The impact</h1>
+<p>
+    While we may not detect any fires at the day of the competition (we hope we won’t), we aim to develop a technology
+    that will allow for inexpensive surveillance and data gathering across wide regions of forests. When not inside of a
+    CanSat but mounted on a drone for example, data used from the satellite could be used for identifying and locating
+    anything from illegal fireplaces to large-scale forest fires. We believe that our technology can be used all around
+    the world to aid firefighters in the mission of protecting our environment from the dangers of fire.
+</p>

pages/account/testing.html

@@ -0,0 +1,12 @@
+<page minimal_permission_level="2" page_title="Domov" secret="no"></page>
+<div class="sliderm" id="exampe-slider">
+    <div class="sliderm__slider">
+        <div class="sliderm__slides">
+            <div class="sliderm__slide">1</div>
+            <div class="sliderm__slide">2</div>
+            <div class="sliderm__slide">3</div>
+            <div class="sliderm__slide">4</div>
+            <div class="sliderm__slide">5</div>
+        </div>
+    </div>
+</div>

pages/home/index.html

@@ -1,20 +1,19 @@
 <!--suppress HtmlUnknownTag, HtmlUnknownTag -->
 <page minimal_permission_level="1" secret="no" page_title="Domov"></page>
 <header>
-    <h1 class="title">Vitaj, na tejto úžasnej stránke</h1>
-    <p>Neoficiálna študentská stránka pre Adlerku</p>
+    <h1 class="title">Who are we?</h1>
+    <p>We are a team of talented and ambitious high school students from Adlerka electrical engineering school,
+        representing Slovakia in the European Space Agency’s CanSat project. With an admiration for space technology, we
+        challenge our skills in electronics, programming, and mechanical design to build our own CanSat.
+
+        Our shared values of education, curiosity, and perseverance drive us to push the boundaries of innovation. With
+        the opportunity provided by ESA, we are committed to our mission and hope to inspire others to dream big while
+        learning the wonders of space exploration.</p>
 </header>
 <hr>
-
-<div class="sliderm" id="exampe-slider">
-    <div class="sliderm__slider">
-        <div class="sliderm__slides">
-            <div class="sliderm__slide">1</div>
-            <div class="sliderm__slide">2</div>
-            <div class="sliderm__slide">3</div>
-            <div class="sliderm__slide">4</div>
-            <div class="sliderm__slide">5</div>
+<div class="citation">
+    <p class="citationText">
+        “The only limit to our realization of tomorrow will be our doubts of today.”
+    </p>
+    <p class="citationAuthor">– Franklin D. Roosevelt</p>
 </div>
-    </div>
-</div>
-

templates/footer.html

@@ -1 +1,16 @@
-<p>Toto nie je oficiálna stránka Adlerky, jedná sa o neoficiálnu študentskú stránku</p>
+<p>Sponsors</p>
+<div class="sponsors">
+    <div class="sponsor">
+        <img alt="Needronix" class="sponsorLogo" height="200" src="/assets/images/sponsors/needronix.png" width="200" />
+        <p class="sponsorName">Needronix</p>
+    </div>
+    <div class="sponsor">
+        <img alt="Sensoneo" class="sponsorLogo" height="200" src="/assets/images/sponsors/sensoneo.png" width="200">
+        <p class="sponsorName">Sensoneo</p>
+    </div>
+    <div class="sponsor">
+        <img alt="ZF" class="sponsorLogo" height="200" src="/assets/images/sponsors/zf.png" width="200">
+        <p class="sponsorName">ZF</p>
+    </div>
+</div>
+<a href="https://www.adlerka.sk">Adlerka school</a>

templates/nav.html

@@ -1,12 +1,10 @@
 <div class="logo">
     <a href="/home/index">
-    <picture id="standard-logo">
-        <source media="(min-width:4200px)" srcset="/assets/images/adlerka_256.png">
-        <source media="(min-width:2100px)" srcset="/assets/images/adlerka_128.png">
-        <img src="/assets/images/adlerka_64.png" alt="Adlerka logo" style="width:auto;">
-    </picture>
+        <img alt="Adlerka logo" src="/assets/images/favicon.png" style="width:auto;">
     </a>
 </div>
+<p>Adlerka Space Program</p>
+<a href="https://www.adlerka.sk">Adlerka school</a>
 <i class="ri-menu-line" id="toggle_button"></i>
 <ul id="navsite_list">
     __NAV_PAGES__