Spaces:

evalstate
/

presentations-test

Running

App Files Files Community

evalstate HF Staff commited on 9 days ago

Commit

ebf3641

verified ·

1 Parent(s): 3a4b398

Improve deck arrow placement

Browse files

Files changed (3) hide show

README.md +1 -1
index.html +35 -12
publish-manifest.json +2 -2

README.md CHANGED Viewed

@@ -1,5 +1,5 @@
 ---
-title: Presentations Archive
 emoji: 🎤
 colorFrom: blue
 colorTo: yellow

 ---
+title: Presentation Archive
 emoji: 🎤
 colorFrom: blue
 colorTo: yellow

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Presentations Archive</title>
   <style>
     :root {
       color-scheme: dark;
@@ -254,9 +254,9 @@
     }
     .card-main {
       display: grid;
-      grid-template-columns: 7.2rem minmax(0, 1fr) 1.6rem;
       gap: 1rem;
-      align-items: baseline;
       border-bottom: 0;
     }
     .talk-copy {
@@ -286,7 +286,28 @@
       line-height: 1.22;
       letter-spacing: -.035em;
     }
-    .arrow { color: var(--a-0); justify-self: end; }
     .card-actions { display: flex; gap: .45rem; justify-content: end; align-items: center; }
     .pill {
       display: inline-flex;
@@ -335,8 +356,10 @@
       .year-section { grid-template-columns: 1fr; }
       .year-rail span { position: static; writing-mode: horizontal-tb; transform: none; }
       .talk-card { grid-template-columns: 1fr; }
-      .card-main { grid-template-columns: 1fr 1.6rem; }
       .stamp { grid-column: 1 / -1; }
       .card-actions { justify-content: start; }
       .note { margin-left: 0; }
     }
@@ -347,7 +370,7 @@
     <header class="hero">
       <div>
         <p class="eyebrow">evalstate archive department</p>
-        <h1>Presentations Archive</h1>
         <p class="lede">A maintained shelf of selected talks, demos, and conference decks. Hosted by Hugging Face Spaces.</p>
       </div>
       <aside class="hero-card">
@@ -416,13 +439,13 @@
           <a class="card-main" href="2026/nvidia-meetup/presentation.html">
             <span class="stamp"><time datetime="2026-04-30">Apr 2026</time></span>
             <span class="talk-copy">
-              <span class="event-line">AI Native Dev · London</span>
               <h3>Upskilling Models, Agents and the ML Pipeline</h3>
             </span>
             <span class="arrow" aria-hidden="true">↗</span>
           </a>
           <div class="card-actions">
             <a class="pill" href="2026/nvidia-meetup/presentation.html">View deck</a>
           </div>
@@ -437,10 +460,10 @@
             <span class="arrow" aria-hidden="true">↗</span>
           </a>
           <div class="card-actions">
             <a class="pill" href="2026/mcp-dev-summit-ny/presentation.html">View deck</a>
           </div>
         </article>
         <article class="talk-card" style="--i:6">
           <a class="card-main" href="2026/mcp-conference/presentation.html">
@@ -467,7 +490,7 @@
             <span class="arrow" aria-hidden="true">↗</span>
           </a>
           <div class="card-actions">
             <a class="pill" href="2026/mcp-connect/presentation.html">View deck</a>
           </div>
@@ -530,7 +553,7 @@
     </section>
     <footer>
       <span>Built from <code>evalstate/miscellany@798f9841f5cc</code> · local changes present</span>
-      <span>2026-06-24T11:43:43.112199+00:00 · <a href="publish-manifest.json">provenance</a></span>
     </footer>
   </main>
 </body>

 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Presentation Archive</title>
   <style>
     :root {
       color-scheme: dark;
     }
     .card-main {
       display: grid;
+      grid-template-columns: 7.2rem minmax(0, 1fr) 2.35rem;
       gap: 1rem;
+      align-items: stretch;
       border-bottom: 0;
     }
     .talk-copy {
       line-height: 1.22;
       letter-spacing: -.035em;
     }
