Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Infactory | The Multi-Modal Data Company</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --primary: #2E2E7A; | |
| --primary-light: #3D3D9E; | |
| --accent-teal: #46B4BF; | |
| --accent-yellow: #EAD61C; | |
| --accent-green: #88C75F; | |
| --accent-red: #CA4A57; | |
| --bg: #0a0a0f; | |
| --bg-card: #12121a; | |
| --text: #ffffff; | |
| --text-muted: rgba(255, 255, 255, 0.6); | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| html { | |
| overflow-x: hidden; | |
| } | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
| background: var(--bg); | |
| color: var(--text); | |
| min-height: 100vh; | |
| line-height: 1.6; | |
| overflow-x: hidden; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| .container { | |
| max-width: 900px; | |
| margin: 0 auto; | |
| padding: 60px 24px; | |
| width: 100%; | |
| } | |
| @media (max-width: 480px) { | |
| .container { | |
| padding: 40px 16px; | |
| } | |
| } | |
| /* Header */ | |
| .header { | |
| text-align: center; | |
| margin-bottom: 60px; | |
| } | |
| .logo { | |
| margin-bottom: 24px; | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .logo svg { | |
| height: 50px; | |
| width: auto; | |
| max-width: 100%; | |
| } | |
| .tagline { | |
| font-size: 1.5rem; | |
| font-weight: 600; | |
| color: var(--text); | |
| margin-bottom: 12px; | |
| } | |
| .subtitle { | |
| font-size: 1.1rem; | |
| color: var(--text-muted); | |
| max-width: 600px; | |
| margin: 0 auto 24px; | |
| } | |
| .links { | |
| display: flex; | |
| justify-content: center; | |
| gap: 24px; | |
| flex-wrap: wrap; | |
| } | |
| .links a { | |
| color: var(--accent-teal); | |
| text-decoration: none; | |
| font-weight: 500; | |
| transition: color 0.2s; | |
| } | |
| .links a:hover { | |
| color: var(--text); | |
| } | |
| /* Section */ | |
| section { | |
| margin-bottom: 48px; | |
| } | |
| h2 { | |
| font-size: 1.5rem; | |
| font-weight: 600; | |
| margin-bottom: 20px; | |
| } | |
| /* Features */ | |
| .features { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 16px; | |
| } | |
| .feature { | |
| background: var(--bg-card); | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| border-radius: 12px; | |
| padding: 20px; | |
| } | |
| .feature h3 { | |
| font-size: 1rem; | |
| font-weight: 600; | |
| margin-bottom: 8px; | |
| color: var(--accent-teal); | |
| } | |
| .feature p { | |
| font-size: 0.9rem; | |
| color: var(--text-muted); | |
| } | |
| /* Product Hero */ | |
| .product-hero { | |
| background: linear-gradient(135deg, var(--primary), rgba(70, 180, 191, 0.3)); | |
| border-radius: 16px; | |
| padding: 40px; | |
| text-align: center; | |
| border: 1px solid rgba(70, 180, 191, 0.3); | |
| margin-bottom: 24px; | |
| } | |
| .product-hero h3 { | |
| font-size: 1.5rem; | |
| margin-bottom: 12px; | |
| } | |
| .product-hero p { | |
| color: var(--text-muted); | |
| margin-bottom: 24px; | |
| max-width: 500px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .video-showcase { | |
| margin: 24px auto; | |
| max-width: 100%; | |
| border-radius: 12px; | |
| overflow: hidden; | |
| box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); | |
| } | |
| .video-showcase img { | |
| width: 100%; | |
| display: block; | |
| border-radius: 12px; | |
| } | |
| .product-hero a { | |
| display: inline-block; | |
| background: var(--accent-teal); | |
| color: var(--bg); | |
| padding: 14px 32px; | |
| border-radius: 8px; | |
| text-decoration: none; | |
| font-weight: 600; | |
| font-size: 1.05rem; | |
| transition: transform 0.2s, box-shadow 0.2s; | |
| } | |
| .product-hero a:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 20px rgba(70, 180, 191, 0.3); | |
| } | |
| /* Product Features */ | |
| .product-features { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 16px; | |
| } | |
| @media (max-width: 768px) { | |
| .product-features { | |
| grid-template-columns: repeat(2, 1fr); | |
| } | |
| } | |
| @media (max-width: 480px) { | |
| .product-features { | |
| grid-template-columns: 1fr; | |
| } | |
| } | |
| .product-feature { | |
| background: var(--bg-card); | |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| border-radius: 12px; | |
| padding: 24px; | |
| text-align: center; | |
| } | |
| .product-feature h3 { | |
| font-size: 1rem; | |
| font-weight: 600; | |
| margin-bottom: 8px; | |
| color: var(--accent-teal); | |
| } | |
| .product-feature p { | |
| font-size: 0.85rem; | |
| color: var(--text-muted); | |
| } | |
| /* Mobile responsive fixes */ | |
| @media (max-width: 480px) { | |
| .header { | |
| margin-bottom: 40px; | |
| } | |
| .tagline { | |
| font-size: 1.25rem; | |
| } | |
| .subtitle { | |
| font-size: 1rem; | |
| } | |
| .links { | |
| gap: 16px; | |
| } | |
| section { | |
| margin-bottom: 36px; | |
| } | |
| h2 { | |
| font-size: 1.25rem; | |
| } | |
| .product-hero { | |
| padding: 24px 20px; | |
| border-radius: 12px; | |
| } | |
| .product-hero h3 { | |
| font-size: 1.25rem; | |
| } | |
| .product-hero a { | |
| padding: 12px 24px; | |
| font-size: 1rem; | |
| } | |
| .feature { | |
| padding: 16px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header class="header"> | |
| <div class="logo"> | |
| <svg viewBox="0 0 656 222" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M93.36,129.24V45l-59.54,34.4c-2.49,1.42-4.05,4.09-4.05,6.99v62.61c0,3.16,1.74,6.14,4.45,7.74l59.14,34.26v-34.75l-42.27-32.62c-2.49-2.23-.93-6.36,2.4-6.36h23.09l16.78,11.97Z" fill="white"/> | |
| <path d="M163.45,153.09c.36-.85,.53-1.78,.62-2.71l-8.99,9.74,3.96-2.31,4.4-4.72" fill="white"/> | |
| <polygon points="164.16 145.21 144.98 165.99 148.99 163.68 164.16 147.21 164.16 145.21" fill="white"/> | |
| <polygon points="164.16 140.09 134.84 171.86 138.84 169.55 164.16 142.14 164.16 140.09" fill="white"/> | |
| <polygon points="164.16 135.02 124.69 177.74 128.74 175.42 164.16 137.02 164.16 135.02" fill="white"/> | |
| <polygon points="164.16 129.9 114.59 183.57 118.59 181.25 164.16 131.91 164.16 129.9" fill="white"/> | |
| <polygon points="164.16 124.79 104.44 189.44 108.45 187.13 164.16 126.79 164.16 124.79" fill="white"/> | |
| <polygon points="164.16 119.67 100.26 188.91 100.26 190.91 164.16 121.72 164.16 119.67" fill="white"/> | |
| <polygon points="164.16 114.6 100.26 183.79 100.26 185.79 164.16 116.6 164.16 114.6" fill="white"/> | |
| <polygon points="164.16 109.48 100.26 178.67 100.26 180.72 164.16 111.48 164.16 109.48" fill="white"/> | |
| <polygon points="164.16 104.36 100.26 173.6 100.26 175.6 164.16 106.41 164.16 104.36" fill="white"/> | |
| <polygon points="164.16 99.29 100.26 168.48 100.26 170.48 164.16 101.29 164.16 99.29" fill="white"/> | |
| <polygon points="164.16 94.17 100.26 163.37 100.26 165.41 164.16 96.17 164.16 94.17" fill="white"/> | |
| <polygon points="164.16 89.05 100.26 158.29 100.26 160.3 164.16 91.06 164.16 89.05" fill="white"/> | |
| <polygon points="100.17 45.14 100.17 45.98 100.66 45.45 100.17 45.14" fill="white"/> | |
| <polygon points="109.87 50.79 100.22 61.24 100.22 63.25 111.07 51.45 109.87 50.79" fill="white"/> | |
| <polygon points="106.8 48.96 100.17 56.17 100.22 58.17 108 49.72 106.8 48.96" fill="white"/> | |
| <polygon points="103.73 47.23 100.17 51.1 100.17 53.1 104.93 47.89 103.73 47.23" fill="white"/> | |
| <polygon points="100.66 45.45 100.17 45.98 100.17 47.98 101.86 46.16 100.66 45.45" fill="white"/> | |
| <polygon points="149.88 73.84 100.35 127.46 100.4 129.46 151.08 74.5 149.88 73.84" fill="white"/> | |
| <polygon points="146.81 72.01 100.35 122.34 100.35 124.34 148.01 72.72 146.81 72.01" fill="white"/> | |
| <polygon points="143.74 70.28 100.35 117.27 100.35 119.27 144.94 70.94 143.74 70.28" fill="white"/> | |
| <polygon points="140.62 68.5 100.31 112.19 100.31 114.2 141.87 69.21 140.62 68.5" fill="white"/> | |
| <polygon points="137.55 66.72 100.31 107.08 100.31 109.08 138.8 67.43 137.55 66.72" fill="white"/> | |
| <polygon points="134.48 64.94 100.31 102 100.31 104.01 135.68 65.65 134.48 64.94" fill="white"/> | |
| <polygon points="131.41 63.2 100.26 96.93 100.26 98.93 132.61 63.87 131.41 63.2" fill="white"/> | |
| <polygon points="128.34 61.38 100.26 91.81 100.26 93.82 129.54 62.09 128.34 61.38" fill="white"/> | |
| <polygon points="125.27 59.64 100.26 86.7 100.26 88.7 126.47 60.31 125.27 59.64" fill="white"/> | |
| <polygon points="122.2 57.86 100.26 81.62 100.26 83.63 123.4 58.53 122.2 57.86" fill="white"/> | |
| <polygon points="119.13 56.08 100.26 76.51 100.26 78.51 120.33 56.79 119.13 56.08" fill="white"/> | |
| <polygon points="116.01 54.3 100.22 71.43 100.26 73.44 117.26 54.97 116.01 54.3" fill="white"/> | |
| <polygon points="112.94 52.52 100.22 66.36 100.22 68.36 114.19 53.23 112.94 52.52" fill="white"/> | |
| <path d="M193.75,138.36l4.14-33.73h14.68l-4.14,33.64c-.22,2,.49,2.8,2.14,2.8h3.34l-1.33,11.04h-5.56c-10.68,0-14.73-2.45-13.3-13.71l.04-.04Zm4.58-51.08c-.27-5.34,3.65-9.03,8.54-9.03s9.43,3.65,9.7,9.03c.27,5.47-3.65,9.12-8.63,9.12s-9.35-3.65-9.61-9.12" fill="white"/> | |
| <path d="M226.28,104.63h14.68l-1.33,8.59c3.47-6.23,8.1-9.57,14.86-9.57,10.37,0,17.04,8.77,15.4,22.16l-1.6,12.46c-.22,2,.49,2.8,2.14,2.8h3.34l-1.33,11.04h-5.56c-10.68,0-14.73-2.45-13.3-13.71l1.47-12.15c.8-6.36-1.91-9.57-7.21-9.57-5.92,0-8.72,2.89-9.66,9.66l-3.2,25.72h-14.68l5.87-47.43h.13Z" fill="white"/> | |
| <path d="M280.79,116.78l1.47-12.15h7.83l2.09-16.95c1.42-11.21,6.68-17.49,17.89-17.49,6.36,0,10.81,2.22,14.24,6.01l-8.05,9.66c-1.2-1.56-2.49-2.54-4.81-2.54s-4.18,1.11-4.67,4.67l-2.05,16.6h12.24l-1.47,12.15h-12.24l-5.7,46.1c-1.38,11.57-5.79,12.82-15.71,12.82h-7.65l1.56-11.04h4.45c1.65,0,2.54-.44,2.85-2.8l5.52-45.12h-7.83l.04,.09Z" fill="white"/> | |
| <path d="M321.01,130.35c-.89-17.13,9.03-26.7,21.09-26.7,6.45,0,12.15,2.45,15.71,8.59l.58-7.57h14.68l-4.14,33.64c-.22,2,.49,2.8,2.14,2.8h3.34l-1.33,11.03h-5.56c-10.68,0-12.28-2.8-13.26-6.58l-.13-.53c-3.38,5.47-6.81,8.14-13.39,8.14-10.24,0-19.05-8.77-19.76-22.69l.04-.13Zm34.84-2.89c-.36-6.67-3.78-11.04-9.7-11.04-6.45,0-10.19,5.21-9.79,13.21,.36,6.68,3.92,10.68,9.66,10.68,6.23,0,10.19-5.34,9.79-12.9l.05,.04Z" fill="white"/> | |
| <path d="M380.37,128.79c-.8-14.95,9.92-25.14,24.83-25.14,9.57,0,16.24,4.01,20.42,9.48l-10.37,8.45c-2.18-3.2-5.47-5.12-9.52-5.12-6.59,0-10.55,5.21-10.15,12.37,.4,7.03,3.74,11.57,10.28,11.57,4.45,0,6.9-1.91,8.85-3.56l8.99,9.66c-3.69,3.92-9.12,6.59-17.13,6.59-14.6,0-25.45-9.48-26.21-24.25v-.05Z" fill="white"/> | |
| <path d="M432.08,116.78l1.47-12.15h6.9l3.03-24.7h14.6l-3.03,24.7h11.48l-1.47,12.15h-11.48l-2.18,17.93c-.67,4.8,.76,5.92,3.07,5.92s3.96-1.02,5.03-1.65l5.21,10.37c-2.45,1.91-5.61,3.78-12.15,3.78-9.35,0-17.58-4.23-15.8-18.78l2.23-17.49h-6.9v-.09Z" fill="white"/> | |
| <path d="M471.91,129.01c-.8-15.4,10.37-25.41,25.05-25.41s25.59,9.92,26.34,24.16c.8,15.4-10.37,25.28-25.05,25.28s-25.59-10.15-26.34-24.07v.04Zm36.22-1.33c-.36-6.9-4.58-11.39-10.95-11.39-6.67,0-10.55,5.21-10.15,12.9,.36,6.9,4.58,11.39,10.95,11.39s10.55-5.21,10.15-12.9" fill="white"/> | |
| <path d="M535.89,104.63h14.68l-1.42,9.12c4.27-8.14,8.9-10.15,14.06-10.15,3.34,0,5.38,.89,7.21,1.91l-4.9,13.48c-1.82-1.11-3.87-1.56-6.23-1.56-6.45,0-10.77,2.67-12.1,13.57l-2.54,21.05h-14.68l5.87-47.43h.04Z" fill="white"/> | |
| <path d="M570.02,167.64l9.21-9.35c2.71,3.34,6.76,6.1,12.59,6.1,6.59,0,10.59-3.56,11.66-11.39l.98-7.34c-3.74,5.12-7.96,7.34-14.33,7.34-10.37,0-17.04-8.77-15.4-22.16l3.16-26.25h14.82l-3.2,25.81c-.8,6.36,1.91,9.57,7.21,9.57,5.92,0,8.72-2.89,9.61-9.66l3.2-25.72h14.68l-6.14,50.1c-1.96,15.71-11.97,22.03-26.03,22.03-9.66,0-17.09-3.47-21.98-9.12l-.04,.04Z" fill="white"/> | |
| </svg> | |
| </div> | |
| <p class="tagline">The multi-modal data company</p> | |
| <p class="subtitle"> | |
| We find what's valuable in content archives and transform it into licensable AI-ready data. | |
| </p> | |
| <nav class="links"> | |
| <a href="https://infactory.ai">Website</a> | |
| <a href="https://github.com/infactory-io">GitHub</a> | |
| </nav> | |
| </header> | |
| <section> | |
| <h2>Available Datasets</h2> | |
| <div class="product-hero"> | |
| <h3>Soccer In-Match Events</h3> | |
| <p>Curated video clips featuring in-match soccer events with detailed annotations — ideal for action recognition and sports analytics models.</p> | |
| <a href="https://huggingface.co/datasets/infactory-ai/soccer-events">View Dataset →</a> | |
| </div> | |
| </section> | |
| </div> | |
| </body> | |
| </html> | |