Reformat site flexboxes

SIGPLAN · Sep 8, 2024 · 3a8032d · 3a8032d
1 parent 2d866d2
commit 3a8032d
Show file tree

Hide file tree

Showing 4 changed files with 288 additions and 158 deletions.
diff --git a/AV/generateMembersHTML.py b/AV/generateMembersHTML.py
@@ -73,14 +73,14 @@ def extractUserId(url: str) -> str:
 def makeHTML(members: list[(str, str)], section: str):
     with open(f"generated/{section}.html", "w") as f:
         f.write(
-            '<div style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;">'
+            '<p><span style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;">'
         )
         for name, img in members:
             uid = extractUserId(img)
             f.write(
-                f'<a href="https://conf.researchr.org/profile/conf/{uid}" style="display: block; text-align: center; width: 180px;"><span style="display: block; height: 180px; width: 180px; overflow: hidden;"><img style="max-width: 100%;" src="{img}" alt="{name}"></span><span style="display: block;">{name}</span></a>'
+                f'<a href="https://conf.researchr.org/profile/conf/{uid}" style="display: block; text-align: center; width: 180px; border: 1px solid #0093d0; border-radius: 10px; box-sizing: border-box; overflow: hidden;"><span style="display: block; height: 180px; width: 180px; overflow: hidden;"><img style="object-fit: cover;width: 100%; height: 100%;" src="{img}" alt="{name}"></span><span style="display: block;">{name}</span></a>'
             )
-        f.write("</div>")
+        f.write("</span></p>")
 
 
 if __name__ == "__main__":