+    .arrow {
+      display: grid;
+      place-items: center;
+      align-self: stretch;
+      justify-self: end;
+      width: 2.35rem;
+      min-height: 2.35rem;
+      color: var(--a-0);
+      background: rgba(245,164,0,.06);
+      border: 1px solid var(--a-line);
+      border-radius: 2px;
+      font-size: 1.05rem;
+      line-height: 1;
+      transform: translateX(0);
+      transition: transform 180ms cubic-bezier(.2,0,0,1), background 180ms cubic-bezier(.2,0,0,1), border-color 180ms cubic-bezier(.2,0,0,1), color 180ms cubic-bezier(.2,0,0,1);
+    }
+    .talk-card:hover .arrow {
+      color: #0b0c0f;
+      background: var(--a-0);
+      border-color: var(--a-0);
+      transform: translateX(.12rem) translateY(-.12rem);
+    }
     .card-actions { display: flex; gap: .45rem; justify-content: end; align-items: center; }
     .pill {
       display: inline-flex;
       .year-section { grid-template-columns: 1fr; }
       .year-rail span { position: static; writing-mode: horizontal-tb; transform: none; }
       .talk-card { grid-template-columns: 1fr; }
+      .card-main { grid-template-columns: 1fr 2.35rem; }
       .stamp { grid-column: 1 / -1; }
+      .talk-copy { grid-column: 1; }
+      .arrow { grid-column: 2; grid-row: 2; }
       .card-actions { justify-content: start; }
       .note { margin-left: 0; }
     }
     <header class="hero">
       <div>
         <p class="eyebrow">evalstate archive department</p>
+        <h1>Presentation Archive</h1>
         <p class="lede">A maintained shelf of selected talks, demos, and conference decks. Hosted by Hugging Face Spaces.</p>
       </div>
       <aside class="hero-card">
           <a class="card-main" href="2026/nvidia-meetup/presentation.html">
             <span class="stamp"><time datetime="2026-04-30">Apr 2026</time></span>
             <span class="talk-copy">
+              <span class="event-line">AI Native Dev (NVidia) · London</span>
               <h3>Upskilling Models, Agents and the ML Pipeline</h3>
             </span>
             <span class="arrow" aria-hidden="true">↗</span>
           </a>
           <div class="card-actions">
+            <a class="pill ghost" href="https://luma.com/oojjhxa2?tk=S9bQsj">Event</a>
             <a class="pill" href="2026/nvidia-meetup/presentation.html">View deck</a>
           </div>
             <span class="arrow" aria-hidden="true">↗</span>
           </a>
           <div class="card-actions">
+            <a class="pill ghost" href="https://mcpdevsummitna26.sched.com/">Event</a>
             <a class="pill" href="2026/mcp-dev-summit-ny/presentation.html">View deck</a>
           </div>
+          <p class="note">Included live demo of fast-agent / Monty Code Generation</p>
         </article>
         <article class="talk-card" style="--i:6">
           <a class="card-main" href="2026/mcp-conference/presentation.html">
             <span class="arrow" aria-hidden="true">↗</span>
           </a>
           <div class="card-actions">
+            <a class="pill ghost" href="https://luma.com/bj6kgvxh">Event</a>
             <a class="pill" href="2026/mcp-connect/presentation.html">View deck</a>
           </div>
     </section>
     <footer>
       <span>Built from <code>evalstate/miscellany@798f9841f5cc</code> · local changes present</span>
+      <span>2026-06-24T11:50:29.549960+00:00 · <a href="publish-manifest.json">provenance</a></span>
     </footer>
   </main>
 </body>

publish-manifest.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
-  "title": "Presentations Archive",
   "space": "evalstate/presentations",
   "build": {
-    "generatedAt": "2026-06-24T11:43:43.112199+00:00",
     "gitCommit": "798f9841f5cc979f0dd8b4002c26c29c62780a61",
     "gitDirty": true
   },

 {
+  "title": "Presentation Archive",
   "space": "evalstate/presentations",
   "build": {
+    "generatedAt": "2026-06-24T11:50:29.549960+00:00",
     "gitCommit": "798f9841f5cc979f0dd8b4002c26c29c62780a61",
     "gitDirty": true
   },