Spaces:

LeRobot-worldwide-hackathon
/

all-winners

Running

App Files Files Community

maringetxway commited on Jun 18

Commit

daefd86

verified ·

1 Parent(s): 1df2674

Upload 6 files

Browse files

Files changed (7) hide show

.gitattributes +1 -0
hf (1).png +0 -0
index (3).html +187 -0
main (2).js +27 -0
seeedstudio.png +0 -0
sponsors.png +3 -0
style (2).css +20 -0

.gitattributes CHANGED Viewed

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+sponsors.png filter=lfs diff=lfs merge=lfs -text

hf (1).png ADDED Viewed

index (3).html ADDED Viewed

	@@ -0,0 +1,187 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>LeRobot Worldwide Hackathon – Winners</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+  <!-- React 18 UMD -->
+  <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+</head>
+<body class="bg-[#FF9D00]">
+  <div id="root"></div>
+  <script type="text/javascript">
+    const { useState, useEffect } = React;
+    /**
+     * Utility: extract rank & team # from a filename "<rank>-<team>-... .mp4"
+     */
+    function parseRankTeam(filepath) {
+      const name = filepath.split("/").pop();
+      const m = name.match(/^(\d+)-(\d+)-/);
+      return m ? { rank: +m[1], team: +m[2] } : { rank: null, team: null };
+    }
+    function App() {
+      const [videos, setVideos] = useState([]);
+      const [teamDatasets, setTeamDatasets] = useState({});
+      useEffect(() => {
+        async function fetchAssets() {
+          // Fetch video files
+          const tree = await (
+            await fetch(
+              "https://huggingface.co/api/datasets/maringetxway/all-winners/tree/main"
+            )
+          ).json();
+          const videoFiles = tree
+            .filter((f) => f.path.endsWith(".mp4"))
+            .map((f) => {
+              const { rank, team } = parseRankTeam(f.path);
+              return {
+                url: `https://huggingface.co/datasets/maringetxway/all-winners/resolve/main/${encodeURIComponent(
+                  f.path
+                )}`,
+                rank,
+                team,
+              };
+            })
+            .sort((a, b) => a.rank - b.rank);
+          setVideos(videoFiles);
+          // Fetch datasets by team (optional links)
+          const datasets = await (
+            await fetch(
+              "https://huggingface.co/api/datasets?author=maringetxway"
+            )
+          ).json();
+          const map = {};
+          datasets.forEach(({ id }) => {
+            const m = id.match(/maringetxway\/team[_-]?(\d+)/i);
+            if (m) {
+              const t = +m[1];
+              if (!map[t]) map[t] = [];
+              map[t].push(
+                `https://huggingface.co/spaces/lerobot/visualize_dataset?dataset=${id}`
+              );
+            }
+          });
+          setTeamDatasets(map);
+        }
+        fetchAssets();
+      }, []);
+      return React.createElement(
+        "div",
+        { className: "min-h-screen py-10 px-4 max-w-3xl mx-auto" },
+        /* Heading */
+        React.createElement(
+          "h1",
+          {
+            className:
+              "text-center text-4xl font-bold text-white mb-4 drop-shadow-lg",
+          },
+          "LeRobot Worldwide Hackathon – Winners"
+        ),
+                /* Description */
+        React.createElement(
+          "p",
+          {
+            className:
+              "font-bold text-white text-center whitespace-pre-line mb-10 leading-relaxed",
+          },
+          `🏆 €15,000 in robotics hardware prizes \n\n `
+        ),
+        React.createElement(
+          "p",
+          {
+            className:
+              "text-white text-center whitespace-pre-line mb-10 leading-relaxed",
+          },
+          `🙌 Here’s a sneak peek at the prizes up for grabs in collaboration with SeeedStudio:\n\n🥇 1st to 3rd place teams: 1 Hope Jr Arm & 1 LeKiwi per team\n\n🥈 4th and 5th place teams: 1 Hope Jr Arm per team\n\n🥉 6th to 24th place teams: 1 LeKiwi per team\n\n🥉 25th to 30th place teams: 1 SO-101 per team\n\nA huge shoutout to everyone for your hard work and passion! It was truly tough to pick the top 30 – there were so many amazing demo videos, and we’re absolutely blown away. We also had a lot of laughs along the way!`
+        ),
+        /* Logos */
+        React.createElement(
+          "div",
+          { className: "flex justify-center items-center gap-6 mb-4" },
+          React.createElement("img", {
+            src: "seeedstudio.png",
+            alt: "Seeed Studio logo",
+            className: "h-12 w-auto",
+          }),
+          React.createElement("img", {
+            src: "hf.png",
+            alt: "Hugging Face logo",
+            className: "h-12 w-auto",
+          })
+        ),
+        /* Videos */
+        ...videos.map((video, idx) =>
+          React.createElement(
+            "section",
+            { key: idx, className: "mb-16" },
+            React.createElement(
+              "h2",
+              {
+                className:
+                  "text-2xl font-semibold text-white mb-4 flex items-center gap-2",
+              },
+              `#${video.rank}`,
+              React.createElement(
+                "span",
+                { className: "text-base font-normal text-white/80" },
+                `– Team ${video.team ?? "?"}`
+              )
+            ),
+            React.createElement("video", {
+              src: video.url,
+              controls: true,
+              className: "w-full rounded-xl shadow-2xl",
+            }),
+            teamDatasets[video.team] &&
+              React.createElement(
+                "div",
+                { className: "mt-2 space-y-1" },
+                teamDatasets[video.team].map((url, j) =>
+                  React.createElement(
+                    "a",
+                    {
+                      key: j,
+                      href: url,
+                      target: "_blank",
+                      className:
+                        "text-sm text-blue-200 underline hover:text-white",
+                    },
+                    `Dataset: ${url.split("=")[1]}`
+                  )
+                )
+              )
+          )
+        ),
+        /* Sponsors section */
+        React.createElement(
+          "div",
+          {
+            className:
+              "bg-white rounded-xl shadow-lg p-8 mt-20 flex justify-center",
+          },
+          React.createElement("img", {
+            src: "sponsors.png",
+            alt: "Sponsors",
+            className: "max-w-full h-auto",
+          })
+        )
+      );
+    }
+    ReactDOM.createRoot(document.getElementById("root")).render(
+      React.createElement(App)
+    );
+  </script>
+</body>
+</html>

