livecode-static/index.html
2025-06-12 10:18:49 +08:00

1 line
7.7 KiB
HTML

<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><!-- Primary Tags --><title>LiveCodes</title><meta name="title" content="LiveCodes"><meta name="description" content="A Code Playground That Just Works!"><!-- Twitter --><meta property="twitter:title" content="LiveCodes"><meta property="twitter:description" content="A Code Playground That Just Works!"><meta property="twitter:image" content="https://livecodes.io/livecodes/assets/images/livecodes-text-logo.png"><meta property="twitter:url" content="https://livecodes.io/"><meta property="twitter:card" content="summary_large_image"><!-- Facebook --><meta property="og:title" content="LiveCodes"><meta property="og:description" content="A Code Playground That Just Works!"><meta property="og:url" content="https://livecodes.io/"><meta property="og:image" content="https://livecodes.io/livecodes/assets/images/livecodes-text-logo.png"><meta property="og:type" content="website"><!-- oEmbed --><link rel="alternate" type="application/json+oembed" href="oembed?url=https%3A%2F%2Flivecodes.io&format=json" title="LiveCodes"><link rel="apple-touch-icon" sizes="180x180" href="livecodes/assets/images/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="livecodes/assets/images/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="livecodes/assets/images/favicon-16x16.png"><link rel="icon" type="image/x-icon" href="favicon.ico"><link rel="manifest" href="livecodes/assets/site.webmanifest"><link rel="mask-icon" href="livecodes/assets/images/safari-pinned-tab.svg" color="#5bbad5"><meta content="LiveCodes" name="apple-mobile-web-app-title"><meta content="LiveCodes" name="application-name"><meta name="msapplication-TileColor" content="#da532c"><meta name="msapplication-config" content="livecodes/assets/browserconfig.xml"><meta name="theme-color" content="#ffffff"><style>html,body,#livecodes{margin:0;padding:0}html{height:100vh}body,#livecodes{background-color:#fff;color:#111;height:100%;overflow:hidden}#livecodes{opacity:0;transition:opacity .4s ease-in-out}#loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:1;overflow:hidden;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}#loading img{height:100px}#loading-text,.noscript{animation:pulsate 3s infinite;font-family:monospace;font-size:1.3em;margin:15px auto;position:relative;text-align:center}.noscript{animation:none;color:red;font-weight:bold;max-width:80vw}.noscript::before{content:"✘";padding-right:.5em}.embed #loading>*{transform:scale(0.8)}.embed #loading-text{padding:.3em}.click-to-load{background-color:rgba(48, 48, 48, 0.05);cursor:pointer}.click-to-load #loading-text{animation:none;background:rgba(48, 48, 48, 0.5);border:1px solid rgba(48, 48, 48, 0.5);border-radius:2px;color:rgb(235, 235, 235);padding:5px}@keyframes pulsate{0%,100%{opacity:.2}50%{opacity:1}}@keyframes pulse{0%,100%{transform:scale(0.8) translateY(-4%) translateX(-7%)}50%{transform:scale(1)}}@keyframes colorPulse{0%,100%{stop-color:#8a8a8a}50%{stop-color:#d7d7d7}}@keyframes colorPulse2{0%,100%{stop-color:#444}50%{stop-color:#626262}}svg .B{stroke:none}svg .C{fill:url("#C")}svg .E{fill-rule:nonzero}#loading:not(.click-to-load) svg #cube-container{animation:pulsate 3s ease-in-out infinite;transform-origin:center}#loading:not(.click-to-load) svg #inner-cube{animation:pulse 3s ease-in-out infinite;transform-origin:center}#loading:not(.click-to-load) svg #gradient-stop-1{animation:colorPulse 1s ease-in-out infinite}#loading:not(.click-to-load) svg #gradient-stop-2{animation:colorPulse2 1s ease-in-out infinite}</style></head><body><div id="livecodes"></div><div id="loading"><svg xmlns="http://www.w3.org/2000/svg" width="151" height="100" viewBox="0 0 737 488" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd" style="display:block;margin:0 auto"><defs><filter id="A" x="-1.8182%" y="-2.7229%" width="104.0559%" height="106.0741%"><feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="3" dy="3" result="B"/><feFlood flood-color="#000" flood-opacity=".5"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="B" x="-4.4068%" y="-3.6111%" width="109.8305%" height="108.0556%"><feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="3" dy="3" result="B"/><feFlood flood-color="#000" flood-opacity=".5"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><linearGradient id="C" x1="0%" y1="0%" x2="100%" y2="100%"><stop id="gradient-stop-1" offset="0%" stop-color="#d7d7d7"/><stop id="gradient-stop-2" offset="100%" stop-color="#626262"/></linearGradient></defs><g filter="url(#A)" fill="#c1c1c1" transform="translate(9.5 4.5)" class="B E"><path d="M16.7525 286.7298C6.7066 275.7455 0 253.8097 0 234.5909c0-19.2061 5.0266-37.032 17.5891-46.6336h-.8357L214.4292 0v127.5964c-21.7784 20.5762-51.0939 43.9057-124.8028 108.3891l.8357 1.3552c39.3673 28.822 84.5988 72.7163 123.9662 111.1297v128.966z"/><g transform="translate(500.5716 .0017)"><path d="M197.6761 190.6956c10.0385 10.985 16.7523 32.9317 16.7523 52.1396s-5.0268 37.0308-17.5962 46.6336h.8443L0 477.4266V349.8297c21.7793-20.5648 51.094-43.8937 124.8034-108.3777l-.8357-1.3553C84.607 211.2747 39.3692 167.3799.0009 128.9676V0z"/></g></g><g id="cube-container" filter="url(#B)" transform="translate(219.5 59.5)" class="B"><g transform="translate(147.229 92.5951)"><path d="M0 261.9238l143.1698-87.4534V0L0 87.2109v174.7129z"/></g><g transform="translate(4.3302 92.7405)"><path d="M0 174.2764l142.9894 87.3081V87.1142L0 0v174.2764z"/></g><g transform="translate(5.2325 6.0147)"><path d="M284.1743 86.5805L142.0872 0 0 86.5805l142.0872 86.7257 142.0871-86.7257z"/></g><g transform="translate(147.3196 92.5951)"><path d="M0 81.5845L133.8327.0967 133.6974 0 0 81.5845z"/></g><g transform="translate(13.487 92.5951)"><path d="M.1353 0L0 .0967l133.8327 81.4878L.1353 0z"/></g><g transform="translate(147.3196 174.1792)"><path d="M0 0z"/></g><path d="M290.1287 87.017L147.3196 0 4.5106 87.017 0 89.8789v180.0482L147.5 360l4.5106-2.7648L295 269.9271V89.8303zm-4.511 177.2837l-133.7875 81.7786V182.6194l133.9679-81.6331zm-142.809 81.7786L8.8407 264.2521V100.9863l133.968 81.6331zM13.6223 92.6919l133.6973-81.536 133.6974 81.536-133.6974 81.4873L13.487 92.6919z" fill="#444"/><g id="inner-cube"><g transform="translate(147.9058 133.4844)" class="C"><path d="M0 140.566l76.9073-46.9039V0L0 46.8553v93.7107z"/></g><g transform="translate(69.8257 133.4844)" class="C"><path d="M0 93.6621l76.9073 46.9039V46.8553L0 0v93.6621z"/></g><g transform="translate(70.6373 85.513)" class="C"><path d="M153.3638 46.71L76.6819 0 0 46.71l76.6819 46.8554L153.3638 46.71z"/></g><g transform="translate(147.3196 132.223)"><path d="M0 42.102L68.9685.0968 68.8787 0 0 42.0534v.0486z"/></g><g transform="translate(78.3507 132.223)"><path d="M.0902 0L0 .0968 68.9685 42.102v-.0486L.0902 0z"/></g><g transform="translate(147.3196 174.2764)"><path d="M0 0z"/></g></g><g transform="translate(64.7736 79.159)"><path d="M160.5811 47.4858L82.5456 0 4.5106 47.4858 0 50.2992v100.9377l82.5456 50.4446 4.511-2.7648 78.1253-47.6798V50.2992zm-4.5109 98.0762l-69.0136 42.1987v-84.2035l69.1042-42.102zm-78.0351 42.1987L8.9309 145.562V61.4552l69.1042 42.102zM13.6674 53.064l68.8782-41.908 68.8787 41.9566-68.8787 42.0048-68.9684-41.9566z"/></g></g></svg><div id="loading-text" hidden>Loading LiveCodes…</div><noscript><div class="noscript">Please enable JavaScript to use LiveCodes</div></noscript><script>document.querySelector("#loading-text").hidden=!1</script></div><script src="livecodes/index.c4d43a5ac494ad5b4484dc2a7e86e883.js"></script></body></html>