[feat] Sem tempo para commits semanticos

Adicionando tudo que eu fiz pois data limite está muito em cima, sem tempo para commits semânticos
TeamXFive · Jun 7, 2024 · ae9f541 · ae9f541
1 parent bd4c932
commit ae9f541
Show file tree

Hide file tree

Showing 8 changed files with 141 additions and 12 deletions.
diff --git a/css/sobre.css b/css/sobre.css
@@ -0,0 +1,24 @@
+* {
+    margin: 0;
+    padding: 0;
+
+    /*---=| Fonte Padrão |=---*/
+    font-family: "Josefin Sans", sans-serif;
+    font-weight: 700;
+}
+
+/*-----===| MAIN |===-----*/
+/*---=| DISPLAY FLEX |=---*/
+main {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+}
+
+main {
+    width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+    z-index: 100;
+}
diff --git a/css/solucoes.css b/css/solucoes.css
@@ -0,0 +1,24 @@
+* {
+    margin: 0;
+    padding: 0;
+
+    /*---=| Fonte Padrão |=---*/
+    font-family: "Josefin Sans", sans-serif;
+    font-weight: 700;
+}
+
+/*-----===| MAIN |===-----*/
+/*---=| DISPLAY FLEX |=---*/
+main {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+}
+
+main {
+    width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+    z-index: 100;
+}
diff --git a/css/universal.css b/css/universal.css
@@ -17,6 +17,7 @@
     --sombrear: rgba(0, 0, 0, 0.5);
     --clarear: rgba(255, 255, 255, 0.5);
     --clarear-gradiente: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.5));
+    --azul-claro-gradiente: linear-gradient(90deg, transparent, var(--azul-super-claro));
 }
 
 /*-----===| HEADER |===-----*/

diff --git a/html/sobre.html b/html/sobre.html
@@ -26,6 +26,7 @@
         crossorigin="anonymous"></script>
     <!---=| CSS Próprio |=--->
     <link rel="stylesheet" href="../css/universal.css" />
+    <link rel="stylesheet" href="../css/sobre.css">
 </head>
 
 <body>
@@ -42,7 +43,60 @@
     </header>
 
     <main>
+        <article class="container mb-5">
+            <!-- FOUNDERS SECTION START -->
+            <section class="text-center">
+                <h1 class="my-5">Fundadores</h1>
+                <div class="row">
+                    <div class="col-lg-2 col-md-3 col-sm-4 ms-auto">
+                        <img src="../assets/img/carol.jpg" class="rounded-circle" width="140" height="140" role="img"
+                            aria-label="Foto da Carol" />
+                        <p class="fs-6 mt-3">
+                            <small>RM: 559160</small>
+                            <br />
+                            Caroline Nunes<br />Levino Brandão
+                        </p>
+                    </div>
+                    <div class="col-lg-2 col-md-3 col-sm-4">
+                        <img src="../assets/img/ivan.jpg" class="rounded-circle" width="140" height="140" role="img"
+                            aria-label="Foto do Ivan" />
+                        <p class="fs-6 mt-3">
+                            <small>RM: 556964</small>
+                            <br />
+                            Ivan Ramos<br />
+                            Biagioni
+                        </p>
+                    </div>
+                    <div class="col-lg-2 col-md-3 col-sm-4">
+                        <img src="../assets/img/sani.jpg" class="rounded-circle" width="140" height="140" role="img"
+                            aria-label="Foto do Sani" />
+                        <p class="fs-6 mt-3">
+                            <small> RM: 558703 </small><br />Luiz Henrique <br />Sani
+                        </p>
+                    </div>
+                    <div class="col-lg-2 col-md-3 col-sm-4">
+                        <img src="https://avatars.githubusercontent.com/u/97912499?v=4" class="rounded-circle" width="140" height="140" role="img"
+                            aria-label="Foto do Lorenzo" />
+                        <p class="fs-6 mt-3">
+                            <small> RM: 555037 </small><br />
+                            Lorenzo Oliveira <br />
+                            Zimbres
+                        </p>
+                    </div>
+                    <div class="col-lg-2 col-md-3 col-sm-4 me-auto">
+                        <img src="../assets/img/othon.jpg" class="rounded-circle" width="140" height="140" role="img"
+                            aria-label="Foto do Lorenzo" />
+                        <p class="fs-6 mt-3">
+                            <small> RM: 554364 </small><br />José Othon <br />Ribeiro Moreira
+                            Neto
+                        </p>
+                    </div>
+                </div>
+            </section>
+            <!-- FOUNDERS SECTION END -->
+        </article>
     </main>
