Hugging Face's logo

Spaces:
CompactAI
/
AIArchives
Running

App Files Community
AIArchives / public /index.html
CompactAI's picture
CompactAI
Upload 126 files
617629e verified
Raw
History Blame Contribute Delete
23.3 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Archives — TL;DR</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=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Cinzel:wght@400..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/site.css">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='2' width='28' height='28' rx='6' fill='%23101215' stroke='%23b89be0' stroke-width='2'/%3E%3Ctext x='16' y='23' text-anchor='middle' font-size='17' fill='%23b89be0' font-family='system-ui' font-weight='bold'%3E⌘%3C/text%3E%3C/svg%3E">
</head>
<body>
<div id="intro-overlay">
 <div class="ai-drop-logo-202606" data-duration="0.9" data-path-stagger="0.19" data-stroke-width="3" data-split-pieces="48" data-order="outside-in" aria-label="Animated logo intro">
 <style>
 .ai-drop-logo-202606{
 --logo-size:min(72vmin,560px);
 --stroke-color:#e1e7ec;
 --duration:.9s;
 width:var(--logo-size);
 display:grid;
 grid-template-rows:auto auto;
 justify-items:center;
 row-gap:calc(var(--logo-size) * .04);
 position:relative;
 overflow:hidden;
 border-radius:0;
 background:transparent;
 isolation:isolate;
 }
 .ai-drop-logo-202606,
 .ai-drop-logo-202606 *{box-sizing:border-box;}
 .ai-drop-logo-202606 > svg{
 width:100%;
 aspect-ratio:1/1;
 display:block;
 overflow:visible;
 filter:drop-shadow(0 10px 24px rgba(0,0,0,.12));
 animation:aiLogoCameraIn202606 1.15s cubic-bezier(.2,.8,.18,1) both;
 }
 .ai-drop-logo-202606{
 animation:aiLogoSettle202606 .9s cubic-bezier(.34,1.56,.64,1) var(--draw-end,2.4s) both;
 }
 .ai-drop-logo-202606 .ai-static-bg-202606{display:none !important;}
 .ai-drop-logo-202606 .ai-fill-source-202606{
 opacity:0;
 stroke:transparent!important;
 fill:transparent!important;
 pointer-events:none;
 }
 .ai-drop-logo-202606 .ai-draw-segment-202606{
 stroke:var(--stroke-color)!important;
 stroke-width:var(--stroke-width,.4)!important;
 stroke-linecap:butt!important;
 stroke-linejoin:round!important;
 vector-effect:non-scaling-stroke;
 fill:transparent!important;
 opacity:1;
 pointer-events:none;
 stroke-dasharray:0 var(--path-length);
 stroke-dashoffset:var(--dash-offset);
 opacity:0;
 animation:
 aiLogoDrawSegment202606 var(--segment-duration,.12s) cubic-bezier(.32,.02,.11,1) var(--delay,0s) forwards,
 aiLogoSegmentIn202606 .18s ease-out var(--delay,0s) forwards;
 }
 .ai-drop-logo-202606::after{
 content:"";
 position:absolute;
 inset:-20%;
 pointer-events:none;
 opacity:0;
 mix-blend-mode:screen;
 background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08) 46%,rgba(255,255,255,.35) 51%,rgba(255,255,255,.08) 56%,transparent 65%);
 transform:translateX(-90%) skewX(-16deg);
 animation:aiLogoSweep202606 .8s cubic-bezier(.4,0,.2,1) var(--sweep-delay,1.55s) both;
 }
 @keyframes aiLogoDrawSegment202606{to{stroke-dasharray:var(--segment-length) var(--path-length);}}
 @keyframes aiLogoSegmentIn202606{from{opacity:0;}to{opacity:1;}}
 .ai-wordmark-202606{
 font-family:'Cinzel',Georgia,'Times New Roman',serif;
 font-size:calc(var(--logo-size) * .07);
 font-weight:400;
 letter-spacing:.16em;
 max-width:100%;
 text-transform:uppercase;
 color:var(--stroke-color);
 white-space:nowrap;
 perspective:600px;
 user-select:none;
 }
 .ai-wordmark-202606 .ai-word-glint-202606{font-weight:700;}
 .ai-wordmark-202606 .ai-word-glint-202606 .ai-letter-202606{
 background:linear-gradient(100deg,#F97316 20%,#FDBA74 50%,#F97316 80%);
 background-size:250% 100%;
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 color:#F97316;
 animation:
 aiLogoLetterIn202606 .7s cubic-bezier(.22,1.4,.36,1) var(--delay,0s) forwards,
 aiLogoShimmer202606 .9s ease var(--shimmer-delay,3.8s) both;
 }
 .ai-wordmark-202606 .ai-letter-202606{
 display:inline-block;
 opacity:0;
 transform:translateY(.6em) rotateX(70deg);
 transform-origin:50% 100%;
 filter:blur(6px);
 animation:aiLogoLetterIn202606 .7s cubic-bezier(.22,1.4,.36,1) var(--delay,0s) forwards;
 }
 @keyframes aiLogoLetterIn202606{
 60%{filter:blur(0);}
 to{opacity:1;transform:translateY(0) rotateX(0deg);filter:blur(0);}
 }
 @keyframes aiLogoShimmer202606{from{background-position:120% 0;}to{background-position:-30% 0;}}
 @keyframes aiLogoSettle202606{
 0%{transform:scale(1);}
 35%{transform:scale(1.025);filter:drop-shadow(0 0 18px rgba(225,231,236,.3));}
 100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(225,231,236,.12));}
 }
 @media (prefers-reduced-motion: reduce){
 .ai-drop-logo-202606,
 .ai-drop-logo-202606 > svg{animation:none;}
 .ai-drop-logo-202606::after{animation:none;}
 .ai-drop-logo-202606 .ai-draw-segment-202606{animation:none;opacity:1;stroke-dasharray:var(--segment-length) var(--path-length);}
 .ai-drop-logo-202606 .ai-letter-202606,
 .ai-drop-logo-202606 .ai-word-glint-202606 .ai-letter-202606{animation:none;opacity:1;transform:none;filter:none;}
 }
 @keyframes aiLogoCameraIn202606{0%{opacity:0;transform:scale(.94);filter:blur(7px) drop-shadow(0 10px 24px rgba(0,0,0,.12));}55%{opacity:1;filter:blur(0) drop-shadow(0 10px 24px rgba(0,0,0,.12));}100%{opacity:1;transform:scale(1);}}
 @keyframes aiLogoSweep202606{0%{opacity:0;transform:translateX(-90%) skewX(-16deg);}25%{opacity:1;}100%{opacity:0;transform:translateX(90%) skewX(-16deg);}}
 </style>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2000" height="2000" viewBox="0 0 2000 2000" role="img" aria-label="Logo">
 <path fill="#e1e7ec" d="M0 0L2000 0L2000 2000L0 2000L0 0Z"/>
 <path fill="#101215" d="M594.2 131.344C634.565 130.294 674.831 131.682 715.189 131.899C769.916 132.193 824.404 131.059 879.096 133.595C886.024 140.302 893.025 148.361 900.005 155.402L966.412 222.938C951.074 238.646 935.625 253.012 920.026 268.365C913.337 262.054 906.522 254.203 899.959 247.5C883.415 230.614 866.679 213.918 849.753 197.415C771.305 195.91 692.84 195.573 614.383 196.405C605.573 203.954 592.363 218.097 583.492 226.96L524.782 284.673C512.219 297.249 492.442 318.172 479.279 329.132C481.785 332.897 483.963 336.87 485.791 341.006C497.48 367.732 496.197 391.425 485.653 417.947C491.053 423.815 497.197 429.705 502.886 435.362C544.401 476.647 586.221 517.608 627.594 559.041C630.165 558.093 632.755 557.196 635.362 556.349C665.786 546.485 686.998 551.289 714.634 565.318C722.523 555.062 736.099 542.689 745.555 532.851L817.813 458.766L1019.14 251.556L1093.32 175.347C1105.89 162.43 1118.84 150.148 1130.73 136.58C1160.87 135.523 1194.23 136.854 1224.87 136.89C1292.6 136.877 1360.33 137.431 1428.04 138.554C1471.38 182.779 1519.67 227.775 1564.05 271.502C1646.16 238.938 1719.27 309.891 1689.68 394.149C1739.32 444.155 1790.56 492.725 1840.64 542.222C1841.21 557.147 1840.15 575.886 1840.03 591.207C1840.12 625.823 1839.8 660.439 1839.09 695.048L1837.56 897.671C1828.6 907.806 1813.32 922.229 1803.34 932.207L1737.98 997.455L1844.59 1104.07C1845.17 1218.99 1844.84 1333.92 1843.59 1448.84C1794.96 1498.47 1742.65 1547.76 1694.93 1597.85C1703.98 1619.46 1704.46 1643.71 1696.26 1665.65C1687.84 1689.18 1670.18 1708.27 1647.38 1718.5C1622.78 1729.63 1597.69 1729.69 1572.7 1720.1C1557.1 1734.46 1539.66 1752.79 1524.51 1767.95L1435.98 1856.49L1121.35 1860.76C1109.44 1849.3 1098.82 1837.51 1087.21 1825.84L968.603 1705.19L899.885 1635.45C887.282 1622.82 867.467 1604.27 856.346 1591.17C843.087 1576.26 822.712 1557.61 808.17 1542.73C779.607 1513.5 750.216 1482.6 721.267 1453.87C686.025 1472.29 658.88 1470.89 623.846 1453.51C615.504 1464.35 593.218 1485.33 582.706 1496.63C554.755 1526.67 523.1 1556.46 495.774 1586.82C508.674 1618.81 508.462 1646.71 490.593 1676.88C501.723 1688.55 512.775 1698.47 524.16 1709.74L617.151 1801.63C629.401 1801.87 642.124 1801.93 654.346 1801.3C721.783 1797.84 791.778 1800.29 858.914 1795.48C880.141 1774.28 902.383 1754.14 923.539 1732.96C938.164 1747.69 954.047 1764.91 968.376 1780.08C943.148 1806.1 911.417 1834.58 885.036 1860.33L696.748 1865.16C663.707 1866 623.269 1868.33 591.299 1867.7C579.767 1856.78 568.207 1844.48 556.7 1833.29L438.527 1717.11C420.513 1722.23 403.708 1722.91 385.528 1717.81C361.811 1711.29 341.649 1695.63 329.467 1674.27C316.396 1650.97 313.789 1626.42 320.97 1600.81C312.401 1591.4 296.463 1576.92 286.588 1567.06L186.508 1468.06C185.434 1407.57 186.735 1349.31 187.014 1289.06C186.809 1228.04 186.971 1167.02 187.5 1106C204.834 1089.04 224.205 1068.14 241.161 1050.57L316.015 973.696L586.336 696.194C566.315 665.744 568.162 636.782 580.388 604.175C573.538 596.43 562.669 586.143 555.152 578.618C538.46 561.626 521.482 544.918 504.225 528.5C482.616 507.71 460.99 485.515 439.769 464.236C434.267 466.829 428.529 468.891 422.635 470.393C396.621 477.08 371.886 471.573 349.21 458.143C343.837 463.724 338.205 469.115 332.5 474.357C304.301 500.266 278.411 530.489 249.654 555.633C248.519 565.856 249.552 584.308 249.75 595.155C249.963 613.433 250.047 631.713 250 649.992L250.903 764.121C251.036 799.829 250.514 836.308 251.515 871.926C268.537 889.056 285.118 906.684 302.361 923.96C288.399 938.378 270.627 954.782 255.981 969.37C232.844 946.484 210.715 923.138 187.663 900.13C185.852 885.656 186.075 864.125 186.068 849L186.007 772.339C185.202 721.388 184.861 670.431 184.984 619.473C184.772 589.277 183.838 559.131 184.533 528.945C225.147 487.709 268.895 446.515 309.97 405.481C305.762 389.372 304.739 375.483 308.434 359.043C313.806 334.43 328.896 313.032 350.276 299.707C375.568 284.122 399.02 282.528 427.09 289.229L533.691 184.79L567.811 150.495C573.498 144.784 579.467 138.795 585.365 133.25C587.835 130.928 590.456 131.53 594.2 131.344Z"/>
 <path fill="#e1e7ec" d="M1159.64 201.313C1177.23 200.596 1204.85 201.966 1223.67 202.01L1400.61 203.359C1410.17 210.436 1430.86 232.414 1440.33 241.71L1518.06 317.502C1505.1 349.927 1506.44 372.792 1522.02 404.027C1515.63 413.052 1486.14 443.097 1477.17 452.603C1448.47 483.01 1419.7 514.957 1390.68 544.93C1361.05 528.982 1331.53 531.097 1301.99 545.427L1084.48 329.992C1068.94 345.461 1054.33 361.1 1038.96 376.514L1259.3 594.835C1251.77 614.262 1251.14 635.683 1257.5 655.522C1265.37 680.03 1280.97 699.327 1303.93 711.12C1326.13 722.789 1352.13 724.922 1375.94 717.029C1399.77 709.434 1419.56 692.595 1430.86 670.286C1443.83 644.49 1443.32 619.889 1434.59 593.074C1452.99 574.784 1472.87 552.54 1490.75 533.411L1572.66 445.729C1602.22 454.17 1616.62 452.142 1644.92 441.492C1656 452.104 1666.97 463.675 1678.05 474.462C1710.53 505.612 1742.67 537.111 1774.47 568.952C1775.45 611.807 1774.69 652.219 1774.3 694.824C1774.03 753.476 1773.42 812.126 1772.49 870.771C1760.47 884.279 1740.19 903.304 1726.96 916.539L1636.12 1007.38L1368.11 1275.23C1347.83 1266.87 1325.21 1266.12 1304.42 1273.1C1266.63 1285.58 1242.19 1318.43 1239.56 1358.05C1238.61 1372.23 1241.84 1383.82 1246.17 1397.14C1225.42 1419.29 1200.11 1443.36 1178.39 1465.07L1041.61 1601.95C1056.21 1617.2 1072.55 1632.98 1087.55 1648L1208.69 1526.84L1290.04 1445.63C1319.23 1459.96 1343.31 1459.31 1373 1447.66L1522.68 1594.19C1510.74 1626.19 1511.29 1644.32 1524.48 1675.86C1513.36 1688.06 1497.46 1703.09 1485.55 1715L1409.03 1791.55C1354.1 1792.85 1299.17 1793.68 1244.23 1794.02C1211.31 1794.31 1180.03 1795.07 1147 1794.61C1141.19 1786.55 1116.17 1762.69 1107.24 1753.76L1035.13 1680.68L762.042 1402.49C767.413 1386.53 768.291 1369.39 764.58 1352.96C758.86 1328.39 744.288 1306.71 722.668 1293.44C701.407 1280.19 675.741 1275.98 651.358 1281.72C626.673 1287.42 605.379 1302.94 592.393 1324.69C577.378 1349.83 576.318 1374.23 583.458 1401.84C551.598 1436.75 516.39 1470.62 483.964 1505.17C472.532 1517.35 460.075 1529.03 449.03 1541.59C442.996 1539.05 436.747 1537.06 430.357 1535.63C405.766 1530.22 381.92 1534.7 360.708 1548.25C350.199 1540.05 324.183 1512.84 313.787 1502.32C293.468 1481.75 271.245 1461.43 251.502 1440.79C249.815 1388.06 251.293 1333.32 251.872 1280.51C252.414 1231.17 251.152 1181.22 252.484 1131.97C345.725 1037.5 438.406 942.49 530.522 846.93C566.095 810.384 602.778 771.192 638.997 735.628C714.621 753.562 773.903 692.194 754.748 616.85L1012.49 351.996L1117.5 244.044C1131.26 230.159 1145.17 214.271 1159.64 201.313Z"/>
 <path fill="#101215" d="M992.499 487.677C996.624 487.107 1002.52 487.146 1006.83 487.144C1086.25 487.102 1149.24 556.275 1143.1 635.239C1141.78 652.279 1137.53 664.578 1131.81 680.111C1149.79 699.742 1176.07 724.542 1195.58 744.051L1323.59 872C1331.67 868.439 1339.82 865.077 1348.32 862.638C1413.76 843.848 1482.33 875.978 1510.65 937.376C1526.23 970.778 1527.58 1009.07 1514.4 1043.49C1502.01 1077.2 1476.62 1104.53 1443.92 1119.37C1406.01 1136.67 1371.36 1136.19 1332.9 1121.77C1309.94 1143.23 1284.23 1170.27 1261.54 1192.96L1132.82 1321.83C1136.44 1331.45 1139.17 1339.98 1141.07 1350.14C1147.68 1386.24 1139.61 1423.49 1118.65 1453.62C1097.22 1484.78 1065.4 1503.48 1028.56 1510.46C1004.07 1515.03 977.487 1511.48 954.472 1502.29C920.435 1488.85 893.317 1462.17 879.337 1428.35C863.222 1390.42 865.46 1355.88 880.468 1318.3C874.09 1310.93 863.543 1301 856.495 1293.95L813.304 1250.77L685.45 1123.07C615.743 1147.93 540.036 1119.27 509.918 1050.45C494.85 1016.6 494.189 978.083 508.086 943.74C521.377 909.563 548.046 882.296 581.92 868.251C621.762 851.539 655.866 854.734 694.85 870.512C702.508 863.471 710.541 855.155 717.874 847.649C771.725 792.525 828.205 739.233 881.59 683.723C875.646 669.312 871.522 657.643 869.427 642.006C864.825 605.163 875.175 568.012 898.163 538.856C921.361 509.026 955.423 492.29 992.499 487.677Z"/>
 <path fill="#e1e7ec" d="M1083.38 738.149C1089.65 740.863 1251.77 905.286 1268.93 922.407C1260.26 936.622 1254.14 952.243 1250.85 968.564C1243.05 1007.42 1252.64 1042.65 1274.13 1075.24C1253.6 1096.73 1230.35 1119.09 1209.22 1140.23L1086.25 1263.11C1071.45 1252.85 1054.91 1245.38 1037.43 1241.07C1002.56 1232.59 965.741 1238.33 935.099 1257.01L928.419 1260.95L745.525 1077.91C780.129 1025.96 782.851 973.782 750.921 919.588C809.628 859.494 871.229 799.25 930.747 739.732C979.743 769.722 1035.08 770.055 1083.38 738.149Z"/>
 <path fill="#101215" d="M396.456 1038.93L623.371 1265.96C608.779 1281.1 592.811 1296.59 577.893 1311.54C574.008 1309.98 367.417 1101.93 350.542 1084.99L396.456 1038.93Z"/>
 <path fill="#101215" d="M1438.57 700.843C1443.99 703.679 1486.1 747.49 1492.84 754.234L1661.42 922.991L1616.21 968.232C1611.12 966.286 1412.9 766.244 1392.88 746.523L1438.57 700.843Z"/>
 <path fill="#e1e7ec" d="M1691.82 1043.73C1697.92 1048.52 1714.81 1066.17 1720.81 1072.18L1779.43 1130.88C1781.31 1191.96 1779.3 1253.13 1779.17 1314.21C1779.1 1350.18 1779.45 1386.15 1778.45 1422.11C1736.08 1464.5 1693.52 1507.78 1650.71 1549.64L1648.93 1548.82C1619.5 1535.37 1598.01 1536.72 1568.5 1547.98L1538.22 1517.73C1524.92 1506.67 1507.27 1487.68 1494.53 1475.11L1418.99 1401.5C1431.19 1372.36 1430.21 1347.34 1416.62 1319.06C1444.48 1289.21 1480.03 1255.5 1509.25 1226.28L1691.82 1043.73Z"/>
 </svg>
