Differences

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

--- start [2026/04/09 23:15]
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>
-<div style="
+<head>
-  display:flex;
-  justify-content:space-between;
-  align-items:center;
-  max-width:1000px;
-  margin:0 auto;
-">
-<!-- LEFT SIDE -->
+<style>
-<div>
+/* ===== BASE ===== */
+.container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  max-width: 1000px;
+  margin: 0 auto;
+}
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=logo_fcf_final.png" width="600">
+.left, .right {
+  flex: 1 1 400px;
+  text-align: center;
+}
-<br><br><br>
+img {
+  max-width: 100%;
+  height: auto;
+}
-<!-- TEAM BLOCK -->
+/* TEAM */
-<div style="display:flex; align-items:flex-start; gap:20px; margin-bottom:40px;">
+.team {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+  margin-bottom: 40px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
-  <!-- Mariana (isolated) -->
+.team-rows {
-  <div>
+  display: flex;
-    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=mariana_wiki_nome_2.png" width="95">
+  flex-direction: column;
-  </div>
+  gap: 15px;
+}
-  <!-- Others in 2 rows -->
+.team-row {
-  <div>
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  flex-wrap: wrap;
+}
-    <!-- Row 1 -->
+/* TOP BUTTONS */
-    <div style="display:flex; gap:20px;">
+.top-buttons {
-      <img src="/facility/flowcytometry/lib/exe/fetch.php?media=andre_wiki_nome.png" width="95">
+  display: flex;
-      <img src="/facility/flowcytometry/lib/exe/fetch.php?media=andreia_wiki_nome.png" width="95">
+  flex-wrap: wrap;
-      <img src="/facility/flowcytometry/lib/exe/fetch.php?media=maria_wiki_nome.png" width="95">
+  justify-content: center;
-    </div>
+  gap: 20px;
+  margin: 20px 0 80px 0;
+}
-    <br>
+/* 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>
-    <!-- Row 2 -->
-    <div style="display:flex; gap:20px;">
-      <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>
+  <!-- RIGHT (GIF) -->
+  <div class="right">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=gif_wiki_new_2024.gif">
+  </div>
 </div>
-<!-- RIGHT SIDE (GIF) -->
+<!-- TOP BUTTONS -->
-<div style="margin-top:-40px;">
+<div class="top-buttons">
-  <img src="/facility/flowcytometry/lib/exe/fetch.php?media=gif_wiki_new_2024.gif">
-</div>
-</div>
+  <a href="/facility/flowcytometry/doku.php?id=team">
-<div style="
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_team_2026.png" style="width:220px;">
-  display:flex;
+  </a>
-  justify-content:center;
-  gap:20px;
-  margin:20px 0;
-">
-<a href="/facility/flowcytometry/doku.php?id=team">
+  <a href="/facility/flowcytometry/doku.php?id=about">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_team_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=about">
+  <a href="/facility/flowcytometry/doku.php?id=acknowledge">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=our_platform_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=acknowledge">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=acknowledge_us_2026.png" width="220">
-</a>
 </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">
+<!-- GRID BUTTONS -->
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=support_services_2026.png" width="220">
+<div class="grid-buttons">
-</a>
-<a href="/facility/flowcytometry/doku.php?id=newuser">
+  <a href="/facility/flowcytometry/doku.php?id=supportservices">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=training_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=ucfservicesorting">
+  <a href="/facility/flowcytometry/doku.php?id=newuser">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=cell_sorting_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=resources">
+  <a href="/facility/flowcytometry/doku.php?id=ucfservicesorting">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=equipment_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=workstations">
+  <a href="/facility/flowcytometry/doku.php?id=resources">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=data_analysis_workstation_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=equipment_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=charges">
+  <a href="/facility/flowcytometry/doku.php?id=workstations">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=booking_system_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=data_analysis_workstation_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=tutorials">
+  <a href="https://europe.agendoscience.com/" target="_blank">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=useful_links_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=booking_system_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=past_events">
+  <a href="/facility/flowcytometry/doku.php?id=tutorials">
-<img src="/facility/flowcytometry/lib/exe/fetch.php?media=courses_2026.png" width="220">
+    <img src="/facility/flowcytometry/lib/exe/fetch.php?media=useful_links_2026.png" style="width:220px;">
-</a>
+  </a>
-<a href="/facility/flowcytometry/doku.php?id=billing">
+  <a href="/facility/flowcytometry/doku.php?id=past_events">
-<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=courses_2026.png" style="width:220px;">
-</a>
+  </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 130: / 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