+
     <!-- FOOTER START -->
     <footer class="footer mt-auto py-3 bg-light">
         <div class="container">
@@ -55,6 +109,7 @@
     <!-- FOOTER START -->
 </body>
 
-<script src="./js/universal.js"></script>
+<script src="../js/universal.js"></script>
+<script src="../js/sobre.js"></script>
 
 </html>
diff --git a/html/solucoes.html b/html/solucoes.html
@@ -26,6 +26,7 @@
         crossorigin="anonymous"></script>
     <!---=| CSS Próprio |=--->
     <link rel="stylesheet" href="../css/universal.css" />
+    <link rel="stylesheet" href="../css/solucoes.css" />
 </head>
 
 <body>
@@ -43,6 +44,7 @@
 
     <main>
     </main>
+
     <!-- FOOTER START -->
     <footer class="footer mt-auto py-3 bg-light">
         <div class="container">
@@ -55,6 +57,7 @@
     <!-- FOOTER START -->
 </body>
 
-<script src="./js/universal.js"></script>
+<script src="../js/universal.js"></script>
+<script src="../js/solucoes.js"></script>
 
 </html>
diff --git a/index.html b/index.html
@@ -71,18 +71,10 @@ <h4>
                             <span class="text-muted"></span>
                         </h4>
                         <p class="lead">
-                            <b>Descrição:</b> Desenvolver uma solução que combina uma rede de
-                            sensores subaquáticos com IA para monitoramento e defesa
-                            ambiental, integrando dados em uma plataforma de MaaS que ajuda na
-                            conservação, detecção de ameaças e implementação de medidas
-                            preventivas.
+                            <b>Descrição:</b> Rede de drones subaquaticos que combinam  sensores e IA para monitoramento e defesa ambiental, integrando dados em uma plataforma de MaaS que ajuda na conservação, detecção de ameaças e implementação de medidas preventivas.
                         </p>
                         <p class="lead">
-                            <b>Características:</b> Detecção de Ameaças em Tempo Real.
-                            Sensores que detectam atividades ilegais como pesca predatória e
-                            poluição industrial. Intervenção Automatizada: Sistemas
-                            automatizados que podem ativar barreiras ou emitir alertas para
-                            autoridades quando uma ameaça é detectada.
+                            <b>Características:</b> Detecção de ameaças ao ecossistema em tempo real. Sensores que detectam atividades ilegais, poluição industrial, desequilíbrio ecológico por especies invasoras. Intervenção preventiva: Sistemas automatizados que podem enviar comandos a sistemas automatizados ou acionar alertas para autoridades quando uma ameaça é detectada. Sistema de seguranca inteligente.
                         </p>
                     </div>
                     <div class="col-lg-5 mt-3 mt-lg-0">

diff --git a/js/sobre.js b/js/sobre.js
@@ -0,0 +1,15 @@
+/*-----===| VARIÁVEIS |===-----*/
+var headerHeight;
+var main = document.getElementsByTagName('main')[0];
+var footer = document.getElementsByTagName('footer')[0];
+
+/*-----===| EVENTOS |===-----*/
+window.onload = calcTranslationHeight;
+window.addEventListener('resize', calcTranslationHeight);
+
+/*-----===| FUNÇÕES |===-----*/
+function calcTranslationHeight() {
+    headerHeight = document.getElementsByTagName('header')[0].offsetHeight;
+    main.style.top = headerHeight + "px";
+    footer.style.transform = "translateY(" + headerHeight + "px)";
+}
diff --git a/js/solucoes.js b/js/solucoes.js
@@ -0,0 +1,15 @@
+/*-----===| VARIÁVEIS |===-----*/
+var headerHeight;
+var main = document.getElementsByTagName('main')[0];
+var footer = document.getElementsByTagName('footer')[0];
+
+/*-----===| EVENTOS |===-----*/
+window.onload = calcTranslationHeight;
+window.addEventListener('resize', calcTranslationHeight);
+
+/*-----===| FUNÇÕES |===-----*/
+function calcTranslationHeight() {
+    headerHeight = document.getElementsByTagName('header')[0].offsetHeight;
+    main.style.top = headerHeight + "px";
+    footer.style.transform = "translateY(" + headerHeight + "px)";
+}