<div class="ai-wordmark-202606"><span class="ai-word-glint-202606">Glint</span>&nbsp;<span class="ai-word-research-202606">Research</span></div>
<script>
 (() => {
 const script = document.currentScript;
 const root = script && script.closest('.ai-drop-logo-202606');
 if (!root || root.dataset.aiLogoReady === 'true') return;
 root.dataset.aiLogoReady = 'true';
 const svg = root.querySelector('svg');
 const duration = parseFloat(root.dataset.duration || '0.9');
 const pathStagger = parseFloat(root.dataset.pathStagger || '0.19');
 const strokeWidth = parseFloat(root.dataset.strokeWidth || '0.4');
 const splitPieces = parseInt(root.dataset.splitPieces || '48', 10);
 const order = root.dataset.order || 'outside-in';
 const MAX_SEGMENTS = 2600;
 svg.removeAttribute('width');
 svg.removeAttribute('height');
 svg.setAttribute('preserveAspectRatio','xMidYMid meet');
 root.style.setProperty('--stroke-width', strokeWidth);
 const shapes = [...svg.querySelectorAll('path,line,polyline,polygon,circle,ellipse,rect')];
 const candidates = shapes.filter((el, index) => {
 const d = (el.getAttribute('d') || '').replace(/\s+/g,'');
 const isFullBg = index === 0 && d === 'M00L20000L20002000L02000L00Z';
 if (isFullBg) {
 el.classList.add('ai-static-bg-202606');
 el.style.display = 'none';
 return false;
 }
 return true;
 });
 candidates.forEach(el => el.classList.add('ai-fill-source-202606'));
 function lengthOf(el){
 try { return Math.max(1, el.getTotalLength()); }
 catch(e){ return 1000; }
 }
 function orderedSegmentIndex(visualOrder, count){
 if(order === 'reverse') return count - 1 - visualOrder;
 if(order === 'inside-out' || order === 'outside-in'){
 const center = (count - 1) / 2;
 const sorted = [...Array(count).keys()].sort((a,b) => {
 return order === 'inside-out'
 ? Math.abs(a - center) - Math.abs(b - center)
 : Math.abs(b - center) - Math.abs(a - center);
 });
 return sorted[visualOrder];
 }
 return visualOrder;
 }
 requestAnimationFrame(() => {
 const lengths = candidates.map(lengthOf);
 const requestedTotal = candidates.reduce((sum, el, i) => {
 return sum + Math.max(1, Math.min(splitPieces, Math.ceil(lengths[i] / 2)));
 }, 0);
 const capScale = requestedTotal > MAX_SEGMENTS ? MAX_SEGMENTS / requestedTotal : 1;
 let maxEndTime = 0;
 candidates.forEach((el, pathIndex) => {
 const len = lengths[pathIndex];
 const rawPieces = Math.max(1, Math.min(splitPieces, Math.ceil(len / 2)));
 const pieces = Math.max(1, Math.floor(rawPieces * capScale));
 const parent = el.parentNode;
 const group = document.createElementNS('http://www.w3.org/2000/svg','g');
 parent.insertBefore(group, el.nextSibling);
 el.classList.add('ai-fill-source-202606');
 const chunk = len / pieces;
 const internalStep = pieces > 1 ? (duration * 0.82) / pieces : 0;
 const segDuration = pieces > 1 ? Math.max(0.06, Math.min(0.4, duration / pieces * 1.55)) : duration;
 const pathDelay = pathIndex * pathStagger;
 for(let visualOrder = 0; visualOrder < pieces; visualOrder++){
 const segIndex = orderedSegmentIndex(visualOrder, pieces);
 const start = segIndex * chunk;
 const segLen = segIndex === pieces - 1 ? (len - start) : chunk;
 const clone = el.cloneNode(true);
 clone.removeAttribute('id');
 clone.removeAttribute('aria-label');
 clone.classList.remove('ai-fill-source-202606');
 clone.classList.add('ai-draw-segment-202606');
 clone.setAttribute('aria-hidden','true');
 clone.style.setProperty('--path-length', len.toFixed(3));
 clone.style.setProperty('--segment-length', Math.max(0.01, segLen + 0.35).toFixed(3));
 clone.style.setProperty('--dash-offset', (-start).toFixed(3));
 clone.style.setProperty('--delay', (pathDelay + visualOrder * internalStep).toFixed(3) + 's');
 clone.style.setProperty('--segment-duration', segDuration.toFixed(3) + 's');
 group.appendChild(clone);
 maxEndTime = Math.max(maxEndTime, pathDelay + visualOrder * internalStep + segDuration);
 }
 });
 root.style.setProperty('--draw-end', Math.max(0, maxEndTime - 0.05).toFixed(3) + 's');
 root.style.setProperty('--sweep-delay', (maxEndTime + 0.15).toFixed(3) + 's');
 const wordmark = root.querySelector('.ai-wordmark-202606');
 if (wordmark) {
 wordmark.setAttribute('aria-label', wordmark.textContent.replace(/\u00A0/g, ' ').trim());
 const wordStart = maxEndTime + 0.35;
 const letterStep = 0.045;
 let letterIndex = 0;
 wordmark.querySelectorAll('span').forEach(word => {
 const letters = [...word.textContent];
 word.textContent = '';
 letters.forEach(ch => {
 const span = document.createElement('span');
 span.className = 'ai-letter-202606';
 span.setAttribute('aria-hidden', 'true');
 span.textContent = ch;
 span.style.setProperty('--delay', (wordStart + letterIndex * letterStep).toFixed(3) + 's');
 span.style.setProperty('--shimmer-delay', (wordStart + 1.0 + letterIndex * 0.06).toFixed(3) + 's');
 word.appendChild(span);
 letterIndex++;
 });
 });
 }
 });
 })();
 </script>
 </div>
 <span id="intro-skip">Skip →</span>
