Differences

This shows you the differences between two versions of the page.

--- start [2026/04/09 22:53]
flowcytometry
+++ start [2026/04/16 23:58] (current)
flowcytometry
@@ Line 1: / Line 1: @@
-<html><b>Welcome to the <a href="https://gimm.pt/">GIMM</a> Flow Cytometry Wiki</b></html>
 <html>
-<table style="border:0px solid white;">
+<head>
-<td  style="border:0px solid white;"><br><img src="/facility/flowcytometry/lib/exe/fetch.php?media=logo_fcf_final.png" width=600><br><br><br> &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=mariana_wiki_nome_2.png" width=95> &nbsp &nbsp &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=andre_wiki_nome.png" width=95> &nbsp &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=andreia_wiki_nome.png" width=95> &nbsp &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=maria_wiki_nome.png" width=95> <br> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=nuno_wiki_nome_1.png" width=95> &nbsp &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=rute_wiki_nome_2.png" width=95> &nbsp &nbsp <img src="/facility/flowcytometry/lib/exe/fetch.php?media=sonia_wiki_name.png" width=95><br></td>
-<td  style="border:0px solid white;">&nbsp &nbsp &nbsp</td>
+<style>
-<td  style="border:0px solid white;"> <br><br><br><img src="/facility/flowcytometry/lib/exe/fetch.php?media=gif_wiki_new_2024.gif">
+/* ===== BASE ===== */
-</td>
+.container {
-</table>
+  display: flex;
-<table style="border:0px solid white;">
+  flex-wrap: wrap;
-<td  style="border:0px solid white;"> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp</td>
+  justify-content: space-between;
-<td  style="border:0px solid white;"><a href="/facility/flowcytometry/doku.php?id=team"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_team_2026.png" width=180></a>&nbsp <a href="/facility/flowcytometry/doku.php?id=about"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_platform_2026.png" width=180></a>&nbsp <a href="/facility/flowcytometry/doku.php?id=acknowledge"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=acknowledge_us_2026.png"  width=180></a></td></table>
+  align-items: center;
-</html>
+  max-width: 1000px;
-----
+  margin: 0 auto;
-<html>
+}
-<table style="border:0px solid white;">
-<tr style="border:0px solid white;">
+.left, .right {
-<td style="border:0px solid white;">
+  flex: 1 1 400px;
-<p style="line-height:1.4">
+  text-align: center;
-<a href="/facility/flowcytometry/doku.php?id=supportservices"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=support_services_2026.png" width=220></a>
+}
-<a href="/facility/flowcytometry/doku.php?id=newuser"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=training_2026.png" width=220></a>
-<a href="/facility/flowcytometry/doku.php?id=ucfservicesorting"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cell_sorting_2026.png" width=220></a>
+img {
-<br>
+  max-width: 100%;
-<br>
+  height: auto;
-<a href="/facility/flowcytometry/doku.php?id=resources"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=equipment_2026.png" width=220></a>
+}
-<a href="/facility/flowcytometry/doku.php?id=workstations"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=data_analysis_workstation_2026.png" width=220></a>
-<a href="/facility/flowcytometry/doku.php?id=charges"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=booking_system_2026.png" width=220></a>
+/* TEAM */
-<br>
+.team {
-<br>
+  display: flex;
-<a href="/facility/flowcytometry/doku.php?id=tutorials"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=useful_links_2026.png" width=220></a>
+  align-items: flex-start;
-<a href="/facility/flowcytometry/doku.php?id=past_events"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=courses_2026.png" width=220></a>
+  gap: 20px;
-<a href="/facility/flowcytometry/doku.php?id=billing"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=charges_and_policies_2026.png" width=220></a>
+  margin-bottom: 40px;
-</p>
+  justify-content: center;
-</tr>
+  flex-wrap: wrap;
-</table>
+}
+.team-rows {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+.team-row {
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+/* TOP BUTTONS */
+.top-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 20px;
+  margin: 20px 0 80px 0;
+}
+/* GRID BUTTONS */
+.grid-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  max-width: 720px;
+  justify-content: center;
+  margin: 0 auto;
+}
+/* ===== MOBILE ===== */
+@media (max-width: 768px) {
+  .container {
+    flex-direction: column;
+  }
+  .right {
+    margin-top: 20px;
+  }
+}
+</style>
+</head>
+<body>
+<b>Welcome to the <a href="https://gimm.pt/">GIMM</a> Flow Cytometry Wiki</b>
+<div class="container">
+  <!-- LEFT -->
+  <div class="left">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=logo_fcf_final.png">
+    <br><br>
+    <!-- TEAM -->
+    <div class="team">
+      <!-- Mariana -->
+      <div>
+        <img src="/facility/flowcytometry/lib/exe/fetch.php?media=mariana_wiki_nome_2.png" width="95">
+      </div>
+      <!-- Others -->
+      <div class="team-rows">
+        <div class="team-row">
+          <img src="/facility/flowcytometry/lib/exe/fetch.php?media=andre_wiki_nome.png" width="95">
+          <img src="/facility/flowcytometry/lib/exe/fetch.php?media=andreia_wiki_nome.png" width="95">
+          <img src="/facility/flowcytometry/lib/exe/fetch.php?media=maria_wiki_nome.png" width="95">
+        </div>
+        <div class="team-row">
+          <img src="/facility/flowcytometry/lib/exe/fetch.php?media=nuno_wiki_nome_1.png" width="95">
+          <img src="/facility/flowcytometry/lib/exe/fetch.php?media=rute_wiki_nome_2.png" width="95">
+          <img src="/facility/flowcytometry/lib/exe/fetch.php?media=sonia_wiki_name.png" width="95">
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- RIGHT (GIF) -->
+  <div class="right">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=gif_wiki_new_2024.gif">
+  </div>
+</div>
+<!-- TOP BUTTONS -->
+<div class="top-buttons">
+  <a href="/facility/flowcytometry/doku.php?id=team">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_team_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=about">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_platform_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=acknowledge">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=acknowledge_us_2026.png" style="width:220px;">
+  </a>
+</div>
+<!-- GRID BUTTONS -->
+<div class="grid-buttons">
+  <a href="/facility/flowcytometry/doku.php?id=supportservices">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=support_services_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=newuser">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=training_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=ucfservicesorting">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=cell_sorting_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=resources">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=equipment_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=workstations">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=data_analysis_workstation_2026.png" style="width:220px;">
+  </a>
+  <a href="https://europe.agendoscience.com/" target="_blank">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=booking_system_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=tutorials">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=useful_links_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=past_events">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=courses_2026.png" style="width:220px;">
+  </a>
+  <a href="/facility/flowcytometry/doku.php?id=billing">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=charges_and_policies_2026.png" style="width:220px;">
+  </a>
+</div>
+</body>
 </html>
@@ Line 39: / Line 194: @@
 <html>
 <td  style="border:0px solid white;">
-<p style="text-align:left"> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="https://isac-net.org/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=isac_logo.png"></a>&nbsp &nbsp &nbsp &nbsp <a href="https://aurora-users.cytekbio.com/login?returnurl=%2f" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cytek_logo.png"></a>&nbsp &nbsp &nbsp &nbsp <a href="https://learning.isac-net.org/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cyto_university.png"></a>&nbsp &nbsp &nbsp &nbsp <a href="https://lists.purdue.edu/mailman/listinfo/cytometry" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=purdue_logo.png"></a></p></td>
+<p style="text-align:left"> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="https://isac-net.org/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=isac_logo.png"></a>&nbsp &nbsp &nbsp &nbsp <a href="https://aurora-users.cytekbio.com/login?returnurl=%2f" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cytek_logo.png"></a>&nbsp &nbsp &nbsp &nbsp <a href="https://learning.isac-net.org/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cyto_university.png"></a>&nbsp &nbsp &nbsp &nbsp</p></td>
 </html>
 ----

GIMM Flow Wiki

User Tools

Site Tools

Differences

Page Tools