Differences

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

--- start [2026/04/09 22:58]
flowcytometry
+++ start [2026/05/11 17:54] (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>
-<table style="border:0px solid white;">
-<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>
-<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>
-</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">
+<style>
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=support_services_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=newuser">
+.left, .right {
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=training_2026.png" width="220">
+  flex: 1 1 400px;
-</a>
+  text-align: center;
+}
-<a href="/facility/flowcytometry/doku.php?id=ucfservicesorting">
+img {
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=cell_sorting_2026.png" width="220">
+  max-width: 100%;
-</a>
+  height: auto;
+}
-<a href="/facility/flowcytometry/doku.php?id=resources">
+/* TEAM */
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=equipment_2026.png" width="220">
+.team {
-</a>
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+  margin-bottom: 40px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
-<a href="/facility/flowcytometry/doku.php?id=workstations">
+.team-rows {
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=data_analysis_workstation_2026.png" width="220">
+  display: flex;
-</a>
+  flex-direction: column;
+  gap: 15px;
+}
-<a href="/facility/flowcytometry/doku.php?id=charges">
+.team-row {
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=booking_system_2026.png" width="220">
+  display: flex;
-</a>
+  gap: 20px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
-<a href="/facility/flowcytometry/doku.php?id=tutorials">
+/* TOP BUTTONS */
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=useful_links_2026.png" width="220">
+.top-buttons {
-</a>
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 20px;
+  margin: 20px 0 80px 0;
+}
-<a href="/facility/flowcytometry/doku.php?id=past_events">
+/* GRID BUTTONS */
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=courses_2026.png" width="220">
+.grid-buttons {
-</a>
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  max-width: 720px;
+  justify-content: center;
+  margin: 0 auto;
+}
-<a href="/facility/flowcytometry/doku.php?id=billing">
+/* ===== MOBILE ===== */
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=charges_and_policies_2026.png" width="220">
+@media (max-width: 768px) {
-</a>
+  .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 65: / 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>
 ----
@@ Line 71: / Line 200: @@
 <html>
 <td  style="border:0px solid white;">
-<p style="text-align:left"> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="http://flxflow.pt/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=flxflow_logo.png" width=140></a>&nbsp &nbsp &nbsp &nbsp <a href="https://www.bdbiosciences.com/en-us" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=bd.jpg" width=140></a>&nbsp &nbsp &nbsp &nbsp <a href="https://cytekbio.com/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cytek.png" width=200></a>&nbsp &nbsp &nbsp &nbsp <a href="https://colife.eu//" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=colife.png" width=180></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 <a href="http://flxflow.pt/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=flxflow_logo.png" width=140></a>&nbsp &nbsp &nbsp &nbsp <a href="https://www.bdbiosciences.com/en-us" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=bd.jpg" width=140></a>&nbsp &nbsp &nbsp &nbsp <a href="https://cytekbio.com/" target="_blank"><img src="/facility/flowcytometry/lib/exe/fetch.php?media=cytek.png" width=200></a></p></td>
 </html>

GIMM Flow Wiki

User Tools

Site Tools

Differences

Page Tools