diff --git a/AV/generated/active.html b/AV/generated/active.html
@@ -1,109 +1,209 @@
-<div
-  style="
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-    gap: 20px;
-  "
->
-  <a
-    href="https://conf.researchr.org/profile/conf/eduardomadeira"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/eduardomadeira/42073539-cbf3-4609-b04b-0a63287afd82/small.jpg"
-        alt="Eduardo Madeira" /></span
-    ><span style="display: block">Eduardo Madeira</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/alexanderbai"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/alexanderbai/dc1a164a-690d-4c08-926d-de8f9ab476d5/small.jpg"
-        alt="Alexander Bai" /></span
-    ><span style="display: block">Alexander Bai</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/jessicafoster"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://icfp24.sigplan.org/getProfileImage/jessicafoster/447e864c-9571-4c54-9f51-0e78d5d07ea4/small.jpg"
-        alt="Jessica Foster" /></span
-    ><span style="display: block">Jessica Foster</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/ethanrange"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/ethanrange/a82e09a2-116a-4794-a499-13496f915d0a/small.jpg"
-        alt="Ethan Range" /></span
-    ><span style="display: block">Ethan Range</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/christopherlam1"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/christopherlam1/00386a60-bf17-48da-8942-0d2815d7fa08/small.jpg"
-        alt="Chris Lam" /></span
-    ><span style="display: block">Chris Lam</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/janpaulramosdavila"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/janpaulramosdavila/156687da-3cdb-4157-b31e-636bb71b31dc/small.jpg"
-        alt="Jan-Paul Ramos" /></span
-    ><span style="display: block">Jan-Paul Ramos</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/maxsun"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/maxsun/7f927b55-626c-4c5c-9ac8-e10beb3d0b76/small.jpg"
-        alt="Max Sun" /></span
-    ><span style="display: block">Max Sun</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/johnhui"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/johnhui/54a9a819-59d8-4b2c-96f8-76f813666876/small.jpg"
-        alt="John Hui" /></span
-    ><span style="display: block">John Hui</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/zixiancai"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/zixiancai/22d210bf-85c3-49e6-8278-4ea50f3290dd/small.jpg"
-        alt="Zixian Cai" /></span
-    ><span style="display: block">Zixian Cai</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/guilhermeespada"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/guilhermeespada/221aa9ee-6215-4712-b6df-a5a09d269e04/small.jpg"
-        alt="Guilherme Espada" /></span
-    ><span style="display: block">Guilherme Espada</span></a
-  ><a
-    href="https://conf.researchr.org/profile/conf/apoorvingle"
-    style="display: block; text-align: center; width: 180px"
-    ><span style="display: block; height: 180px; width: 180px; overflow: hidden"
-      ><img
-        style="max-width: 100%"
-        src="https://conf.researchr.org/getProfileImage/apoorvingle/76632b78-6d6b-4f2e-9c36-af0a9e1a5fdb/small.jpg"
-        alt="Apoorv Ingle" /></span
-    ><span style="display: block">Apoorv Ingle</span></a
+<p>
+  <span
+    style="
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-around;
+      gap: 20px;
+    "
+    ><a
+      href="https://conf.researchr.org/profile/conf/eduardomadeira"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/eduardomadeira/42073539-cbf3-4609-b04b-0a63287afd82/small.jpg"
+          alt="Eduardo Madeira" /></span
+      ><span style="display: block">Eduardo Madeira</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/alexanderbai"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/alexanderbai/dc1a164a-690d-4c08-926d-de8f9ab476d5/small.jpg"
+          alt="Alexander Bai" /></span
+      ><span style="display: block">Alexander Bai</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/jessicafoster"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://icfp24.sigplan.org/getProfileImage/jessicafoster/447e864c-9571-4c54-9f51-0e78d5d07ea4/small.jpg"
+          alt="Jessica Foster" /></span
+      ><span style="display: block">Jessica Foster</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/ethanrange"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/ethanrange/a82e09a2-116a-4794-a499-13496f915d0a/small.jpg"
+          alt="Ethan Range" /></span
+      ><span style="display: block">Ethan Range</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/christopherlam1"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/christopherlam1/00386a60-bf17-48da-8942-0d2815d7fa08/small.jpg"
+          alt="Chris Lam" /></span
+      ><span style="display: block">Chris Lam</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/janpaulramosdavila"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/janpaulramosdavila/156687da-3cdb-4157-b31e-636bb71b31dc/small.jpg"
+          alt="Jan-Paul Ramos" /></span
+      ><span style="display: block">Jan-Paul Ramos</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/maxsun"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/maxsun/7f927b55-626c-4c5c-9ac8-e10beb3d0b76/small.jpg"
+          alt="Max Sun" /></span
+      ><span style="display: block">Max Sun</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/johnhui"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/johnhui/54a9a819-59d8-4b2c-96f8-76f813666876/small.jpg"
+          alt="John Hui" /></span
+      ><span style="display: block">John Hui</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/zixiancai"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/zixiancai/22d210bf-85c3-49e6-8278-4ea50f3290dd/small.jpg"
+          alt="Zixian Cai" /></span
+      ><span style="display: block">Zixian Cai</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/guilhermeespada"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/guilhermeespada/221aa9ee-6215-4712-b6df-a5a09d269e04/small.jpg"
+          alt="Guilherme Espada" /></span
+      ><span style="display: block">Guilherme Espada</span></a
+    ><a
+      href="https://conf.researchr.org/profile/conf/apoorvingle"
+      style="
+        display: block;
+        text-align: center;
+        width: 180px;
+        border: 1px solid #0093d0;
+        border-radius: 10px;
+        box-sizing: border-box;
+        overflow: hidden;
+      "
+      ><span
+        style="display: block; height: 180px; width: 180px; overflow: hidden"
+        ><img
+          style="object-fit: cover; width: 100%; height: 100%"
+          src="https://conf.researchr.org/getProfileImage/apoorvingle/76632b78-6d6b-4f2e-9c36-af0a9e1a5fdb/small.jpg"
+          alt="Apoorv Ingle" /></span
+      ><span style="display: block">Apoorv Ingle</span></a
+    ></span
   >
-</div>
+</p>