</div>
<div id="main-content">
<div class="topbar">
 <span><strong>AI Archives</strong></span>
 <span class="topbar-right">curated milestones in one-shot generation</span>
 </div>
<div class="notice-banner">
 Fable 5 was taken down, this is what was made in the time it was around. You got an interesting game? Make a PR with it properly added and tested!
 </div>
<div class="hero">
 <div class="hero-eyebrow">Archive</div>
 <h1>
 <span class="highlight">AI</span> Archives<br>
 <span class="highlight2">TL;DR</span>
 </h1>
 <p class="hero-lede">
 AI models keep being produced. Only <strong>huge leaps</strong> get posted here.
 </p>
 <div class="hero-stats" id="hero-stats">
 <div class="stat">
 <div class="stat-num accent" id="stat-entries">0</div>
 <div class="stat-label">Archived Leaps</div>
 </div>
 <div class="stat">
 <div class="stat-num" id="stat-models">0</div>
 <div class="stat-label">Models Tracked</div>
 </div>
 <div class="stat">
 <div class="stat-num" id="stat-latest">—</div>
 <div class="stat-label">Latest Entry</div>
 </div>
 </div>
 </div>
<div class="section">
 <div class="section-head">
 <span class="section-no">01</span>
 <h2>Entries</h2>
 </div>
 <main id="page"></main>
 </div>
<div class="footer">
 <span>AI Archives</span>
 <span>curated milestones in one-shot generation</span>
 </div>
</div>
<script src="/js/app.js"></script>
</body>
</html>