feture: members photo

edra-unb-fga · Apr 26, 2024 · dc12044 · dc12044
1 parent 7ab6a5c
commit dc12044
Show file tree

Hide file tree

Showing 3 changed files with 126 additions and 3 deletions.
diff --git a/docs/members.md b/docs/members.md
@@ -0,0 +1,73 @@
+# Edra - Membros Ativos
+
+Nesta Aba ha informacoes sobre todos os membros e seus cargos da Historia da Edra.
+
+### Membros Ativos 
+
+<div class="container">
+	<div class="row">
+
+		<div class="col-sm container-img">
+       		<img src="https://github.com/Luidooo.png" alt="Luis Eduardo Lima" class="img-thumbnail image">
+        	<div class="middle">
+            	<a href="https://github.com/pedroblome" style="text-decoration:none">
+               		<div class="text"> Luis Eduardo Lima </div>
+				      </a>
+        	</div>
+    </div>
+
+		<div class="col-sm container-img">
+       		<img src="https://github.com/mrodrigues14.png" alt="Matheus Rodrigues" class="img-thumbnail image">
+        	<div class="middle">
+            	<a href="https://github.com/pedroblome" style="text-decoration:none">
+               		<div class="text"> Matheus Rodrigues </div>
+				      </a>
+        	</div>
+    </div>
+
+
+		<div class="col-sm container-img">
+       		<img src="https://github.com/pedro-acviana.png" alt="Pedro Araujo Cordeiro Viana " class="img-thumbnail image">
+        	<div class="middle">
+            	<a href="https://github.com/pedroblome" style="text-decoration:none">
+               		<div class="text"> Pedro Araujo Cordeiro Viana</div>
+				      </a>
+        	</div>
+    </div>
+
+
+		<div class="col-sm container-img">
+       		<img src="https://github.com/Suyannesara.png" alt="Suyanne Sara Miranda Silva" class="img-thumbnail image">
+        	<div class="middle">
+            	<a href="https://github.com/pedroblome" style="text-decoration:none">
+               		<div class="text"> Suyanne Sara Miranda Silva </div>
+				      </a>
+        	</div>
+    </div>
+
+		<div class="col-sm container-img">
+       		<img src="https://github.com/twChronous.png" alt="Lucas Araújo de Paula" class="img-thumbnail image">
+        	<div class="middle">
+            	<a href="https://github.com/pedroblome" style="text-decoration:none">
+               		<div class="text"> Lucas Araújo de Paula </div>
+				      </a>
+        	</div>
+    </div>
+
+		<div class="col-sm container-img">
+       		<img src="https://github.com/d4vidz.png" alt="David Zimmermann Balbe" class="img-thumbnail image">
+        	<div class="middle">
+            	<a href="https://github.com/pedroblome" style="text-decoration:none">
+               		<div class="text"> David Zimmermann Balbe </div>
+				      </a>
+        	</div>
+    </div>
+
+	</div>
+
+</div>
+
+
+### Membros Conselheiros
+
+### Membros em processo Trainee
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -4,3 +4,52 @@
     --md-primary-fg-color--dark:  #464a8d;
 }
 
+
+p img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+}
+
+
+
+.container-img {
+  position: relative;
+  width: 50%;
+}
+
+.row {
+  display: flex;
+}
+
+.image {
+  opacity: 1;
+  display: block;
+  width: 80%;
+  height: auto;
+  transition: .5s ease;
+  backface-visibility: hidden;
+  border-radius: 25%;
+  border: 2px solid black;
+}
+
+.middle {
+  transition: .5s ease;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  left: 40%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+}
+
+.container-img:hover .image {
+  opacity: 0.3;
+}
+
+.container-img:hover .middle {
+  opacity: 1;
+}
+
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -36,12 +36,13 @@ theme:
         name: Switch to dark modo
       primary: "#0c6c0d"
       accent: "#0c6c0d"
-    - scheme: slate
+    - scheme:
       toggle:
         icon: material/toggle-switch
         name: Switch to light mode
-      primary: "#0c6c0d"
-      accent: "#0c6c0d"
+      primary: "#5e5e62"
+      accent: "#5e5e62"
+
 
 
 extra: