Spaces:
Build error
Build error
| <html lang="en"> | |
| <head> | |
| <link rel="preload" as="style" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/theme/seti.min.css" /> | |
| <link rel="preload" as="style" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <meta charSet="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="description" content="Carbon is the easiest way to create and share beautiful images of your source code." /> | |
| <meta name="application-name" content="Carbon" /> | |
| <meta name="twitter:card" content="summary" /> | |
| <meta name="twitter:site" content="@carbon_app" /> | |
| <meta name="twitter:title" content="Carbon" /> | |
| <meta name="twitter:description" content="Carbon is the easiest way to create and share beautiful images of your source code." /> | |
| <meta name="twitter:image" content="https://carbon.now.sh/static/brand/banner.png" /> | |
| <meta name="og:title" content="Carbon" /> | |
| <meta name="og:description" content="Carbon is the easiest way to create and share beautiful images of your source code." /> | |
| <meta name="og:image" content="/static/brand/banner.png" /> | |
| <meta name="theme-color" content="#121212" /> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="#121212" /> | |
| <title>Carbon | Create and share beautiful images of your source code</title> | |
| <link rel="shortcut icon" href="/favicon.ico" /> | |
| <link rel="manifest" href="/manifest.json" /> | |
| <link rel="apple-touch-icon" href="/static/brand/apple-touch-icon.png" /> | |
| <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/theme/seti.min.css" /> | |
| <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css" /> | |
| <meta name="next-head-count" content="23" /><noscript data-n-css=""></noscript> | |
| <script defer="" nomodule="" src="/static/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script> | |
| <script src="/static/_next/static/chunks/webpack-d06b5ae06e50cd15.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/framework-bb5c596eafb42b22.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/main-0c2f695881b30dce.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/pages/_app-3434178aeb3cc8e0.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/ff239f9d-ca8347500655c670.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/f65a48b9-067decfb353bc5de.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/369-e8f2ba2cc85c0dd6.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/152-b45757b9176f674c.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/524-05696a2671cf01d2.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/94-c1d96e91c5f9c3c9.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/2-70c32d541379fb99.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/867-624f974e1910ffb8.js" defer=""></script> | |
| <script src="/static/_next/static/chunks/pages/embed/%5Bid%5D-8154db841bf0d7fa.js" defer=""></script> | |
| <script src="/static/_next/static/5AMzUELPXC7eY2oJtbjtp/_buildManifest.js" defer=""></script> | |
| <script src="/static/_next/static/5AMzUELPXC7eY2oJtbjtp/_ssgManifest.js" defer=""></script> | |
| <script src="/static/_next/static/5AMzUELPXC7eY2oJtbjtp/_middlewareManifest.js" defer=""></script> | |
| <style id="__jsx-6bd698647d4b7bc1"> | |
| @font-face { | |
| font-family: "Monoid"; | |
| font-display: swap; | |
| src: url("//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff")format(url("woff2")), url("//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff")format(url("woff")); | |
| src: url("//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff")format("woff2"), url("//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff")format("woff") | |
| } | |
| @font-face { | |
| font-family: "Fantasque Sans Mono"; | |
| font-display: swap; | |
| src: url("//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff")format(url("woff2")), url("//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff")format(url("woff")); | |
| src: url("//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff")format("woff2"), url("//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff")format("woff") | |
| } | |
| @font-face { | |
| font-family: "Hack"; | |
| font-display: swap; | |
| src: url("//cdn.jsdelivr.net/font-hack/2.020/fonts/woff2/hack-regular-webfont.woff2?v=2.020")format(url("woff2")), url("//cdn.jsdelivr.net/font-hack/2.020/fonts/woff/hack-regular-webfont.woff?v=2.020")format(url("woff")); | |
| src: url("//cdn.jsdelivr.net/font-hack/2.020/fonts/woff2/hack-regular-webfont.woff2?v=2.020")format("woff2"), url("//cdn.jsdelivr.net/font-hack/2.020/fonts/woff/hack-regular-webfont.woff?v=2.020")format("woff") | |
| } | |
| @font-face { | |
| font-family: "Fira Code"; | |
| font-display: swap; | |
| src: url("//cdn.jsdelivr.net/npm/firacode@latest/distr/woff2/FiraCode-Regular.woff2")format(url("woff2")), url("//cdn.jsdelivr.net/npm/firacode@latest/distr/woff/FiraCode-Regular.woff")format(url("woff")); | |
| src: url("//cdn.jsdelivr.net/npm/firacode@latest/distr/woff2/FiraCode-Regular.woff2")format("woff2"), url("//cdn.jsdelivr.net/npm/firacode@latest/distr/woff/FiraCode-Regular.woff")format("woff") | |
| } | |
| @font-face { | |
| font-family: "JetBrains Mono"; | |
| font-display: swap; | |
| src: url("//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2")format(url("woff2")), url("//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff")format(url("woff2")); | |
| src: url("//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2")format("woff2"), url("//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff")format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Cascadia Code"; | |
| font-display: swap; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local(url("Cascadia Code")), url("//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff2")format(url("woff2")), url("//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff")format(url("woff")); | |
| src: local("Cascadia Code"), url("//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff2")format("woff2"), url("//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff")format("woff") | |
| } | |
| @font-face { | |
| font-family: "IBM Plex Mono"; | |
| font-display: swap; | |
| font-weight: 500; | |
| src: local(url("IBM Plex Mono Regular")), local(url("IBMPlexMono-Regular")), url(//cdn.jsdelivr.net/gh/ibm/plex@latest/IBM-Plex-Mono/fonts/complete/woff2/IBMPlexMono-Regular.woff2)format(url("woff2")); | |
| src: local("IBM Plex Mono Regular"), local("IBMPlexMono-Regular"), url(//cdn.jsdelivr.net/gh/ibm/plex@latest/IBM-Plex-Mono/fonts/complete/woff2/IBMPlexMono-Regular.woff2)format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Anonymous Pro"; | |
| font-display: swap; | |
| src: local(url("Anonymous Pro Regular")), local(url("AnonymousPro-Regular")), url(//fonts.gstatic.com/s/anonymouspro/v11/Zhfjj_gat3waL4JSju74E3n3cbdKJftHIk87C9ihfO8.woff2)format(url("woff2")); | |
| src: local("Anonymous Pro Regular"), local("AnonymousPro-Regular"), url(//fonts.gstatic.com/s/anonymouspro/v11/Zhfjj_gat3waL4JSju74E3n3cbdKJftHIk87C9ihfO8.woff2)format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Droid Sans Mono"; | |
| font-display: swap; | |
| src: local(url("Droid Sans Mono Regular")), local(url("DroidSansMono-Regular")), url(//fonts.gstatic.com/s/droidsansmono/v9/ns-m2xQYezAtqh7ai59hJVlgUn8GogvcKKzoM9Dh-4E.woff2)format(url("woff2")); | |
| src: local("Droid Sans Mono Regular"), local("DroidSansMono-Regular"), url(//fonts.gstatic.com/s/droidsansmono/v9/ns-m2xQYezAtqh7ai59hJVlgUn8GogvcKKzoM9Dh-4E.woff2)format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Inconsolata"; | |
| font-display: swap; | |
| src: local(url("Inconsolata Regular")), local(url("Inconsolata-Regular")), url(//fonts.gstatic.com/s/inconsolata/v16/BjAYBlHtW3CJxDcjzrnZCIgp9Q8gbYrhqGlRav_IXfk.woff2)format(url("woff2")); | |
| src: local("Inconsolata Regular"), local("Inconsolata-Regular"), url(//fonts.gstatic.com/s/inconsolata/v16/BjAYBlHtW3CJxDcjzrnZCIgp9Q8gbYrhqGlRav_IXfk.woff2)format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Source Code Pro"; | |
| font-display: swap; | |
| src: local(url("Source Code Pro")), local(url("SourceCodePro-Regular")), url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2)format(url("woff2")); | |
| src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2)format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Ubuntu Mono"; | |
| font-display: swap; | |
| src: local(url("Ubuntu Mono")), local(url("UbuntuMono-Regular")), url(//fonts.gstatic.com/s/ubuntumono/v7/ViZhet7Ak-LRXZMXzuAfkYgp9Q8gbYrhqGlRav_IXfk.woff2)format(url("woff2")); | |
| src: local("Ubuntu Mono"), local("UbuntuMono-Regular"), url(//fonts.gstatic.com/s/ubuntumono/v7/ViZhet7Ak-LRXZMXzuAfkYgp9Q8gbYrhqGlRav_IXfk.woff2)format("woff2") | |
| } | |
| @font-face { | |
| font-family: "Space Mono"; | |
| font-display: swap; | |
| src: local(url("Space Mono")), local(url("SpaceMono-Regular")), url(https://fonts.gstatic.com/s/spacemono/v2/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2)format(url("woff2")); | |
| src: local("Space Mono"), local("SpaceMono-Regular"), url(https://fonts.gstatic.com/s/spacemono/v2/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2)format("woff2") | |
| } | |
| </style> | |
| <style id="__jsx-1170653115"> | |
| div.jsx-1170653115 { | |
| position: absolute; | |
| margin: 0px; | |
| top: -3px; | |
| left: -9px; | |
| width: 100%; | |
| text-align: center | |
| } | |
| input.jsx-1170653115 { | |
| width: 250px; | |
| background: none; | |
| outline: none; | |
| border: none; | |
| text-align: center; | |
| max-width: -webkit-calc(100% - 140px); | |
| max-width: -moz-calc(100% - 140px); | |
| max-width: calc(100% - 140px); | |
| font-size: 14px; | |
| color: #fff | |
| } | |
| </style> | |
| <style id="__jsx-4023755556"> | |
| .window-controls.jsx-4023755556 { | |
| margin-top: -24px; | |
| position: relative; | |
| top: 34px; | |
| margin-left: 14px; | |
| margin-right: 0px; | |
| z-index: 2; | |
| text-align: initial | |
| } | |
| .copy-button.jsx-4023755556 { | |
| cursor: pointer; | |
| position: absolute; | |
| top: 0px; | |
| right: 16px | |
| } | |
| </style> | |
| <style id="__jsx-43165554"> | |
| .handler.jsx-43165554 { | |
| z-index: 2; | |
| position: absolute; | |
| background-color: #57b5f9; | |
| top: 56px; | |
| bottom: 56px; | |
| right: 56px; | |
| width: 8px; | |
| cursor: ew-resize; | |
| opacity: 0 | |
| } | |
| .handler.jsx-43165554:hover { | |
| opacity: .4 | |
| } | |
| </style> | |
| <style id="__jsx-1745444649"> | |
| .container.jsx-1745444649 { | |
| position: relative; | |
| min-width: 90px; | |
| max-width: 1024px; | |
| padding: 56px 56px; | |
| } | |
| .container.jsx-1745444649 .watermark { | |
| fill-opacity: .75; | |
| position: absolute; | |
| z-index: 2; | |
| bottom: -webkit-calc(56px + 16px); | |
| bottom: -moz-calc(56px + 16px); | |
| bottom: calc(56px + 16px); | |
| right: -webkit-calc(56px + 16px); | |
| right: -moz-calc(56px + 16px); | |
| right: calc(56px + 16px) | |
| } | |
| .container.jsx-1745444649 .container-bg.jsx-1745444649 { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px | |
| } | |
| .container.jsx-1745444649 .white.jsx-1745444649 { | |
| background: #fff; | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px | |
| } | |
| .container.jsx-1745444649 .bg.jsx-1745444649 { | |
| background: rgba(171, 184, 195, 1); | |
| background-size: auto; | |
| background-repeat: repeat; | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px | |
| } | |
| .container.jsx-1745444649 .alpha.jsx-1745444649 { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px; | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) | |
| } | |
| .container.jsx-1745444649 .CodeMirror-gutters { | |
| background-color: unset; | |
| border-right: none | |
| } | |
| .container.jsx-1745444649 .CodeMirror__container { | |
| min-width: inherit; | |
| position: relative; | |
| z-index: 1; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| box-shadow: 0 20px 68px rgba(0, 0, 0, 0.55); | |
| } | |
| .container.jsx-1745444649 .CodeMirror__container .CodeMirror { | |
| height: auto; | |
| min-width: inherit; | |
| padding: 18px 18px; | |
| padding-left: 12px; | |
| border-radius: 5px; | |
| font-family: Hack, monospace !important; | |
| font-size: 14px; | |
| line-height: 133%; | |
| -webkit-font-variant-ligatures: contextual; | |
| -moz-font-variant-ligatures: contextual; | |
| font-variant-ligatures: contextual; | |
| -webkit-font-feature-settings: "calt"1; | |
| -moz-font-feature-settings: "calt"1; | |
| font-feature-settings: "calt"1; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .container.jsx-1745444649 .CodeMirror-scroll, | |
| .container.jsx-1745444649 .CodeMirror-hscrollbar { | |
| overflow: hidden !important | |
| } | |
| .container.jsx-1745444649 .window-theme__sharp>.CodeMirror { | |
| -webkit-border-radius: 0px; | |
| -moz-border-radius: 0px; | |
| border-radius: 0px | |
| } | |
| .container.jsx-1745444649 .window-theme__bw>.CodeMirror { | |
| border: 2px solid #fff | |
| } | |
| .container.jsx-1745444649 .window-controls+.CodeMirror__container>.CodeMirror { | |
| padding-top: 48px | |
| } | |
| .container.jsx-1745444649 .CodeMirror-linenumber { | |
| cursor: pointer | |
| } | |
| .container.jsx-1745444649 .CodeMirror-cursor { | |
| visibility: hidden | |
| } | |
| @media(max-width:768px) { | |
| .container.jsx-1745444649 [contenteditable="true"] { | |
| -webkit-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| user-select: text | |
| } | |
| .container.jsx-1745444649 { | |
| max-width: 480px | |
| } | |
| } | |
| .section.jsx-1745444649, | |
| .export-container.jsx-1745444649 { | |
| height: 100%; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -moz-box-orient: vertical; | |
| -moz-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -moz-box-pack: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -moz-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| overflow: hidden; | |
| max-width: 100% | |
| } | |
| </style> | |
| <style id="__jsx-db172f055ec7c404"> | |
| .eliminateOnRender { | |
| display: none | |
| } | |
| </style> | |
| <style id="__jsx-665d1a0250546110"> | |
| html, | |
| body { | |
| margin: 0; | |
| background: transparent; | |
| min-height: 0 | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="__next" data-reactroot=""> | |
| <div hidden="" class="jsx-db172f055ec7c404"> | |
| <div class="jsx-1745444649 section"> | |
| <div id="export-container" class="jsx-1745444649 export-container"> | |
| <div class="jsx-1745444649 container"> | |
| <div class="jsx-4023755556 window-controls"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg> | |
| <div | |
| class="jsx-1170653115"><input type="text" aria-label="Image title" spellcheck="false" value="" class="jsx-1170653115" /></div> | |
| </div> | |
| <div class="jsx-1745444649 container-bg"> | |
| <div class="jsx-1745444649 white eliminateOnRender"></div> | |
| <div class="jsx-1745444649 alpha eliminateOnRender"></div> | |
| <div class="jsx-1745444649 bg"></div> | |
| </div> | |
| <div role="separator" aria-orientation="vertical" aria-valuemin="320" aria-valuemax="1280" class="jsx-43165554 handler"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script id="__NEXT_DATA__" type="application/json"> | |
| { | |
| "props": { | |
| "pageProps": { | |
| "snippet": { | |
| "lineNumbers": true, | |
| "language": "javascript", | |
| "userId": "Sczi6aCsyaUKSX39LtIlsGA2Jfu1", | |
| "paddingVertical": "0px", | |
| "createdAt": 1680131522, | |
| "highlights": null, | |
| "name": "ImageUpscaler-Javascript", | |
| "paddingHorizontal": "0px", | |
| "windowTheme": "sharp", | |
| "code": "var formdata = new FormData()\nformdata.append(\n 'image',\n fileInput.files[0],\n 'demo.png'\n)\nformdata.append('upscale', '4')\n\nvar requestOptions = {\n method: 'POST',\n body: formdata,\n redirect: 'follow',\n}\n\nfetch('http://127.0.0.1:8080/api/imageUpscaler/', requestOptions)\n .then((response) =\u003e response.text())\n .then((result) =\u003e console.log(result))\n .catch((error) =\u003e console.log('error', error))", | |
| "updatedAt": 1680132113, | |
| "id": "KbCfzCw1EdUr011H2GuQ" | |
| } | |
| }, | |
| "__N_SSP": true | |
| }, | |
| "page": "/embed/[id]", | |
| "query": { | |
| "id": "KbCfzCw1EdUr011H2GuQ" | |
| }, | |
| "buildId": "5AMzUELPXC7eY2oJtbjtp", | |
| "isFallback": false, | |
| "gssp": true, | |
| "scriptLoader": [] | |
| } | |
| </script> | |
| <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-27CQ8LVS7D"></script> | |
| </body> | |
| </html> |