Differences

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

--- start [2026/04/09 23:04]
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>
-<td  style="border:0px solid white;"> <br><br><br><img src="/facility/flowcytometry/lib/exe/fetch.php?media=gif_wiki_new_2024.gif">
-</td>
-</table>
-<div style="
-  display:flex;
-  justify-content:center;
-  gap:20px;
-  margin:20px 0;
-">
-<a href="/facility/flowcytometry/doku.php?id=team">
+<style>
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_team_2026.png" width="220">
+/* ===== BASE ===== */
-</a>
+.container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  max-width: 1000px;
+  margin: 0 auto;
+}
-<a href="/facility/flowcytometry/doku.php?id=about">
+.left, .right {
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_platform_2026.png" width="220">
+  flex: 1 1 400px;
-</a>
+  text-align: center;
+}
-<a href="/facility/flowcytometry/doku.php?id=acknowledge">
+img {
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=acknowledge_us_2026.png" width="220">
+  max-width: 100%;
-</a>
+  height: auto;
+}
+/* TEAM */
+.team {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+  margin-bottom: 40px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+.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>
-</html>
-----
-<html>
-<div style="
-  display:flex;
-  flex-wrap:wrap;
-  gap:20px;
-  max-width:720px;
-  justify-content:center;
-  margin:0 auto;
-">
-<a href="/facility/flowcytometry/doku.php?id=supportservices">
+<!-- TOP BUTTONS -->
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=support_services_2026.png" width="220">
+<div class="top-buttons">
-</a>
-<a href="/facility/flowcytometry/doku.php?id=newuser">
+  <a href="/facility/flowcytometry/doku.php?id=team">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=training_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_team_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=ucfservicesorting">
+  <a href="/facility/flowcytometry/doku.php?id=about">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=cell_sorting_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_platform_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=resources">
+  <a href="/facility/flowcytometry/doku.php?id=acknowledge">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=equipment_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=acknowledge_us_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=workstations">
+</div>
-<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">
+<!-- GRID BUTTONS -->
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=booking_system_2026.png" width="220">
+<div class="grid-buttons">
-</a>
-<a href="/facility/flowcytometry/doku.php?id=tutorials">
+  <a href="/facility/flowcytometry/doku.php?id=supportservices">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=useful_links_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=support_services_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=past_events">
+  <a href="/facility/flowcytometry/doku.php?id=newuser">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=courses_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=training_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=billing">
+  <a href="/facility/flowcytometry/doku.php?id=ucfservicesorting">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=charges_and_policies_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=cell_sorting_2026.png" style="width:220px;">
-</a>
+  </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 82: / 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