main (2).js ADDED Viewed

	@@ -0,0 +1,27 @@

+async function loadVideos() {
+  try {
+    const response = await fetch("https://datasets-server.huggingface.co/rows?dataset=maringetxway/all-winners&config=default&split=train&offset=0&limit=30");
+    const data = await response.json();
+    const container = document.getElementById("videoContainer");
+    data.rows.forEach(row => {
+      const videoUrl = row.row.video;  // Assumes each row has a `video` field
+      if (videoUrl) {
+        const video = document.createElement("video");
+        video.src = videoUrl;
+        video.controls = true;
+        video.autoplay = false;
+        video.muted = true;
+        video.loop = false;
+        video.playsInline = true;
+        video.className = "w-full mb-4 rounded-lg shadow-md"; // Optional styling
+        container.appendChild(video);
+      }
+    });
+  } catch (error) {
+    console.error("Error loading videos:", error);
+  }
+}
+loadVideos();

seeedstudio.png ADDED Viewed

sponsors.png ADDED Viewed

Git LFS Details

SHA256: 6909d1ee474cc10650f2fb00e44312703c31baf7250b4712571865dc39822fda
Pointer size: 132 Bytes
Size of remote file: 1.47 MB

style (2).css ADDED Viewed

	@@ -0,0 +1,20 @@

+    body {
+      font-family: Arial, sans-serif;
+      background-color: #FF9D00;
+      margin: 0;
+      padding: 20px;
+    }
+    .video-grid {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 20px;
+      justify-content: center;
+    }
+    .video-grid video {
+      width: 320px;
+      height: 180px;
+      object-fit: cover;
+      border: 2px solid #ccc;
+      border-radius: 8px;
+    }