CINXE.COM
GitHub Codespaces · GitHub
<!DOCTYPE html> <html lang="en" class="color-bg-dark-mktg" data-a11y-animated-images="system"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://github.com/features/codespaces","20220926104153","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1664188913"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="utf-8"> <link rel="dns-prefetch" href="https://web.archive.org/web/20220926104153/https://github.githubassets.com/"> <link rel="dns-prefetch" href="https://web.archive.org/web/20220926104153/https://avatars.githubusercontent.com/"> <link rel="dns-prefetch" href="https://web.archive.org/web/20220926104153/https://github-cloud.s3.amazonaws.com/"> <link rel="dns-prefetch" href="https://web.archive.org/web/20220926104153/https://user-images.githubusercontent.com/"> <link rel="preconnect" href="https://web.archive.org/web/20220926104153/https://github.githubassets.com/" crossorigin> <link rel="preconnect" href="https://web.archive.org/web/20220926104153/https://avatars.githubusercontent.com/"> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/light-5178aee0ee76.css"/><link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/dark-217d4f9c8e70.css"/><link data-color-theme="light" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light-5178aee0ee76.css"/><link data-color-theme="dark" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark-217d4f9c8e70.css"/><link data-color-theme="dark_dimmed" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_dimmed-0adfa28f0e68.css"/><link data-color-theme="dark_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_high_contrast-1c8575b36644.css"/><link data-color-theme="dark_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_colorblind-5113d2be20b0.css"/><link data-color-theme="light_colorblind" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_colorblind-c96add742484.css"/><link data-color-theme="light_high_contrast" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_high_contrast-290f92f5e867.css"/><link data-color-theme="light_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/light_tritanopia-cdd88f146bf7.css"/><link data-color-theme="dark_tritanopia" crossorigin="anonymous" media="all" rel="stylesheet" data-href="https://github.githubassets.com/assets/dark_tritanopia-2171ea0f078b.css"/> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/primer-0e158a2f5ddd.css"/> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/global-bec0587a3deb.css"/> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/github-fb643df33dec.css"/> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/site-0f97702b4f8a.css"/> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/wp-runtime-15189efdd4ac.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_manuelpuyol_turbo_dist_turbo_es2017-esm_js-8af9baefab9e.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_stacktrace-parser_dist_stack-trace-parser_esm_js-node_modules_github_bro-d351f6-c1d63d230b29.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/environment-c33863d76979.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_selector-observer_dist_index_esm_js-650337916dbd.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_delegated-events_dist_index_js-node_modules_github_details-dialog-elemen-63debe-411ad558985a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_fzy_js_index_js-node_modules_github_combobox-nav_dist_index_js-node_modu-344bff-2d497eaa2bcd.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_file-attachment-element_dist_index_js-node_modules_github_filter--1a5034-4afde803c0f4.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_tab-container-element_dist_index_js-node_modules_github_auto-comp-d0a479-59a6ec35bd52.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_time-elements_dist_index_js-74b4ec51ce20.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_primer_view-components_app_components_primer_primer_js-node_modules_gith-e7a013-130ddc88f441.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/github-elements-4033ee366856.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/element-registry-ed052b37eb1a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_lit-html_lit-html_js-e954e8c01c93.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_mini-throttle_dist_index_js-node_modules_primer_behaviors_dist_es-899b47-60b74f01ac2c.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_github_catalyst_lib_index_-bd1f73-6256737c3b34.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_paste-markdown_dist_index_esm_js-node_modules_koddsson_textarea-c-586f78-aad0fa01c792.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_filter-input-element_dist_index_js-node_modules_github_quote-sele-385414-cb162b883437.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/app_assets_modules_github_updatable-content_ts-62df1309213c.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/app_assets_modules_github_sticky-scroll-into-view_ts-6483ace64969.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/app_assets_modules_github_behaviors_keyboard-shortcuts-helper_ts-app_assets_modules_github_be-ac2ea2-f0bbaeb73d0e.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/app_assets_modules_github_behaviors_commenting_edit_ts-app_assets_modules_github_behaviors_ht-83c235-db7959b5fff9.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/app_assets_modules_github_behaviors_batch-deferred-content_ts-app_assets_modules_github_behav-dc1370-919d3fa18ea1.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/behaviors-33539dfab60a.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_delegated-events_dist_index_js-node_modules_github_catalyst_lib_index_js-06ff533-ac681f750823.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/notifications-global-47ba35d34d1d.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_delegated-events_dist_index_js-node_modules_github_catalyst_lib_index_js-06ff531-cd589a221470.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/marketing-783e92694b0b.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/marketing-codespaces-58ca4fa845ef.js"></script> <title>GitHub Codespaces · GitHub</title> <meta name="request-id" content="817A:5387:147FD4:1EE997:633181F1" data-pjax-transient="true"/><meta name="html-safe-nonce" content="d0b25e44de7b89f4750b387a9741b22d7100b5fe85f4f86b23b51f9b84ccdd95" data-pjax-transient="true"/><meta name="visitor-payload" content="eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4MTdBOjUzODc6MTQ3RkQ0OjFFRTk5Nzo2MzMxODFGMSIsInZpc2l0b3JfaWQiOiI1NDY3MzM1ODgxNjExMzc5MTg1IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=" data-pjax-transient="true"/><meta name="visitor-hmac" content="c66240652cffd42842a91bbd9a135c4e6897c8d9b7de27318196d80bcafa7a0e" data-pjax-transient="true"/> <meta name="github-keyboard-shortcuts" content="" data-turbo-transient="true"/> <meta name="selected-link" value="/features/codespaces" data-turbo-transient> <meta name="google-site-verification" content="c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY"> <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU"> <meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA"> <meta name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc"> <meta name="google-site-verification" content="Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I"> <meta name="octolytics-url" content="https://collector.github.com/github/collect"/> <meta name="user-login" content=""> <meta name="viewport" content="width=device-width"> <meta name="description" content="Codespaces has the full power of Visual Studio Code, including the editor, terminal, debugger, settings sync, and any extension."> <link rel="search" type="application/opensearchdescription+xml" href="/web/20220926104153/https://github.com/opensearch.xml" title="GitHub"> <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub"> <meta property="fb:app_id" content="1401488693436528"> <meta name="apple-itunes-app" content="app-id=1477376905"/> <meta name="twitter:image:src" content="https://github.githubassets.com/images/modules/site/social-cards/codespaces-ga.png"/><meta name="twitter:site" content="@github"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Blazing fast cloud developer environments"/><meta name="twitter:description" content="Codespaces has the full power of Visual Studio Code, including the editor, terminal, debugger, settings sync, and any extension."/> <meta property="og:image" content="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/social-cards/codespaces-ga.png"/><meta property="og:image:alt" content="Codespaces has the full power of Visual Studio Code, including the editor, terminal, debugger, settings sync, and any extension."/><meta property="og:site_name" content="GitHub"/><meta property="og:type" content="object"/><meta property="og:title" content="Blazing fast cloud developer environments"/><meta property="og:url" content="https://web.archive.org/web/20220926104153/https://github.com/features/codespaces"/><meta property="og:description" content="Codespaces has the full power of Visual Studio Code, including the editor, terminal, debugger, settings sync, and any extension."/> <link rel="assets" href="https://github.githubassets.com/"> <meta name="hostname" content="github.com"> <meta name="expected-hostname" content="github.com"> <meta name="enabled-features" content="IMAGE_METRIC_TRACKING,GEOJSON_AZURE_MAPS,STRICT_DEFERRED_DIFF_LINES_CHECKS,STRICT_DEFERRED_DIFF_LINES_CHECKS_REPORTING"> <meta http-equiv="x-pjax-version" content="1edbef8aec68d83451127eae3bb83c5090ceafdbae5d05978cccaeca9bbe2a4a" data-turbo-track="reload"> <meta http-equiv="x-pjax-csp-version" content="516d80d11d0759933f752808f02bc1b3eaa0f099053f1299ddf2ff6dc545a2c6" data-turbo-track="reload"> <meta http-equiv="x-pjax-css-version" content="3800498ab3fc80c9a409f6a78147545f57c77d847fe783099ecc141c4df083d0" data-turbo-track="reload"> <meta http-equiv="x-pjax-js-version" content="6346f9142b67fa1c12d03ef1d4387ec15bf084f122fe3d68b5fcfd42e8853254" data-turbo-track="reload"> <meta name="turbo-cache-control" content="no-preview" data-turbo-transient=""> <link crossorigin="anonymous" media="all" rel="stylesheet" href="https://web.archive.org/web/20220926104153cs_/https://github.githubassets.com/assets/feature-codespaces-6d3cdda9dc54.css"/> <link rel="preload" href="https://web.archive.org/web/20220926104153/https://github.githubassets.com/static/fonts/github/alliance-1.woff2" as="font" type="font/woff2" crossorigin> <meta name="turbo-body-classes" content="logged-out env-production page-responsive header-dark"> <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats"> <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors"> <meta name="browser-optimizely-client-errors-url" content="https://api.github.com/_private/browser/optimizely_client/errors"> <link rel="mask-icon" href="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/pinned-octocat.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/favicons/favicon.svg"> <meta name="theme-color" content="#1e2327"> <link rel="manifest" href="/web/20220926104153/https://github.com/manifest.json" crossorigin="use-credentials"> </head> <body class="logged-out env-production page-responsive header-dark" style="word-wrap: break-word;"> <div class="position-relative js-header-wrapper "> <a href="#start-of-content" class="px-2 py-4 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a> <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full"> <span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span> </span> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_delegated-events_dist_inde-94fd67-0a275c70bcd7.js"></script> <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://web.archive.org/web/20220926104153js_/https://github.githubassets.com/assets/sessions-9c3520021745.js"></script> <header class="Header-old header-logged-out js-details-container Details position-relative f4 py-3" role="banner"> <button type="button" class="Header-backdrop d-lg-none border-0 position-fixed top-0 left-0 width-full height-full js-details-target" aria-label="Toggle navigation"> <span class="d-none">Toggle navigation</span> </button> <div class="container-xl d-flex flex-column flex-lg-row flex-items-center p-responsive height-full position-relative z-1"> <div class="d-flex flex-justify-between flex-items-center width-full width-lg-auto"> <a class="mr-lg-3 color-fg-inherit flex-order-2" href="https://web.archive.org/web/20220926104153/https://github.com/" aria-label="Homepage" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark"> <svg height="32" aria-hidden="true" viewbox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github"> <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path> </svg> </a> <div class="flex-1"> <a href="/web/20220926104153/https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2Ffeatures%2Fcodespaces&source=header" class="d-inline-block d-lg-none flex-order-1 f5 no-underline border color-border-default rounded-2 px-2 py-1 color-fg-inherit" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/features/codespaces","user_id":null}}" data-hydro-click-hmac="09f7cc6ea5f75772d8d14925979c6b35fa32e6b4c43af45acc5f7dc49c468cc1"> Sign up </a> </div> <div class="flex-1 flex-order-2 text-right"> <button aria-label="Toggle navigation" aria-expanded="false" type="button" data-view-component="true" class="js-details-target btn-link d-lg-none color-fg-inherit p-1"> <div class="HeaderMenu-toggle-bar rounded my-1"></div> <div class="HeaderMenu-toggle-bar rounded my-1"></div> <div class="HeaderMenu-toggle-bar rounded my-1"></div> </button> </div> </div> <div class="HeaderMenu--logged-out p-responsive height-fit position-lg-relative d-lg-flex flex-column flex-auto pt-7 pb-4 top-0"> <div class="header-menu-wrapper d-flex flex-column flex-self-end flex-lg-row flex-justify-between flex-auto p-3 p-lg-0 rounded rounded-lg-0 mt-3 mt-lg-0"> <nav class="mt-0 px-3 px-lg-0 mb-3 mb-lg-0" aria-label="Global"> <ul class="d-lg-flex list-style-none"> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-3 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Product <svg opacity="0.5" aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 py-2 py-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 d-lg-flex dropdown-menu-wide"> <ul class="list-style-none f5 px-lg-4 border-lg-right mb-4 mb-lg-0 pr-lg-7"> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Actions","label":"ref_page:/features/codespaces;ref_cta:Actions;"}" href="/web/20220926104153/https://github.com/features/actions"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-workflow color-fg-subtle mr-3"> <path fill-rule="evenodd" d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"></path> </svg> <div> <div class="color-fg-default h4">Actions</div> Automate any workflow </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Packages","label":"ref_page:/features/codespaces;ref_cta:Packages;"}" href="/web/20220926104153/https://github.com/features/packages"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-package color-fg-subtle mr-3"> <path fill-rule="evenodd" d="M12.876.64a1.75 1.75 0 00-1.75 0l-8.25 4.762a1.75 1.75 0 00-.875 1.515v9.525c0 .625.334 1.203.875 1.515l8.25 4.763a1.75 1.75 0 001.75 0l8.25-4.762a1.75 1.75 0 00.875-1.516V6.917a1.75 1.75 0 00-.875-1.515L12.876.639zm-1 1.298a.25.25 0 01.25 0l7.625 4.402-7.75 4.474-7.75-4.474 7.625-4.402zM3.501 7.64v8.803c0 .09.048.172.125.216l7.625 4.402v-8.947L3.501 7.64zm9.25 13.421l7.625-4.402a.25.25 0 00.125-.216V7.639l-7.75 4.474v8.947z"></path> </svg> <div> <div class="color-fg-default h4">Packages</div> Host and manage packages </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Security","label":"ref_page:/features/codespaces;ref_cta:Security;"}" href="/web/20220926104153/https://github.com/features/security"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-shield-check color-fg-subtle mr-3"> <path d="M16.53 9.78a.75.75 0 00-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 00-1.06 1.06l2.5 2.5a.75.75 0 001.06 0l5-5z"></path><path fill-rule="evenodd" d="M12.54.637a1.75 1.75 0 00-1.08 0L3.21 3.312A1.75 1.75 0 002 4.976V10c0 6.19 3.77 10.705 9.401 12.83.386.145.812.145 1.198 0C18.229 20.704 22 16.19 22 10V4.976c0-.759-.49-1.43-1.21-1.664L12.54.637zm-.617 1.426a.25.25 0 01.154 0l8.25 2.676a.25.25 0 01.173.237V10c0 5.461-3.28 9.483-8.43 11.426a.2.2 0 01-.14 0C6.78 19.483 3.5 15.46 3.5 10V4.976c0-.108.069-.203.173-.237l8.25-2.676z"></path> </svg> <div> <div class="color-fg-default h4">Security</div> Find and fix vulnerabilities </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Codespaces","label":"ref_page:/features/codespaces;ref_cta:Codespaces;"}" href="/web/20220926104153/https://github.com/features/codespaces"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-codespaces color-fg-subtle mr-3"> <path fill-rule="evenodd" d="M3.5 3.75C3.5 2.784 4.284 2 5.25 2h13.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0118.75 13H5.25a1.75 1.75 0 01-1.75-1.75v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h13.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25H5.25zM1.5 15.75c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v4a1.75 1.75 0 01-1.75 1.75H3.25a1.75 1.75 0 01-1.75-1.75v-4zm1.75-.25a.25.25 0 00-.25.25v4c0 .138.112.25.25.25h17.5a.25.25 0 00.25-.25v-4a.25.25 0 00-.25-.25H3.25z"></path><path fill-rule="evenodd" d="M10 17.75a.75.75 0 01.75-.75h6.5a.75.75 0 010 1.5h-6.5a.75.75 0 01-.75-.75zm-4 0a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5a.75.75 0 01-.75-.75z"></path> </svg> <div> <div class="color-fg-default h4">Codespaces</div> Instant dev environments </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Copilot","label":"ref_page:/features/codespaces;ref_cta:Copilot;"}" href="/web/20220926104153/https://github.com/features/copilot"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-copilot color-fg-subtle mr-3"> <path d="M9.75 14a.75.75 0 01.75.75v2.5a.75.75 0 01-1.5 0v-2.5a.75.75 0 01.75-.75zm4.5 0a.75.75 0 01.75.75v2.5a.75.75 0 01-1.5 0v-2.5a.75.75 0 01.75-.75z"></path><path fill-rule="evenodd" d="M12 2c-2.214 0-4.248.657-5.747 1.756a7.43 7.43 0 00-.397.312c-.584.235-1.077.546-1.474.952-.85.87-1.132 2.037-1.132 3.368 0 .368.014.733.052 1.086l-.633 1.478-.043.022A4.75 4.75 0 000 15.222v1.028c0 .529.31.987.564 1.293.28.336.637.653.967.918a13.262 13.262 0 001.299.911l.024.015.006.004.04.025.144.087c.124.073.304.177.535.3.46.245 1.122.57 1.942.894C7.155 21.344 9.439 22 12 22s4.845-.656 6.48-1.303c.819-.324 1.481-.65 1.941-.895a13.797 13.797 0 00.68-.386l.039-.025.006-.004.024-.015a8.829 8.829 0 00.387-.248c.245-.164.577-.396.912-.663.33-.265.686-.582.966-.918.256-.306.565-.764.565-1.293v-1.028a4.75 4.75 0 00-2.626-4.248l-.043-.022-.633-1.478c.038-.353.052-.718.052-1.086 0-1.331-.282-2.499-1.132-3.368-.397-.406-.89-.717-1.474-.952a7.386 7.386 0 00-.397-.312C16.248 2.657 14.214 2 12 2zm-8 9.654l.038-.09c.046.06.094.12.145.177.793.9 2.057 1.259 3.782 1.259 1.59 0 2.739-.544 3.508-1.492.131-.161.249-.331.355-.508a32.948 32.948 0 00.344 0c.106.177.224.347.355.508.77.948 1.918 1.492 3.508 1.492 1.725 0 2.989-.359 3.782-1.259.05-.057.099-.116.145-.177l.038.09v6.669a17.618 17.618 0 01-2.073.98C16.405 19.906 14.314 20.5 12 20.5c-2.314 0-4.405-.594-5.927-1.197A17.62 17.62 0 014 18.323v-6.67zm6.309-1.092a2.35 2.35 0 01-.38.374c-.437.341-1.054.564-1.964.564-1.573 0-2.292-.337-2.657-.75-.192-.218-.331-.506-.423-.89-.091-.385-.135-.867-.135-1.472 0-1.14.243-1.847.705-2.32.477-.487 1.319-.861 2.824-1.024 1.487-.16 2.192.138 2.533.529l.008.01c.264.308.429.806.43 1.568v.031a7.203 7.203 0 01-.09 1.079c-.143.967-.406 1.754-.851 2.301zm2.504-2.497a7.174 7.174 0 01-.063-.894v-.02c.001-.77.17-1.27.438-1.578.341-.39 1.046-.69 2.533-.529 1.506.163 2.347.537 2.824 1.025.462.472.705 1.179.705 2.319 0 1.21-.174 1.926-.558 2.361-.365.414-1.084.751-2.657.751-1.21 0-1.902-.393-2.344-.938-.475-.584-.742-1.44-.878-2.497z"></path> </svg> <div> <div class="color-fg-default h4">Copilot</div> Write better code with AI </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Code review","label":"ref_page:/features/codespaces;ref_cta:Code review;"}" href="/web/20220926104153/https://github.com/features/code-review"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-code-review color-fg-subtle mr-3"> <path d="M10.3 6.74a.75.75 0 01-.04 1.06l-2.908 2.7 2.908 2.7a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 011.06.04zm3.44 1.06a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.908-2.7-2.908-2.7z"></path><path fill-rule="evenodd" d="M1.5 4.25c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v12.5a1.75 1.75 0 01-1.75 1.75h-9.69l-3.573 3.573A1.457 1.457 0 015 21.043V18.5H3.25a1.75 1.75 0 01-1.75-1.75V4.25zM3.25 4a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h2.5a.75.75 0 01.75.75v3.19l3.72-3.72a.75.75 0 01.53-.22h10a.25.25 0 00.25-.25V4.25a.25.25 0 00-.25-.25H3.25z"></path> </svg> <div> <div class="color-fg-default h4">Code review</div> Manage code changes </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Issues","label":"ref_page:/features/codespaces;ref_cta:Issues;"}" href="/web/20220926104153/https://github.com/features/issues"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-issue-opened color-fg-subtle mr-3"> <path fill-rule="evenodd" d="M2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0zM12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm0 13a2 2 0 100-4 2 2 0 000 4z"></path> </svg> <div> <div class="color-fg-default h4">Issues</div> Plan and track work </div> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Discussions","label":"ref_page:/features/codespaces;ref_cta:Discussions;"}" href="/web/20220926104153/https://github.com/features/discussions"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-comment-discussion color-fg-subtle mr-3"> <path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v9.5C0 13.216.784 14 1.75 14H3v1.543a1.457 1.457 0 002.487 1.03L8.061 14h6.189A1.75 1.75 0 0016 12.25v-9.5A1.75 1.75 0 0014.25 1H1.75zM1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 15.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-9.5z"></path><path d="M22.5 8.75a.25.25 0 00-.25-.25h-3.5a.75.75 0 010-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0122.25 20H21v1.543a1.457 1.457 0 01-2.487 1.03L15.939 20H10.75A1.75 1.75 0 019 18.25v-1.465a.75.75 0 011.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 01.53.22l2.72 2.72v-2.19a.75.75 0 01.75-.75h2a.25.25 0 00.25-.25v-9.5z"></path> </svg> <div> <div class="color-fg-default h4">Discussions</div> Collaborate outside of code </div> </a></li> </ul> <ul class="list-style-none f5 px-lg-4"> <li class="h4 color-fg-default my-1">Explore</li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to All features","label":"ref_page:/features/codespaces;ref_cta:All features;"}" href="/web/20220926104153/https://github.com/features"> All features </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Documentation","label":"ref_page:/features/codespaces;ref_cta:Documentation;"}" href="https://web.archive.org/web/20220926104153/https://docs.github.com/"> Documentation <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to GitHub Skills","label":"ref_page:/features/codespaces;ref_cta:GitHub Skills;"}" href="https://web.archive.org/web/20220926104153/https://skills.github.com/"> GitHub Skills <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Product","action":"click to go to Changelog","label":"ref_page:/features/codespaces;ref_cta:Changelog;"}" href="https://web.archive.org/web/20220926104153/https://github.blog/changelog"> Changelog <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> </ul> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-3 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Solutions <svg opacity="0.5" aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 py-2 py-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 px-lg-4"> <ul class="list-style-none f5 border-bottom pb-3 mb-3"> <li class="h4 color-fg-default my-1">By Plan</li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to Enterprise","label":"ref_page:/features/codespaces;ref_cta:Enterprise;"}" href="/web/20220926104153/https://github.com/enterprise"> Enterprise </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to Teams","label":"ref_page:/features/codespaces;ref_cta:Teams;"}" href="/web/20220926104153/https://github.com/team"> Teams </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to Compare all","label":"ref_page:/features/codespaces;ref_cta:Compare all;"}" href="/web/20220926104153/https://github.com/pricing#compare-features"> Compare all </a></li> </ul> <ul class="list-style-none f5 border-bottom pb-3 mb-3"> <li class="h4 color-fg-default my-1">By Solution</li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to CI/CD &amp; Automation","label":"ref_page:/features/codespaces;ref_cta:CI/CD &amp; Automation;"}" href="https://web.archive.org/web/20220926104153/https://resources.github.com/ci-cd/"> CI/CD & Automation <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to DevOps","label":"ref_page:/features/codespaces;ref_cta:DevOps;"}" href="https://web.archive.org/web/20220926104153/https://resources.github.com/devops/"> DevOps <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to DevSecOps","label":"ref_page:/features/codespaces;ref_cta:DevSecOps;"}" href="https://web.archive.org/web/20220926104153/https://resources.github.com/devops/fundamentals/devsecops/"> DevSecOps <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> </ul> <ul class="list-style-none f5 "> <li class="h4 color-fg-default my-1">Case Studies</li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to Customer Stories","label":"ref_page:/features/codespaces;ref_cta:Customer Stories;"}" href="/web/20220926104153/https://github.com/customer-stories"> Customer Stories </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{"category":"Header dropdown (logged out), Solutions","action":"click to go to Resources","label":"ref_page:/features/codespaces;ref_cta:Resources;"}" href="https://web.archive.org/web/20220926104153/https://resources.github.com/"> Resources <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle"> <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path> </svg> </a></li> </ul> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-3 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false"> Open Source <svg opacity="0.5" aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1"> <path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path> </svg> </button> <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 py-2 py-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 px-lg-4"> <ul class="list-style-none f5 border-bottom pb-3 mb-3"> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center" data-analytics-event="{"category":"Header dropdown (logged out), Open Source","action":"click to go to GitHub Sponsors","label":"ref_page:/features/codespaces;ref_cta:GitHub Sponsors;"}" href="/web/20220926104153/https://github.com/sponsors"> <div> <div class="color-fg-default h4">GitHub Sponsors</div> Fund open source developers </div> </a></li> </ul> <ul class="list-style-none f5 border-bottom pb-3 mb-3"> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center" data-analytics-event="{"category":"Header dropdown (logged out), Open Source","action":"click to go to The ReadME Project","label":"ref_page:/features/codespaces;ref_cta:The ReadME Project;"}" href="/web/20220926104153/https://github.com/readme"> <div> <div class="color-fg-default h4">The ReadME Project</div> GitHub community articles </div> </a></li> </ul> <ul class="list-style-none f5 "> <li class="h4 color-fg-default my-1">Repositories</li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Open Source","action":"click to go to Topics","label":"ref_page:/features/codespaces;ref_cta:Topics;"}" href="/web/20220926104153/https://github.com/topics"> Topics </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Open Source","action":"click to go to Trending","label":"ref_page:/features/codespaces;ref_cta:Trending;"}" href="/web/20220926104153/https://github.com/trending"> Trending </a></li> <li> <a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{"category":"Header dropdown (logged out), Open Source","action":"click to go to Collections","label":"ref_page:/features/codespaces;ref_cta:Collections;"}" href="/web/20220926104153/https://github.com/collections"> Collections </a></li> </ul> </div> </li> <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item"> <a class="HeaderMenu-link no-underline px-0 px-lg-2 py-3 py-lg-2 d-block d-lg-inline-block" data-analytics-event="{"category":"Header menu top item (logged out)","action":"click to go to Pricing","label":"ref_page:/features/codespaces;ref_cta:Pricing;"}" href="/web/20220926104153/https://github.com/pricing">Pricing</a> </li> </ul> </nav> <div class="d-lg-flex flex-items-center px-3 px-lg-0 mb-3 mb-lg-0 text-center text-lg-left"> <div class="d-lg-flex min-width-0 mb-2 mb-lg-0"> <div class="header-search flex-auto js-site-search position-relative flex-self-stretch flex-md-self-auto mb-3 mb-md-0 mr-0 mr-md-3 js-jump-to"> <div class="position-relative"> <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="js-site-search-form" role="search" aria-label="Site" data-unscoped-search-url="/search" data-turbo="false" action="/web/20220926104153/https://github.com/search" accept-charset="UTF-8" method="get"> <label class="form-control input-sm header-search-wrapper p-0 js-chromeless-input-container header-search-wrapper-jump-to position-relative d-flex flex-justify-between flex-items-center"> <input type="text" class="form-control input-sm header-search-input jump-to-field js-jump-to-field js-site-search-focus " data-hotkey="s,/" name="q" data-test-selector="nav-search-input" placeholder="Search GitHub" data-unscoped-placeholder="Search GitHub" data-scoped-placeholder="Search" autocapitalize="off" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-autocomplete="list" aria-controls="jump-to-results" aria-label="Search GitHub" data-jump-to-suggestions-path="/_graphql/GetSuggestedNavigationDestinations" spellcheck="false" autocomplete="off"> <input type="hidden" data-csrf="true" class="js-data-jump-to-suggestions-path-csrf" value="cQ5K/pZUNMUNBzH/a8bVjZUN3dw+GkzzkLsaBuI6CqWFnjFTNYkpWYnJR3s4c3KaL+o+guWVSsCrYDGXkiWRng=="/> <input type="hidden" class="js-site-search-type-field" name="type"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" aria-hidden="true" class="mr-1 header-search-key-slash"><path fill="none" stroke="#979A9C" opacity=".4" d="M3.5.5h12c1.7 0 3 1.3 3 3v13c0 1.7-1.3 3-3 3h-12c-1.7 0-3-1.3-3-3v-13c0-1.7 1.3-3 3-3z"></path><path fill="#979A9C" d="M11.8 6L8 15.1h-.9L10.8 6h1z"></path></svg> <div class="Box position-absolute overflow-hidden d-none jump-to-suggestions js-jump-to-suggestions-container"> <ul class="d-none js-jump-to-suggestions-template-container"> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-suggestion" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="suggestion"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg title="Repository" aria-label="Repository" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0"> <path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path> </svg> <svg title="Project" aria-label="Project" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0"> <path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path> </svg> <svg title="Search" aria-label="Search" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0"> <path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path> </svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20220926104153im_/https://github.com/features/codespaces" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub"> Search </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> </ul> <ul class="d-none js-jump-to-no-results-template-container"> <li class="d-flex flex-justify-center flex-items-center f5 d-none js-jump-to-suggestion p-2"> <span class="color-fg-muted">No suggested jump to results</span> </li> </ul> <ul id="jump-to-results" role="listbox" class="p-0 m-0 js-navigation-container jump-to-suggestions-results-container js-jump-to-suggestions-results-container"> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-scoped-search d-none" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="scoped_search"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg title="Repository" aria-label="Repository" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0"> <path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path> </svg> <svg title="Project" aria-label="Project" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0"> <path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path> </svg> <svg title="Search" aria-label="Search" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0"> <path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path> </svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20220926104153im_/https://github.com/features/codespaces" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub"> Search </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-owner-scoped-search d-none" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="owner_scoped_search"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg title="Repository" aria-label="Repository" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0"> <path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path> </svg> <svg title="Project" aria-label="Project" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0"> <path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path> </svg> <svg title="Search" aria-label="Search" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0"> <path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path> </svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20220926104153im_/https://github.com/features/codespaces" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub"> Search </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> <li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-global-search d-none" role="option"> <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="global_search"> <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none"> <svg title="Repository" aria-label="Repository" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0"> <path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path> </svg> <svg title="Project" aria-label="Project" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0"> <path fill-rule="evenodd" d="M1.75 0A1.75 1.75 0 000 1.75v12.5C0 15.216.784 16 1.75 16h12.5A1.75 1.75 0 0016 14.25V1.75A1.75 1.75 0 0014.25 0H1.75zM1.5 1.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25H1.75a.25.25 0 01-.25-.25V1.75zM11.75 3a.75.75 0 00-.75.75v7.5a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75zm-8.25.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5zM8 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 3z"></path> </svg> <svg title="Search" aria-label="Search" role="img" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0"> <path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path> </svg> </div> <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="/web/20220926104153im_/https://github.com/features/codespaces" width="28" height="28"> <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target"> </div> <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search"> <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub"> Search </span> <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub"> All GitHub </span> <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span> </div> <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump"> Jump to <span class="d-inline-block ml-1 v-align-middle">↵</span> </div> </a> </li> </ul> </div> </label> </form> </div> </div> </div> <div class="position-relative mr-lg-3 d-lg-inline-block"> <a href="/web/20220926104153/https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Ffeatures%2Fcodespaces" class="HeaderMenu-link HeaderMenu-link--sign-in flex-shrink-0 no-underline d-block d-lg-inline-block border border-lg-0 rounded rounded-lg-0 p-2 p-lg-0" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/features/codespaces","user_id":null}}" data-hydro-click-hmac="2c736ff171a844fca84e170269ef4401abc948efa022b0e6b93021a28b4ea05f" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in"> Sign in </a> </div> <a href="/web/20220926104153/https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2Ffeatures%2Fcodespaces&source=header" class="HeaderMenu-link HeaderMenu-link--sign-up flex-shrink-0 d-none d-lg-inline-block no-underline border color-border-default rounded px-2 py-1" data-hydro-click="{"event_type":"authentication.click","payload":{"location_in_page":"site header menu","repository_id":null,"auth_type":"SIGN_UP","originating_url":"https://github.com/features/codespaces","user_id":null}}" data-hydro-click-hmac="2c736ff171a844fca84e170269ef4401abc948efa022b0e6b93021a28b4ea05f" data-analytics-event="{"category":"Sign up","action":"click to sign up for account","label":"ref_page:/features/codespaces;ref_cta:Sign up;ref_loc:header logged out"}"> Sign up </a> </div> </div> </div> </div> </header> </div> <div id="start-of-content" class="show-on-focus"></div> <div id="js-flash-container" data-turbo-replace> <template class="js-flash-template"> <div class="flash flash-full {{ className }}"> <div class="px-2"> <button class="flash-close js-flash-close" type="button" aria-label="Dismiss this message"> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path> </svg> </button> <div>{{ message }}</div> </div> </div> </template> </div> <include-fragment class="js-notification-shelf-include-fragment" data-base-src="https://github.com/notifications/beta/shelf"></include-fragment> <div class="application-main " data-commit-hovercards-enabled data-discussion-hovercards-enabled data-issue-and-pr-hovercards-enabled> <main class="font-mktg"> <div class="overflow-hidden" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark"> <div class="sub-nav-mktg js-toggler-container z-3 position-relative sub-nav-mktg-shadow"> <div class="sub-nav-mktg-wrapper d-flex flex-items-center py-3 p-responsive container-xl"> <button type="button" class="btn-octicon sub-nav-mktg-toggle d-lg-none p-1 flex-order-1 float-right js-toggler-target mr-n1" aria-label="Toggle page navigation"> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-chevron-down on-hidden"> <path fill-rule="evenodd" d="M5.22 8.72a.75.75 0 000 1.06l6.25 6.25a.75.75 0 001.06 0l6.25-6.25a.75.75 0 00-1.06-1.06L12 14.44 6.28 8.72a.75.75 0 00-1.06 0z"></path> </svg> <svg aria-hidden="true" height="24" viewbox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-x on-visible"> <path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z"></path> </svg> </button> <a href="/web/20220926104153/https://github.com/features/" class="Link--primary no-underline f2-mktg d-inline-block text-bold mr-5" data-analytics-event="{"category":"Features subnav","action":"click title to go to Features","label":"ref_page:/features/codespaces;ref_cta:Features;"}">Features</a> <div class="sub-nav-mktg-links flex-auto f4-mktg with-title"> <a href="/web/20220926104153/https://github.com/features/actions" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Actions","label":"ref_page:/features/codespaces;ref_cta:Actions;"}">Actions</a> <a href="/web/20220926104153/https://github.com/features/packages" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Packages","label":"ref_page:/features/codespaces;ref_cta:Packages;"}">Packages</a> <a href="/web/20220926104153/https://github.com/features/security" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Security","label":"ref_page:/features/codespaces;ref_cta:Security;"}">Security</a> <a href="/web/20220926104153/https://github.com/features/codespaces" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3 active" data-analytics-event="{"category":"Features subnav","action":"click item to go to Codespaces","label":"ref_page:/features/codespaces;ref_cta:Codespaces;"}">Codespaces</a> <a href="/web/20220926104153/https://github.com/features/copilot" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Copilot","label":"ref_page:/features/codespaces;ref_cta:Copilot;"}">Copilot</a> <a href="/web/20220926104153/https://github.com/features/code-review" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Code review","label":"ref_page:/features/codespaces;ref_cta:Code review;"}">Code review</a> <a href="/web/20220926104153/https://github.com/features/issues" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Issues","label":"ref_page:/features/codespaces;ref_cta:Issues;"}">Issues</a> <a href="/web/20220926104153/https://github.com/features/discussions" class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 mr-lg-3" data-analytics-event="{"category":"Features subnav","action":"click item to go to Discussions","label":"ref_page:/features/codespaces;ref_cta:Discussions;"}">Discussions</a> </div> </div> </div> <div class="pt-10 pb-4 pb-md-7 d-flex flex-column flex-items-center px-3 pt-8 flex-lg-column text-center" data-hpc=""> <h1 class="h1-mktg mx-auto col-10-max color-fg-default">Blazing fast cloud<br>developer environments</h1> <p class="f3-mktg col-7-max mx-auto mt-4 color-fg-muted">Visual Studio Code backed by high performance VMs that start in seconds.</p> <div class="mt-4 mt-md-6 mb-4 position-relative z-2 by-2 by-lg-0 bx-lg-2 d-flex flex-column flex-lg-row"> <div class="by-2 by-lg-0 bx-lg-2 d-flex flex-column flex-lg-row"> <a class="btn-mktg btn-large-mktg" data-analytics-event="{"category":"Hero ctas","action":"click to Get started","label":"ref_page:/features/codespaces;ref_cta:Get started;ref_loc:Hero ctas;"}" href="https://web.archive.org/web/20220926104153/https://docs.github.com/en/codespaces"> Get started <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewbox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg> </a> </div> </div> </div> <div class="d-flex flex-justify-center flex-items-center mt-4 position-relative z-1 mb-4"> <label for="codespaces-layout-toggle" class="f3 text-semibold">Desktop</label> <div class="codespaces-toggle position-relative mx-2"> <input id="codespaces-layout-toggle" name="codespaces-layout-toggle" class="js-codespaces-toggle codespaces-toggle-checkbox width-full height-full" type="checkbox" checked> <span class="codespaces-toggle-knob position-absolute events-none"></span> </div> <label for="codespaces-layout-toggle" class="f3 text-semibold">Browser</label> </div> <div class="d-flex position-relative flex-justify-center flex-items-end" style="width: 130vw; left: -15vw"> <div class="col-2 col-sm-4 mr-4 d-flex flex-justify-end flex-items-end flex-wrap" style="max-width: 450px;"> <div class="col-3 box-shadow-card-dark-mktg rounded-2 color-bg-overlay mb-3" style="height: 1px;padding-bottom: 20%; margin-top: 20%; opacity: 70%;"></div> <div class="col-12 flex-justify-end mb-3 d-none d-md-flex"> <div class="col-4 box-shadow-card-dark-mktg rounded-2 color-bg-overlay height-auto d-none d-lg-block" style="opacity: 70%;"></div> <div class="p-4 box-shadow-card-dark-mktg rounded-2 color-bg-overlay ml-2 ml-lg-4"> <p class="f4-mktg color-fg-muted mb-0">CPUs up to</p> <h3 class="h3-mktg text-gradient--blue-purple">32 <span class="h5-mktg">cores</span></h3> </div> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 col-7 color-bg-overlay mb-3"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-icons.png" alt="" class="width-fit d-block height-auto" width="438" height="29"> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 col-7 color-bg-overlay"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-debugger.png" alt="" class="width-fit d-block height-auto" width="372" height="272"> </div> </div> <div class="position-relative z-1 col-9-max js-codespaces-layout-container codespaces-layout-container"> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden width-full"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-codespaces.webp" type="image/webp"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-codespaces.png" alt="" class="width-full d-block height-auto codespaces-hero-browser" width="2064" height="1308"> </picture> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-codespaces-desktop.webp" type="image/webp"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-codespaces-desktop.png" alt="" class="width-full height-auto codespaces-hero-desktop" width="2064" height="1308"> </picture> </div> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/glow.png" alt="" class="position-absolute height-auto z-n1 events-none" width="30" height="22" style="width: 180%;left: -40%;top: -60%;"> </div> <div class="col-2 col-sm-4 ml-4 d-flex flex-justify-start flex-items-end flex-wrap" style="max-width: 450px;"> <div class="col-2 box-shadow-card-dark-mktg rounded-2 color-bg-overlay mb-3 d-none d-md-block" style="height: 1px;padding-bottom: 30%; margin-top: 5%; opacity: 70%;"></div> <div class="col-12 flex-justify-start mb-3 d-none d-md-flex"> <div class="p-4 box-shadow-card-dark-mktg rounded-2 color-bg-overlay mr-2 mr-lg-3"> <p class="f4-mktg color-fg-muted mb-0">Memory up to</p> <h3 class="h3-mktg text-gradient--blue-purple">64 <span class="h5-mktg">GB</span></h3> </div> <div class="col-4 box-shadow-card-dark-mktg rounded-2 color-bg-overlay height-auto d-none d-lg-block mt-7" style="opacity: 70%;"></div> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-md-2 col-7 color-bg-overlay mb-3"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-branches.png" alt="" class="width-fit d-block height-auto" width="480" height="352"> </div> <div class="col-12 d-flex"> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-commits.png" alt="" class="d-block height-auto width-fit" width="60" height="64" style="width: 30px"> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay ml-2 ml-lg-3" style="opacity: 0.7"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-vm.png" alt="" class="d-block height-auto width-fit" width="64" height="64" style="width: 32px"> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay ml-2 ml-lg-3" style="opacity: 0.5"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-checks.png" alt="" class="d-block height-auto width-fit" width="73" height="54" style="width: 36px"> </div> </div> </div> </div> <div class="d-flex position-relative flex-justify-center flex-items-start mt-3 mt-md-4" style="width: 130vw; left: -15vw"> <div class="col-2 col-sm-4 mr-4 d-flex flex-justify-end flex-items-start" style="max-width: 450px;"> <div class="col-3 box-shadow-card-dark-mktg rounded-2 color-bg-overlay mr-3" style="height: 1px;padding-bottom: 20%; opacity: 70%;"></div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay" style="opacity: 0.5"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-vscode.png" alt="" class="d-block height-auto width-fit" width="112" height="112" style="width: 56px"> </div> </div> <div class="position-relative col-9-max d-flex flex-column"> <div class="d-flex"> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-stats.png" alt="" class="d-block width-fit height-auto" width="1052" height="38"> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay ml-2 ml-lg-3"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-tabs.png" alt="" class="d-block width-fit height-auto" width="804" height="34"> </div> </div> <div class="d-flex flex-items-start flex-justify-between mt-3"> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 mr-2 mr-lg-3 color-bg-overlay d-none d-sm-block" style="opacity: 0.5"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-bugs.png" alt="" class="d-block height-auto width-fit" width="418" height="150" style="width: 209px"> </div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 pr-md-5 pr-lg-8 mr-2 mr-lg-3 color-bg-overlay flex-1" style="opacity: 0.5"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-setup.png" alt="" class="d-block height-auto width-fit" width="504" height="210" style="width: 252px"> </div> <div class="col-2 box-shadow-card-dark-mktg rounded-2 overflow-hidden color-bg-overlay mr-2 mr-lg-3" style="height: 1px; opacity: 0.4; padding-bottom: 7%;"></div> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay" style="opacity: 0.5"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-docker.png" alt="" class="d-block height-auto width-fit" width="178" height="108" style="width: 89px"> </div> </div> </div> <div class="col-2 col-sm-4 ml-4 d-flex flex-justify-start flex-items-start flex-wrap" style="max-width: 450px;"> <div class="box-shadow-card-dark-mktg rounded-2 overflow-hidden p-2 p-md-4 color-bg-overlay" style="opacity: 0.5"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hero-ports.png" alt="" class="d-block height-auto width-fit" width="464" height="332" style="width: 232px"> </div> </div> </div> </div> <div class="overflow-hidden px-3" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark"> <div class="container-xl"> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-row pb-4 pb-md-7" data-build-in-stagger="100"> <div class="col-12 py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right"> <div class="pr-md-4"> <h3 class="color-fg-default h3-mktg mb-3">The full power of Visual Studio Code</h3> <p class="f3-mktg color-fg-muted col-6-max">Use the full power of Visual Studio Code, including the editor, terminal, debugger, version control, settings sync, and the entire ecosystem of extensions. Work in the browser or hand off to your desktop.</p> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/logos.png" alt="Codespaces works in Visual Studio Code, Chrome, Edge, Firefox, and Safari." loading="lazy" decoding="async" class="width-full mt-3 height-auto js-build-in-item build-in-slideX-left" style="max-width: 321px" width="644" height="82"> </div> </div> <div class="col-12 py-3 col-md-6 col-lg-6"> <div class="position-relative"> <div class="d-flex flex-column"> <div class="box-shadow-card-dark-mktg overflow-hidden rounded-2" style="max-width: 571px"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=1142&format=webpll 1142w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=913&format=webpll 913w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=685&format=webpll 685w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=571&format=webpll 571w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=456&format=webpll 456w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=228&format=webpll 228w" sizes="(max-width: 768px) 90vw, (max-width: 1320px) 45vw, 616px" type="image/webp"></source> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=1142 1142w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=571 571w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=456 456w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=285 285w" sizes="(max-width: 768px) 90vw, (max-width: 1320px) 45vw, 616px" type="image/png"></source> <img class="width-full d-block height-auto" width="1142" height="725" loading="lazy" decoding="async" alt="" src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-vscode.png?width=1142"/> </picture> </div> <div class="box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative z-1 flex-self-end js-build-in-item build-in-slideX-left" style="max-width: 491px; margin-top: -20%"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=982&format=webpll 982w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=785&format=webpll 785w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=589&format=webpll 589w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=491&format=webpll 491w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=392&format=webpll 392w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=196&format=webpll 196w" sizes="(max-width: 768px) 90vw, (max-width: 1320px) 45vw, 616px" type="image/webp"></source> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=982 982w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=491 491w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=392 392w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=245 245w" sizes="(max-width: 768px) 90vw, (max-width: 1320px) 45vw, 616px" type="image/png"></source> <img class="width-full height-auto d-block" width="982" height="430" loading="lazy" decoding="async" alt="" src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-terminal.png?width=982"/> </picture> </div> </div> </div> </div> </div> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-row pb-4 pb-md-7" data-build-in-stagger="100"> <div class="col-12 py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right"> <div class="pr-md-4"> <h3 class="color-fg-default h3-mktg mb-3">Faster than your laptop</h3> <p class="f3-mktg color-fg-muted col-6-max">Spin up new dev environment for any sized project in seconds with prebuilt images. GitHub’s own 35GB dev image starts in under 10 seconds. Scale your cloud VMs up to 32 cores and 64GB of RAM. And with low-latency connections across four regions, you won’t even remember it’s not your local machine.</p> <div class="d-sm-flex mb-3 mb-sm-0 flex-justify-between mt-6"> <div class="col-sm-4 js-build-in-item build-in-slideX-left"> <p class="f4-mktg color-fg-muted mb-0">CPUs up to</p> <p class="h4-mktg color-fg-default">32 cores</p> </div> <div class="col-sm-4 mb-3 mb-sm-0 js-build-in-item build-in-slideX-left"> <p class="f4-mktg color-fg-muted mb-0">Memory up to</p> <p class="h4-mktg color-fg-default">64 GB</p> </div> <div class="col-sm-4 js-build-in-item build-in-slideX-left"> <p class="f4-mktg color-fg-muted mb-0">Spin up</p> <p class="h4-mktg color-fg-default"><10 sec</p> </div> </div> </div> </div> <div class="col-12 py-3 col-md-6 col-lg-6"> <div class="position-relative"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=1577&format=webpll 1577w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=1261&format=webpll 1261w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=946&format=webpll 946w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=788&format=webpll 788w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=630&format=webpll 630w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=315&format=webpll 315w" sizes="(max-width: 768px) 90vw, (max-width: 1320px) 45vw, 616px" type="image/webp"></source> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=1577 1577w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=788 788w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=630 630w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=394 394w" sizes="(max-width: 768px) 90vw, (max-width: 1320px) 45vw, 616px" type="image/png"></source> <img class="codespaces-illo-cpu position-relative height-auto" width="1577" height="1508" loading="lazy" decoding="async" alt="" src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cpu.png?width=1577"/> </picture> </div> </div> </div> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-row pb-4 pb-md-7" data-build-in-stagger="100"> <div class="col-12 py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right"> <div class="pr-md-4"> <h3 class="color-fg-default h3-mktg mb-3">Standardized dev environments</h3> <p class="f3-mktg color-fg-muted col-6-max">Join a new team and just start coding. Standardize environments, runtime requirements, hardware specs, extensions and editor settings in <code><i>.devcontainer.json</i></code> configuration files. Isolate dependencies between projects with containers and <code>docker-compose</code>.</p> </div> </div> <div class="col-12 py-3 col-md-6 col-lg-6"> <div class="position-relative"> <div class="d-flex flex-column"> <div class="box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative z-1 flex-self-center flex-lg-self-end mr-4" style="max-width: 539px;"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-env-bg.png" alt="" loading="lazy" decoding="async" class="width-full d-block color-shadow-large height-auto" width="1060" height="1122"> </div> <div class="flex-self-center flex-lg-self-end position-relative z-1 mb-1 mb-md-7 offset-1 codespaces-standardized-env"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-env-ports-settings.png" alt="" loading="lazy" decoding="async" class="js-build-in-item build-in-slideX-left card-dashed-mktg width-full d-block rounded-2 mb-4 height-auto" width="946" height="318" style="max-width: 473px"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-env-post-create.png" alt="" loading="lazy" decoding="async" class="js-build-in-item build-in-slideX-left card-dashed-mktg width-full d-block rounded-2 mb-4 height-auto" width="896" height="138" style="max-width: 420px"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-env-extensions.png" alt="" loading="lazy" decoding="async" class="js-build-in-item build-in-slideX-left card-dashed-mktg width-full d-block rounded-2 mb-4 height-auto" width="946" height="344" style="max-width: 473px"> </div> </div> </div> </div> </div> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-row pb-4 pb-md-7" data-build-in-stagger="100"> <div class="col-12 py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right"> <div class="pr-md-4"> <h3 class="color-fg-default h3-mktg mb-3">Browser preview and port forwarding</h3> <p class="f3-mktg color-fg-muted col-6-max">Preview your changes in the browser with instant reloads (websocket and HMR support) and share private and public ports with your teammates.</p> </div> </div> <div class="col-12 py-3 col-md-6 col-lg-6"> <div class="position-relative"> <div class="d-flex flex-column"> <div class="box-shadow-card-dark-mktg overflow-hidden rounded-2 flex-self-end mr-4" style="max-width: 538px"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-hello.png" alt="" loading="lazy" decoding="async" class="box-shadow-card-dark-mktg width-full d-block"> </div> <div class="js-build-in-item build-in-slideX-left box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative z-2 flex-self-end" style="max-width: 300px; margin-top: -30%; margin-right: 10%"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-context-menu.png" alt="" decoding="async" class="width-full d-block"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-cursor.png" alt="" decoding="async" class="position-absolute js-build-in-item build-in-slideX-left" width="30" style="right: 20%; bottom: 23%"> </div> <div class="js-build-in-item build-in-slideX-right box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative z-1" style="max-width: 373px; margin-top: -20%"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/illo-ports.png" alt="" decoding="async" class="width-full d-block"> </div> </div> </div> </div> </div> </div> </div> <div class="overflow-hidden" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark"> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-column text-center" data-build-in-stagger="70"> <div class="col-12 py-3"> <div class=""> <h3 class="color-fg-default h3-mktg mb-3 col-lg-8 mx-md-auto px-3">Tabs, spaces, Monokai, Solarized, light, dark, Prettier, Beautify…</h3> <p class="f3-mktg color-fg-muted px-3 mx-auto col-7-max">Every nerdy detail only you care about, configured just right, backed by your own dotfiles repository.</p> </div> </div> <div class="col-12 py-3 mt-5"> <div class="position-relative"> <div class="position-relative z-1 mx-auto"> <div class="d-flex flex-justify-center"> <div class="position-relative px-4"> <div class="rounded-2 box-shadow-card-dark-mktg overflow-hidden position-absolute top-6 d-none d-md-block js-build-in-item build-in-slideX-left" style="right: 103%;"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=1272&format=webpll 1272w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=1017&format=webpll 1017w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=763&format=webpll 763w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=636&format=webpll 636w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=508&format=webpll 508w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=254&format=webpll 254w" sizes="636px" type="image/webp"></source> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=1272 1272w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=636 636w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=508 508w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=318 318w" sizes="636px" type="image/png"></source> <img class="height-auto d-block" width="1272" height="880" style="width: 636px" loading="lazy" decoding="async" alt="" src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-left.png?width=1272"/> </picture> </div> <div class="rounded-2 box-shadow-card-dark-mktg overflow-hidden"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=1600&format=webpll 1600w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=1280&format=webpll 1280w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=960&format=webpll 960w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=800&format=webpll 800w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=640&format=webpll 640w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=320&format=webpll 320w" sizes="(max-width: 850px) 90vw, 800px" type="image/webp"></source> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=1600 1600w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=800 800w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=640 640w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=400 400w" sizes="(max-width: 850px) 90vw, 800px" type="image/png"></source> <img class="width-fit height-auto d-block" width="1600" height="880" style="width: 800px" loading="lazy" decoding="async" alt="" src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-middle.png?width=1600"/> </picture> </div> <div class="rounded-2 box-shadow-card-dark-mktg overflow-hidden position-absolute top-6 d-none d-md-block js-build-in-item build-in-slideX-right" style="left: 103%;"> <picture> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=1272&format=webpll 1272w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=1017&format=webpll 1017w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=763&format=webpll 763w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=636&format=webpll 636w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=508&format=webpll 508w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=254&format=webpll 254w" sizes="636px" type="image/webp"></source> <source srcset="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=1272 1272w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=636 636w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=508 508w, https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=318 318w" sizes="636px" type="image/png"></source> <img class="height-auto d-block" width="1272" height="880" style="width: 636px;" loading="lazy" decoding="async" alt="" src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/theme-right.png?width=1272"/> </picture> </div> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/glow.png" alt="" class="position-absolute right-0 height-auto z-n1 events-none" width="30" height="22" style="width: 200%; left: -50%; top: -90%; opacity: 0.7"> </div> </div> </div> <div class="position-relative z-1 text-left mt-4"> <div class="width-full d-flex flex-justify-between pl-3"> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/python.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Python</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Rich support for Python.</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/c-c.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">C/C++</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Adds language support for C/C++</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/jupyter.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Jupyter</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">provides basic notebook support for language kernels</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/es-lint.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">ES Lint</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Integrates ESLint JavaScript into VS Code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/prettier.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Prettier</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">An opinionated code formatter for consistent style</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/live-server.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Live Server</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Live reload feature for static & dynamic pages</p> </div> </div> </div> </div> </div> <div class="width-full flex-shrink-0 d-flex flex-justify-between left-n6 position-relative"> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/material-icon-theme.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Material Icon Theme</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Material Design Icons for Visual Studio Code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/c.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">C#</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">C# editing support for Visual Studio Code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/vetur.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Vetur</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Vue tooling for VS Code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/github-copilot.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">GitHub Copilot</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">AI pair programmer trained on billions of lines of code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/gitlens.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">GitLens</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Supercharge the Git capabilities built into VS Code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/debugger-for-java.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Debugger for Java</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">A lightweight Java debugger for Visual Studio Code</p> </div> </div> </div> </div> <div class="flex-shrink-0 mr-3 js-build-in-item build-in-slideX-left" style="width: 260px"> <div class="d-block mb-3 p-3 rounded-2 color-bg-overlay box-shadow-card-dark-mktg no-underline"> <div class="d-flex flex-items-center mb-2"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/extensions/docker.png" alt="" class="avatar-6 mr-3" loading="lazy" decoding="async"> <div> <h3 class="f5-mktg mb-0 text-semibold color-text-white">Docker</h3> <p style="min-height: 3em" class="f6-mktg mb-0 line-clamp-2 color-fg-muted">Create, manage, and debug containerized applications</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="overflow-hidden px-3 pb-8 pt-5" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark"> <div class="container-xl"> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-column text-center pb-4 pb-md-7" data-build-in-stagger="100"> <div class="col-12 py-3"> <div class=""> <h3 class="color-fg-default h3-mktg mb-3 col-lg-8 mx-md-auto px-3">GitHub builds with Codespaces</h3> <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="https://web.archive.org/web/20220926104153/https://github.blog/2021-08-11-githubs-engineering-team-moved-codespaces" data-analytics-event="{"category":"Learn how GitHub builds GitHub with Codespaces","action":"click to Learn how GitHub builds GitHub with Codespaces","label":"ref_page:/features/codespaces;ref_cta:Learn how GitHub builds GitHub with Codespaces;"}"> Learn how GitHub builds GitHub with Codespaces <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewbox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg> </a> </div> </div> <div class="col-12 py-3 mt-5"> <div class="position-relative"> <div class="d-flex flex-column flex-md-row gutter js-build-in-trigger flex-items-center flex-justify-center"> <div class="col-12 mb-5 mb-md-0"> <div class="position-relative d-md-flex flex-items-center flex-justify-center text-left color-bg-overlay box-shadow-card-dark-mktg rounded-2 p-4 p-md-5"> <div class="col-12"> <blockquote class="mb-4 f1-mktg text-medium"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" height="67" viewbox="0 0 90 67" width="90" class="d-block mb-3"><lineargradient id="a" gradientunits="userSpaceOnUse" x1=".324219" x2="53.5793" y1=".875977" y2="3.6836"><stop offset="0" stop-color="var(--mktg-accent-primary, var(--color-fg-muted))"></stop><stop offset="1" stop-color="var(--mktg-accent-secondary, var(--color-fg-muted))"></stop></lineargradient><path clip-rule="evenodd" d="m33.0938 31.456v-1h2.0744v1.9675h-1v-.9675zm1.0744 3.8701h1v1.9351h-1zm0 4.8378h1v1.935h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9676h-1.9384v-1h.9384zm-31.90558.9676h-.9384v-.9501h-1.000001v1.9501h1.938401zm-.9384-32.302v-.95c0-.3279.00414-.6534.0124-.9763l-.999671-.0256c-.008478.3316-.01273.6656-.01273 1.0019v.95zm.20336-4.8278-.994248-.107c.072344-.6717.163286-1.3325.272558-1.9822l.98615.1659c-.10593.6298-.19419 1.271-.26446 1.9233zm.88168-4.7645-.96572-.2596c.17571-.6537.37162-1.2946.58738-1.9224l.94571.325c-.20825.6059-.3975 1.225-.56737 1.857zm1.6586-4.553-.90512-.4251c.28734-.6118.59555-1.2088.92415-1.7909l.87083.4916c-.31629.5603-.61306 1.1351-.88986 1.7244zm2.4616-4.1719-.80922-.5875c.3952-.5443.81053-1.0727 1.24547-1.585l.76232.6472c-.41864.4931-.81832 1.0016-1.19857 1.5253zm3.20252-3.6339-.68562-.7279c.48655-.45828.99134-.90039 1.51374-1.32624l.6318.77511c-.5042.41103-.991.83743-1.45992 1.27903zm3.80622-2.99869-.55-.8352c.5543-.36494 1.1242-.71446 1.7093-1.04849l.4957.86844c-.567.32373-1.1188.66219-1.655 1.01525zm4.2434-2.34251-.4171-.90886c.5993-.27504 1.2118-.53589 1.837-.78247l.3669.93027c-.6087.24005-1.2044.49377-1.7868.76106zm4.5303-1.72344-.2958-.95524c.6266-.19403 1.2641-.3752 1.9122-.54343l.2512.96792c-.6335.16444-1.2561.34139-1.8676.53075zm4.7048-1.16959-.1889-.982c.6414-.12337 1.2919-.23511 1.9512-.33518l.1501.98868c-.6466.09814-1.2842.20767-1.9124.3285zm4.8047-.68561-.0957-.9954c.6486-.06239 1.3047-.11424 1.9683-.15549l.062.99807c-.6525.04057-1.2974.09153-1.9346.15282zm-30.49718 33.72114h-1.000001v1.9001h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm0 4.7502h-1.000001v1.9002h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm3.7536 5.7004v1h1.8768v-1zm4.692 0v1h1.87678v-1zm4.69198 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm1.3328-33.864v-1h-2.1488v1zm-5.372 0v-1h-2.1488v1zm-5.372 0v-1h-.0744v-.224c0-.3121.0061-.6205.0185-.9251l-.9992-.0404c-.0129.3185-.0193.6404-.0193.9655v1.224zm-.74-5.0658.9832.1827c.1128-.6072.2562-1.194.4312-1.7594l-.9554-.2956c-.187.6046-.3395 1.2293-.459 1.8723zm1.5847-4.5344.8748.4844c.2877-.5196.6121-1.015.9748-1.4851l-.7917-.6109c-.3943.511-.7463 1.0489-1.0579 1.6116zm3.0728-3.6821.6339.7734c.4484-.3675.9344-.7127 1.4601-1.0339l-.5214-.8534c-.5639.3446-1.0876.7164-1.5726 1.1139zm4.1654-2.3901.3644.9313c.5474-.2142 1.1264-.4091 1.738-.5833l-.2739-.9618c-.6407.1825-1.2499.3874-1.8285.6138zm4.6547-1.2369.1608.987c.5937-.0968 1.2116-.1775 1.8544-.2413l-.0988-.9951c-.6625.0658-1.3011.1491-1.9164.2494zm4.8021-.4201c.3186-.0071.6419-.0106.9699-.0106v-1.224h1v2.224h-1c-.3208 0-.6367.0034-.9478.0103zm.9699-4.90662h1v-2.448h-1zm0-6.12h1v-2.224003h-1c-.3318 0-.662.00246-.9906.007377l.0149.992626h-.0243v.00763c.0081-.00012.0163-.00025.0244-.00037.1581-.00237.3167-.00415.4756-.00536.1663-.00127.3329-.0019.5-.0019zm46.4712 28.35602v-1h2.0608v1.9675h-1v-.9675zm1.0608 3.8701h1v1.9351h-1zm0 4.8378h1v1.935h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9676h-1.9384v-1h.9384zm-31.9056.9676h-.9384v-.9501h-1v1.9501h1.9384zm-.9384-32.302v-.95c0-.3279.0042-.6534.0124-.9763l-.9996-.0256c-.0085.3316-.0128.6656-.0128 1.0019v.95zm.2034-4.8278-.9943-.107c.0724-.6717.1633-1.3325.2726-1.9822l.9861.1659c-.1059.6298-.1941 1.271-.2644 1.9233zm.8817-4.7645-.9658-.2596c.1758-.6537.3717-1.2946.5874-1.9224l.9457.325c-.2082.6059-.3975 1.225-.5673 1.857zm1.6586-4.553-.9052-.4251c.2874-.6118.5956-1.2088.9242-1.7909l.8708.4916c-.3163.5603-.613 1.1351-.8898 1.7244zm2.4616-4.1719-.8093-.5875c.3952-.5443.8106-1.0727 1.2455-1.585l.7623.6472c-.4186.4931-.8183 1.0016-1.1985 1.5253zm3.2025-3.6339-.6856-.7279c.4865-.45828.9913-.90039 1.5137-1.32624l.6318.77511c-.5042.41103-.991.83743-1.4599 1.27903zm3.8062-2.99869-.55-.8352c.5543-.36494 1.1242-.71446 1.7093-1.04849l.4958.86844c-.5671.32373-1.1189.66219-1.6551 1.01525zm4.2434-2.34251-.4171-.90886c.5993-.27504 1.2118-.53589 1.837-.78247l.3669.93027c-.6087.24005-1.2044.49377-1.7868.76106zm4.5303-1.72344-.2958-.95524c.6266-.19403 1.2641-.3752 1.9122-.54343l.2512.96792c-.6335.16444-1.2561.34139-1.8676.53075zm4.7048-1.16959-.1889-.982c.6414-.12337 1.2919-.23511 1.9512-.33518l.1501.98868c-.6466.09814-1.2842.20767-1.9124.3285zm4.8047-.68561-.0957-.9954c.6486-.06239 1.3047-.11424 1.9683-.15549l.062.99807c-.6525.04057-1.2974.09153-1.9346.15282zm-30.4972 33.72114h-1v1.9001h1zm0 4.7503h-1v1.9001h1zm0 4.7503h-1v1.9001h1zm0 4.7503h-1v1.9001h1zm0 4.7502h-1v1.9002h1zm0 4.7503h-1v1.9001h1zm3.7536 5.7004v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm1.3872-33.864v-1h-2.1216v1zm-5.304 0v-1h-2.1216v1zm-5.304 0v-1h-.0608v-.224c0-.3111.0059-.6185.0176-.9222l-.9992-.0388c-.0123.3171-.0184.6375-.0184.961v1.224zm-.7406-5.0492.9843.1762c.1086-.6062.2467-1.1922.4156-1.7567l-.958-.2866c-.1804.603-.3272 1.226-.4419 1.8671zm1.5336-4.5286.8804.4741c.2806-.521.5974-1.0175.9523-1.4885l-.7987-.6018c-.3861.5125-.7301 1.0519-1.034 1.6162zm3.0182-3.6969.6404.768c.4424-.3689.9227-.7154 1.4432-1.0376l-.5265-.8502c-.5592.3462-1.0777.72-1.5571 1.1198zm4.1322-2.4007.3669.9302c.5431-.2142 1.1183-.409 1.7268-.5832l-.2751-.9614c-.638.1826-1.2438.3877-1.8186.6144zm4.6308-1.2363.161.9869c.5904-.0963 1.2053-.1766 1.8455-.2401l-.0987-.9951c-.66.0654-1.2957.1484-1.9078.2483zm4.7795-.4178c.317-.007.6389-.0105.9655-.0105v-1.224h1v2.224h-1c-.3194 0-.6339.0034-.9435.0103zm.9655-4.90652h1v-2.448h-1zm0-6.12h1v-2.224003h-1c-.3318 0-.662.00246-.9906.007377l.0149.992626h-.0243v.00763c.0081-.00012.0163-.00025.0244-.00037.1581-.00237.3167-.00415.4756-.00536.1663-.00127.3329-.0019.5-.0019z" fill="url(#a)" fill-rule="evenodd"></path></svg> <span class="color-fg-default">Unreal—Codespaces had me running a server in minutes, and that never happens as a new hire. What an awesome first week!</span> </blockquote> <div class="d-flex flex-items-center"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/chris.jpg" width="40" height="40" alt="" class="circle width-fit mr-2" loading="lazy" decoding="async"> <cite class="d-block color-fg-muted text-mono" style="font-style: normal"> <span class="color-fg-default f3-mktg">Chris Westra</span> <span class="d-block">Senior Software Engineer</span> </cite> </div> </div> </div> </div> <div class="col-12 mb-5 mb-md-0"> <div class="position-relative d-md-flex flex-items-center flex-justify-center text-left color-bg-overlay box-shadow-card-dark-mktg rounded-2 p-4 p-md-5"> <div class="col-12"> <blockquote class="mb-4 f1-mktg text-medium"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" height="67" viewbox="0 0 90 67" width="90" class="d-block mb-3"><lineargradient id="a" gradientunits="userSpaceOnUse" x1=".324219" x2="53.5793" y1=".875977" y2="3.6836"><stop offset="0" stop-color="var(--mktg-accent-primary, var(--color-fg-muted))"></stop><stop offset="1" stop-color="var(--mktg-accent-secondary, var(--color-fg-muted))"></stop></lineargradient><path clip-rule="evenodd" d="m33.0938 31.456v-1h2.0744v1.9675h-1v-.9675zm1.0744 3.8701h1v1.9351h-1zm0 4.8378h1v1.935h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9676h-1.9384v-1h.9384zm-31.90558.9676h-.9384v-.9501h-1.000001v1.9501h1.938401zm-.9384-32.302v-.95c0-.3279.00414-.6534.0124-.9763l-.999671-.0256c-.008478.3316-.01273.6656-.01273 1.0019v.95zm.20336-4.8278-.994248-.107c.072344-.6717.163286-1.3325.272558-1.9822l.98615.1659c-.10593.6298-.19419 1.271-.26446 1.9233zm.88168-4.7645-.96572-.2596c.17571-.6537.37162-1.2946.58738-1.9224l.94571.325c-.20825.6059-.3975 1.225-.56737 1.857zm1.6586-4.553-.90512-.4251c.28734-.6118.59555-1.2088.92415-1.7909l.87083.4916c-.31629.5603-.61306 1.1351-.88986 1.7244zm2.4616-4.1719-.80922-.5875c.3952-.5443.81053-1.0727 1.24547-1.585l.76232.6472c-.41864.4931-.81832 1.0016-1.19857 1.5253zm3.20252-3.6339-.68562-.7279c.48655-.45828.99134-.90039 1.51374-1.32624l.6318.77511c-.5042.41103-.991.83743-1.45992 1.27903zm3.80622-2.99869-.55-.8352c.5543-.36494 1.1242-.71446 1.7093-1.04849l.4957.86844c-.567.32373-1.1188.66219-1.655 1.01525zm4.2434-2.34251-.4171-.90886c.5993-.27504 1.2118-.53589 1.837-.78247l.3669.93027c-.6087.24005-1.2044.49377-1.7868.76106zm4.5303-1.72344-.2958-.95524c.6266-.19403 1.2641-.3752 1.9122-.54343l.2512.96792c-.6335.16444-1.2561.34139-1.8676.53075zm4.7048-1.16959-.1889-.982c.6414-.12337 1.2919-.23511 1.9512-.33518l.1501.98868c-.6466.09814-1.2842.20767-1.9124.3285zm4.8047-.68561-.0957-.9954c.6486-.06239 1.3047-.11424 1.9683-.15549l.062.99807c-.6525.04057-1.2974.09153-1.9346.15282zm-30.49718 33.72114h-1.000001v1.9001h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm0 4.7502h-1.000001v1.9002h1.000001zm0 4.7503h-1.000001v1.9001h1.000001zm3.7536 5.7004v1h1.8768v-1zm4.692 0v1h1.87678v-1zm4.69198 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm1.3328-33.864v-1h-2.1488v1zm-5.372 0v-1h-2.1488v1zm-5.372 0v-1h-.0744v-.224c0-.3121.0061-.6205.0185-.9251l-.9992-.0404c-.0129.3185-.0193.6404-.0193.9655v1.224zm-.74-5.0658.9832.1827c.1128-.6072.2562-1.194.4312-1.7594l-.9554-.2956c-.187.6046-.3395 1.2293-.459 1.8723zm1.5847-4.5344.8748.4844c.2877-.5196.6121-1.015.9748-1.4851l-.7917-.6109c-.3943.511-.7463 1.0489-1.0579 1.6116zm3.0728-3.6821.6339.7734c.4484-.3675.9344-.7127 1.4601-1.0339l-.5214-.8534c-.5639.3446-1.0876.7164-1.5726 1.1139zm4.1654-2.3901.3644.9313c.5474-.2142 1.1264-.4091 1.738-.5833l-.2739-.9618c-.6407.1825-1.2499.3874-1.8285.6138zm4.6547-1.2369.1608.987c.5937-.0968 1.2116-.1775 1.8544-.2413l-.0988-.9951c-.6625.0658-1.3011.1491-1.9164.2494zm4.8021-.4201c.3186-.0071.6419-.0106.9699-.0106v-1.224h1v2.224h-1c-.3208 0-.6367.0034-.9478.0103zm.9699-4.90662h1v-2.448h-1zm0-6.12h1v-2.224003h-1c-.3318 0-.662.00246-.9906.007377l.0149.992626h-.0243v.00763c.0081-.00012.0163-.00025.0244-.00037.1581-.00237.3167-.00415.4756-.00536.1663-.00127.3329-.0019.5-.0019zm46.4712 28.35602v-1h2.0608v1.9675h-1v-.9675zm1.0608 3.8701h1v1.9351h-1zm0 4.8378h1v1.935h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9351h-1zm0 4.8377h1v1.9676h-1.9384v-1h.9384zm-31.9056.9676h-.9384v-.9501h-1v1.9501h1.9384zm-.9384-32.302v-.95c0-.3279.0042-.6534.0124-.9763l-.9996-.0256c-.0085.3316-.0128.6656-.0128 1.0019v.95zm.2034-4.8278-.9943-.107c.0724-.6717.1633-1.3325.2726-1.9822l.9861.1659c-.1059.6298-.1941 1.271-.2644 1.9233zm.8817-4.7645-.9658-.2596c.1758-.6537.3717-1.2946.5874-1.9224l.9457.325c-.2082.6059-.3975 1.225-.5673 1.857zm1.6586-4.553-.9052-.4251c.2874-.6118.5956-1.2088.9242-1.7909l.8708.4916c-.3163.5603-.613 1.1351-.8898 1.7244zm2.4616-4.1719-.8093-.5875c.3952-.5443.8106-1.0727 1.2455-1.585l.7623.6472c-.4186.4931-.8183 1.0016-1.1985 1.5253zm3.2025-3.6339-.6856-.7279c.4865-.45828.9913-.90039 1.5137-1.32624l.6318.77511c-.5042.41103-.991.83743-1.4599 1.27903zm3.8062-2.99869-.55-.8352c.5543-.36494 1.1242-.71446 1.7093-1.04849l.4958.86844c-.5671.32373-1.1189.66219-1.6551 1.01525zm4.2434-2.34251-.4171-.90886c.5993-.27504 1.2118-.53589 1.837-.78247l.3669.93027c-.6087.24005-1.2044.49377-1.7868.76106zm4.5303-1.72344-.2958-.95524c.6266-.19403 1.2641-.3752 1.9122-.54343l.2512.96792c-.6335.16444-1.2561.34139-1.8676.53075zm4.7048-1.16959-.1889-.982c.6414-.12337 1.2919-.23511 1.9512-.33518l.1501.98868c-.6466.09814-1.2842.20767-1.9124.3285zm4.8047-.68561-.0957-.9954c.6486-.06239 1.3047-.11424 1.9683-.15549l.062.99807c-.6525.04057-1.2974.09153-1.9346.15282zm-30.4972 33.72114h-1v1.9001h1zm0 4.7503h-1v1.9001h1zm0 4.7503h-1v1.9001h1zm0 4.7503h-1v1.9001h1zm0 4.7502h-1v1.9002h1zm0 4.7503h-1v1.9001h1zm3.7536 5.7004v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm4.692 0v1h1.8768v-1zm1.3872-33.864v-1h-2.1216v1zm-5.304 0v-1h-2.1216v1zm-5.304 0v-1h-.0608v-.224c0-.3111.0059-.6185.0176-.9222l-.9992-.0388c-.0123.3171-.0184.6375-.0184.961v1.224zm-.7406-5.0492.9843.1762c.1086-.6062.2467-1.1922.4156-1.7567l-.958-.2866c-.1804.603-.3272 1.226-.4419 1.8671zm1.5336-4.5286.8804.4741c.2806-.521.5974-1.0175.9523-1.4885l-.7987-.6018c-.3861.5125-.7301 1.0519-1.034 1.6162zm3.0182-3.6969.6404.768c.4424-.3689.9227-.7154 1.4432-1.0376l-.5265-.8502c-.5592.3462-1.0777.72-1.5571 1.1198zm4.1322-2.4007.3669.9302c.5431-.2142 1.1183-.409 1.7268-.5832l-.2751-.9614c-.638.1826-1.2438.3877-1.8186.6144zm4.6308-1.2363.161.9869c.5904-.0963 1.2053-.1766 1.8455-.2401l-.0987-.9951c-.66.0654-1.2957.1484-1.9078.2483zm4.7795-.4178c.317-.007.6389-.0105.9655-.0105v-1.224h1v2.224h-1c-.3194 0-.6339.0034-.9435.0103zm.9655-4.90652h1v-2.448h-1zm0-6.12h1v-2.224003h-1c-.3318 0-.662.00246-.9906.007377l.0149.992626h-.0243v.00763c.0081-.00012.0163-.00025.0244-.00037.1581-.00237.3167-.00415.4756-.00536.1663-.00127.3329-.0019.5-.0019z" fill="url(#a)" fill-rule="evenodd"></path></svg> <span class="color-fg-default">Day 2 of Codespaces: Shipped a pull request and started working on another one without waiting for script/bootstrap.</span> </blockquote> <div class="d-flex flex-items-center"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/yumin.jpg" width="40" height="40" alt="" class="circle width-fit mr-2" loading="lazy" decoding="async"> <cite class="d-block color-fg-muted text-mono" style="font-style: normal"> <span class="color-fg-default f3-mktg">Yumin Wong</span> <span class="d-block">Staff Software Engineer</span> </cite> </div> </div> </div> </div> </div> </div> </div> </div> <div class="river-mktg js-build-in-trigger d-flex flex-column gutter gutter-spacious flex-md-items-center my-3 my-sm-7 my-md-8 position-relative flex-md-column text-center pb-4 pb-md-7" data-build-in-stagger="100"> <div class="col-12 py-3"> <div class=""> <h3 class="color-fg-default h3-mktg mb-3 col-lg-8 mx-md-auto px-3">Pay as you go</h3> </div> </div> <div class="col-12 py-3 mt-5"> <div class="position-relative"> <div class="d-flex flex-column flex-column-reverse flex-md-row flex-md-row-reverse flex-justify-between border box-shadow-card-border-mktg color-bg-subtle rounded-2 overflow-hidden text-left" id="pricing"> <div class="flex-1"> <div class="mb-2 py-4 px-4 px-md-6"> <div class="mb-4"> <h3 class="f3 text-medium color-fg-default"> Codespaces Compute </h3> <span class="color-fg-muted">Isolated VMs billed per second</span> </div> <table class="width-full lh-condensed text-medium"> <thead> <tr class="border-bottom"> <th class="col-4 py-3 mb-3 f5 color-fg-muted text-medium">Cores</th> <th class="col-4 py-3 mb-3 f5 color-fg-muted text-medium">RAM</th> <th class="col-4 py-3 mb-3 f5 color-fg-muted text-medium">Price</th> </tr> </thead> <tr class="border-bottom mb-3 v-align-top"> <td class="py-3 color-fg-default">2 core</td> <td class="py-3 color-fg-default">4GB</td> <td class="py-3 color-fg-default">$.18 <span class="d-block f6 text-normal color-fg-muted">per hour</span></td> </tr> <tr class="border-bottom mb-3 v-align-top"> <td class="py-3 color-fg-default">4 core</td> <td class="py-3 color-fg-default">8GB</td> <td class="py-3 color-fg-default">$.36 <span class="d-block f6 text-normal color-fg-muted">per hour</span></td> </tr> <tr class="border-bottom mb-3 v-align-top"> <td class="py-3 color-fg-default">8 core</td> <td class="py-3 color-fg-default">16GB</td> <td class="py-3 color-fg-default">$.72 <span class="d-block f6 text-normal color-fg-muted">per hour</span></td> </tr> <tr class="border-bottom mb-3 v-align-top"> <td class="py-3 color-fg-default">16 core</td> <td class="py-3 color-fg-default">32GB</td> <td class="py-3 color-fg-default">$1.44 <span class="d-block f6 text-normal color-fg-muted">per hour</span></td> </tr> <tr class="v-align-top"> <td class="pt-3">32 core</td> <td class="pt-3">64GB</td> <td class="pt-3">$2.88 <span class="d-block f6 text-normal color-fg-muted">per hour</span></td> </tr> </table> </div> <div class="border-top px-4 px-md-6 py-4 d-flex flex-column flex-sm-row color-bg-overlay"> <div class="col-sm-8 mb-3 mb-sm-0"> <h3 class="f3 text-medium color-fg-default">Codespaces storage</h3> <span class="color-fg-muted">charged when inactive</span> </div> <div> <span class="f3 text-semibold">$0.07</span> <span class="d-block f6 text-normal color-fg-muted">per gigabyte per month</span> </div> </div> </div> <div class="d-flex flex-column flex-items-center px-6 px-md-0 py-4 py-md-3 col-md-4 color-fg-default text-center" style="background-image: url('https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/blurple-pricing.jpg'); background-size: cover"> <div class="flex-1 d-flex flex-column flex-justify-center text-center"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/codespaces/codespaces-logo.svg" width="72" class="text-center mx-auto mb-3" alt=""> <span class="h3 lh-condensed mb-3 px-md-4"> Available today for GitHub Teams and GitHub Enterprise Cloud customers </span> <a class="btn-mktg mx-md-5 mb-3 btn-large-mktg" data-analytics-event="{"category":"Get started","action":"click to Get started","label":"ref_page:/features/codespaces;ref_cta:Get started;"}" href="https://web.archive.org/web/20220926104153/https://docs.github.com/en/codespaces"> Get started <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewbox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg> </a> </div> </div> </div> </div> </div> </div> <div class="px-4 px-md-6 px-lg-0 mb-8 mt-6 mt-md-8 mt-lg-12 position-relative z-1 codespaces-faq"> <div class="col-lg-8 mx-auto faq-mktg" id="faq"> <h2 class="color-fg-default mb-md-8 mx-auto text-center col-5-max h3-mktg">Frequently asked questions</h2> <div class="position-relative faq-mktg-item" id="how-do-i-get-access-to-codespaces"> <details class="position-relative border-bottom"> <summary class="position-relative list-style-none pl-4 py-4"> <h4 class="d-inline-block v-align-top mt-n1 col-11 ml-1 ml-lg-6 mb-0 f3-mktg text-semibold color-fg-default"> How do I get access to Codespaces? </h4> </summary> <div class="ml-4 ml-lg-6 pl-1 pl-lg-4 mt-n3 mb-5 color-fg-muted f4-mktg position-relative z-1"> <p>Codespaces is rolling out progressively on August 11th, 2021 and <a href="https://web.archive.org/web/20220926104153/https://github.co/enable-codespaces" rel="nofollow">can be enabled in settings</a> by organization owners for Team and Enterprise Cloud plans. For users in individual plans, we’re extending the existing Codespaces beta. For those in the beta, access will remain and we’ll share updates on what’s coming in the near future.</p> </div> </details> <div class="faq-mktg-item-hover-effect position-absolute bottom-0 left-0 width-full z-n1 border-bottom"></div> </div> <div class="position-relative faq-mktg-item" id="does-github-use-codespaces"> <details class="position-relative border-bottom"> <summary class="position-relative list-style-none pl-4 py-4"> <h4 class="d-inline-block v-align-top mt-n1 col-11 ml-1 ml-lg-6 mb-0 f3-mktg text-semibold color-fg-default"> Does GitHub use Codespaces? </h4> </summary> <div class="ml-4 ml-lg-6 pl-1 pl-lg-4 mt-n3 mb-5 color-fg-muted f4-mktg position-relative z-1"> <p>GitHub uses Codespaces to build github.com. <a href="https://web.archive.org/web/20220926104153/https://github.co/codespaces-ga-blog" rel="nofollow">An explainer of how GitHub uses Codespaces</a> is available on our blog.</p> </div> </details> <div class="faq-mktg-item-hover-effect position-absolute bottom-0 left-0 width-full z-n1 border-bottom"></div> </div> <div class="position-relative faq-mktg-item" id="how-much-does-codespaces-cost-for-organizations"> <details class="position-relative border-bottom"> <summary class="position-relative list-style-none pl-4 py-4"> <h4 class="d-inline-block v-align-top mt-n1 col-11 ml-1 ml-lg-6 mb-0 f3-mktg text-semibold color-fg-default"> How much does Codespaces cost for organizations? </h4> </summary> <div class="ml-4 ml-lg-6 pl-1 pl-lg-4 mt-n3 mb-5 color-fg-muted f4-mktg position-relative z-1"> <p>Full details on pricing are <a href="https://web.archive.org/web/20220926104153/https://github.co/codespaces-billing" rel="nofollow">available in our documentation</a>. Billing begins for Codespaces after September 10th, 2021 PST. Prior to this date, organizations with Team or Enterprise Cloud accounts can trial Codespaces without charges. Codespaces is in beta preview for U.S. government customers; please contact your sales rep for more information.</p> </div> </details> <div class="faq-mktg-item-hover-effect position-absolute bottom-0 left-0 width-full z-n1 border-bottom"></div> </div> <div class="position-relative faq-mktg-item" id="what-is-github-dev"> <details class="position-relative border-bottom"> <summary class="position-relative list-style-none pl-4 py-4"> <h4 class="d-inline-block v-align-top mt-n1 col-11 ml-1 ml-lg-6 mb-0 f3-mktg text-semibold color-fg-default"> What is github.dev? </h4> </summary> <div class="ml-4 ml-lg-6 pl-1 pl-lg-4 mt-n3 mb-5 color-fg-muted f4-mktg position-relative z-1"> <p>Press <kbd>.</kbd> on any repo to make quick edits powered by Visual Studio Code.</p> </div> </details> <div class="faq-mktg-item-hover-effect position-absolute bottom-0 left-0 width-full z-n1 border-bottom"></div> </div> <div class="position-relative faq-mktg-item" id="when-can-i-use-codespaces-on-my-personal-repos"> <details class="position-relative border-bottom"> <summary class="position-relative list-style-none pl-4 py-4"> <h4 class="d-inline-block v-align-top mt-n1 col-11 ml-1 ml-lg-6 mb-0 f3-mktg text-semibold color-fg-default"> When can I use Codespaces on my personal repos? </h4> </summary> <div class="ml-4 ml-lg-6 pl-1 pl-lg-4 mt-n3 mb-5 color-fg-muted f4-mktg position-relative z-1"> <p>We’ll share more information about how individuals will be able to use Codespaces in the future. Individuals in the existing beta will continue to have access to Codespaces and will not be charged.</p> </div> </details> <div class="faq-mktg-item-hover-effect position-absolute bottom-0 left-0 width-full z-n1 border-bottom"></div> </div> <div class="position-relative faq-mktg-item" id="can-i-run-a-codespace-locally"> <details class="position-relative border-bottom"> <summary class="position-relative list-style-none pl-4 py-4"> <h4 class="d-inline-block v-align-top mt-n1 col-11 ml-1 ml-lg-6 mb-0 f3-mktg text-semibold color-fg-default"> Can I run a Codespace locally? </h4> </summary> <div class="ml-4 ml-lg-6 pl-1 pl-lg-4 mt-n3 mb-5 color-fg-muted f4-mktg position-relative z-1"> <p>While Codespaces run in global data centers to reduce latency, you can run a cloud instance of any repository configured with a <a href="https://web.archive.org/web/20220926104153/https://docs.github.com/en/codespaces/customizing-your-codespace/configuring-codespaces-for-your-project">devcontainer</a> locally using <a href="https://web.archive.org/web/20220926104153/https://code.visualstudio.com/docs/remote/containers" rel="nofollow">VS Code Remote Containers</a>.</p> </div> </details> <div class="faq-mktg-item-hover-effect position-absolute bottom-0 left-0 width-full z-n1 border-bottom"></div> </div> </div> </div> <script type="application/ld+json">{"@context":"https://web.archive.org/web/20220926104153/https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I get access to Codespaces?","acceptedAnswer":{"@type":"Answer","text":"<p>Codespaces is rolling out progressively on August 11th, 2021 and <a href=\"https://github.co/enable-codespaces\" rel=\"nofollow\">can be enabled in settings</a> by organization owners for Team and Enterprise Cloud plans. For users in individual plans, we’re extending the existing Codespaces beta. For those in the beta, access will remain and we’ll share updates on what’s coming in the near future.</p>"}},{"@type":"Question","name":"Does GitHub use Codespaces?","acceptedAnswer":{"@type":"Answer","text":"<p>GitHub uses Codespaces to build github.com. <a href=\"https://github.co/codespaces-ga-blog\" rel=\"nofollow\">An explainer of how GitHub uses Codespaces</a> is available on our blog.</p>"}},{"@type":"Question","name":"How much does Codespaces cost for organizations?","acceptedAnswer":{"@type":"Answer","text":"<p>Full details on pricing are <a href=\"https://github.co/codespaces-billing\" rel=\"nofollow\">available in our documentation</a>. Billing begins for Codespaces after September 10th, 2021 PST. Prior to this date, organizations with Team or Enterprise Cloud accounts can trial Codespaces without charges. Codespaces is in beta preview for U.S. government customers; please contact your sales rep for more information.</p>"}},{"@type":"Question","name":"What is github.dev?","acceptedAnswer":{"@type":"Answer","text":"<p>Press <kbd>.</kbd> on any repo to make quick edits powered by Visual Studio Code.</p>"}},{"@type":"Question","name":"When can I use Codespaces on my personal repos?","acceptedAnswer":{"@type":"Answer","text":"<p>We’ll share more information about how individuals will be able to use Codespaces in the future. Individuals in the existing beta will continue to have access to Codespaces and will not be charged.</p>"}},{"@type":"Question","name":"Can I run a Codespace locally?","acceptedAnswer":{"@type":"Answer","text":"<p>While Codespaces run in global data centers to reduce latency, you can run a cloud instance of any repository configured with a <a href=\"https://docs.github.com/en/codespaces/customizing-your-codespace/configuring-codespaces-for-your-project\">devcontainer</a> locally using <a href=\"https://code.visualstudio.com/docs/remote/containers\" rel=\"nofollow\">VS Code Remote Containers</a>.</p>"}}]}</script> </div> </div></main> </div> <footer class="footer pt-6 position-relative" data-color-mode="dark" data-dark-theme="dark"> <div class="container-xl p-responsive"> <div class="d-flex flex-wrap py-5 mb-5"> <div class="col-12 col-lg-4 mb-5"> <a href="/web/20220926104153/https://github.com/" data-analytics-event="{"category":"Footer","action":"go to home","label":"text:home"}" class="color-fg-default d-inline-block" aria-label="Go to GitHub homepage"> <svg height="30" aria-hidden="true" viewbox="0 0 45 16" version="1.1" width="84" data-view-component="true" class="octicon octicon-logo-github footer-logo-mktg width-auto d-block"> <path fill-rule="evenodd" d="M18.53 12.03h-.02c.009 0 .015.01.024.011h.006l-.01-.01zm.004.011c-.093.001-.327.05-.574.05-.78 0-1.05-.36-1.05-.83V8.13h1.59c.09 0 .16-.08.16-.19v-1.7c0-.09-.08-.17-.16-.17h-1.59V3.96c0-.08-.05-.13-.14-.13h-2.16c-.09 0-.14.05-.14.13v2.17s-1.09.27-1.16.28c-.08.02-.13.09-.13.17v1.36c0 .11.08.19.17.19h1.11v3.28c0 2.44 1.7 2.69 2.86 2.69.53 0 1.17-.17 1.27-.22.06-.02.09-.09.09-.16v-1.5a.177.177 0 00-.146-.18zM42.23 9.84c0-1.81-.73-2.05-1.5-1.97-.6.04-1.08.34-1.08.34v3.52s.49.34 1.22.36c1.03.03 1.36-.34 1.36-2.25zm2.43-.16c0 3.43-1.11 4.41-3.05 4.41-1.64 0-2.52-.83-2.52-.83s-.04.46-.09.52c-.03.06-.08.08-.14.08h-1.48c-.1 0-.19-.08-.19-.17l.02-11.11c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v3.77s.82-.53 2.02-.53l-.01-.02c1.2 0 2.97.45 2.97 3.88zm-8.72-3.61h-2.1c-.11 0-.17.08-.17.19v5.44s-.55.39-1.3.39-.97-.34-.97-1.09V6.25c0-.09-.08-.17-.17-.17h-2.14c-.09 0-.17.08-.17.17v5.11c0 2.2 1.23 2.75 2.92 2.75 1.39 0 2.52-.77 2.52-.77s.05.39.08.45c.02.05.09.09.16.09h1.34c.11 0 .17-.08.17-.17l.02-7.47c0-.09-.08-.17-.19-.17zm-23.7-.01h-2.13c-.09 0-.17.09-.17.2v7.34c0 .2.13.27.3.27h1.92c.2 0 .25-.09.25-.27V6.23c0-.09-.08-.17-.17-.17zm-1.05-3.38c-.77 0-1.38.61-1.38 1.38 0 .77.61 1.38 1.38 1.38.75 0 1.36-.61 1.36-1.38 0-.77-.61-1.38-1.36-1.38zm16.49-.25h-2.11c-.09 0-.17.08-.17.17v4.09h-3.31V2.6c0-.09-.08-.17-.17-.17h-2.13c-.09 0-.17.08-.17.17v11.11c0 .09.09.17.17.17h2.13c.09 0 .17-.08.17-.17V8.96h3.31l-.02 4.75c0 .09.08.17.17.17h2.13c.09 0 .17-.08.17-.17V2.6c0-.09-.08-.17-.17-.17zM8.81 7.35v5.74c0 .04-.01.11-.06.13 0 0-1.25.89-3.31.89-2.49 0-5.44-.78-5.44-5.92S2.58 1.99 5.1 2c2.18 0 3.06.49 3.2.58.04.05.06.09.06.14L7.94 4.5c0 .09-.09.2-.2.17-.36-.11-.9-.33-2.17-.33-1.47 0-3.05.42-3.05 3.73s1.5 3.7 2.58 3.7c.92 0 1.25-.11 1.25-.11v-2.3H4.88c-.11 0-.19-.08-.19-.17V7.35c0-.09.08-.17.19-.17h3.74c.11 0 .19.08.19.17z"></path> </svg> </a> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"> <h2 class="h5 mb-3 text-mono color-fg-muted text-normal"> Product </h2> <ul class="list-style-none color-fg-muted f5"> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to features","label":"text:features"}" href="/web/20220926104153/https://github.com/features">Features</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to security","label":"text:security"}" href="/web/20220926104153/https://github.com/security">Security</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to team","label":"text:team"}" href="/web/20220926104153/https://github.com/team">Team</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to enterprise","label":"text:enterprise"}" href="/web/20220926104153/https://github.com/enterprise">Enterprise</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to customer stories","label":"text:customer stories"}" href="/web/20220926104153/https://github.com/customer-stories?type=enterprise">Customer stories</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to the readme project","label":"text:the readme project"}" href="/web/20220926104153/https://github.com/readme">The ReadME Project</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to pricing","label":"text:pricing"}" href="/web/20220926104153/https://github.com/pricing">Pricing</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to resources","label":"text:resources"}" href="https://web.archive.org/web/20220926104153/https://resources.github.com/">Resources</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to roadmap","label":"text:roadmap"}" href="https://web.archive.org/web/20220926104153/https://github.com/github/roadmap">Roadmap</a> </li> </ul> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4"> <h2 class="h5 mb-3 text-mono color-fg-muted text-normal"> Platform </h2> <ul class="list-style-none f5"> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to api","label":"text:api"}" href="https://web.archive.org/web/20220926104153/https://docs.github.com/">Developer API</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to partner","label":"text:partner"}" href="https://web.archive.org/web/20220926104153/https://partner.github.com/">Partners</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to atom","label":"text:atom"}" href="https://web.archive.org/web/20220926104153/https://atom.io/">Atom</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to electron","label":"text:electron"}" href="https://web.archive.org/web/20220926104153/https://www.electronjs.org/">Electron</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to desktop","label":"text:desktop"}" href="https://web.archive.org/web/20220926104153/https://desktop.github.com/">GitHub Desktop</a> </li> </ul> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4"> <h2 class="h5 mb-3 text-mono color-fg-muted text-normal"> Support </h2> <ul class="list-style-none f5"> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to help","label":"text:Docs"}" href="https://web.archive.org/web/20220926104153/https://docs.github.com/">Docs</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to community","label":"text:community"}" href="https://web.archive.org/web/20220926104153/https://github.community/">Community Forum</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to professional services","label":"text:professional services"}" href="https://web.archive.org/web/20220926104153/https://services.github.com/">Professional Services</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to skills","label":"text:skills"}" href="https://web.archive.org/web/20220926104153/https://skills.github.com/">Skills</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to status","label":"text:status"}" href="https://web.archive.org/web/20220926104153/https://www.githubstatus.com/">Status</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to contact","label":"text:contact"}" href="https://web.archive.org/web/20220926104153/https://support.github.com/?tags=dotcom-footer">Contact GitHub</a> </li> </ul> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4"> <h2 class="h5 mb-3 text-mono color-fg-muted text-normal"> Company </h2> <ul class="list-style-none f5"> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to about","label":"text:about"}" href="https://web.archive.org/web/20220926104153/https://github.com/about">About</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to blog","label":"text:blog"}" href="https://web.archive.org/web/20220926104153/https://github.blog/">Blog</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to careers","label":"text:careers"}" href="/web/20220926104153/https://github.com/about/careers">Careers</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to press","label":"text:press"}" href="/web/20220926104153/https://github.com/about/press">Press</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to diversity","label":"text:Inclusion"}" href="/web/20220926104153/https://github.com/about/diversity">Inclusion</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to social impact","label":"text:social impact"}" href="https://web.archive.org/web/20220926104153/https://socialimpact.github.com/">Social Impact</a> </li> <li class="lh-condensed mb-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to shop","label":"text:shop"}" href="https://web.archive.org/web/20220926104153/https://shop.github.com/">Shop</a> </li> </ul> </div> </div> </div> <div class="color-bg-subtle"> <div class="container-xl p-responsive f6 py-4 d-sm-flex flex-justify-between flex-row-reverse flex-items-center"> <ul class="list-style-none d-flex flex-items-center mb-3 mb-sm-0 lh-condensed-ultra"> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://twitter.com/github" data-analytics-event="{"category":"Footer","action":"go to Twitter","label":"text:twitter"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/twitter.svg" height="18" width="22" class="d-block" loading="lazy" decoding="async" alt="Twitter icon"> <span class="sr-only">GitHub on Twitter</span> </a> </li> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://www.facebook.com/GitHub" data-analytics-event="{"category":"Footer","action":"go to Facebook","label":"text:facebook"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg" width="18" height="18" class="d-block" loading="lazy" decoding="async" alt="Facebook icon"> <span class="sr-only">GitHub on Facebook</span> </a> </li> <li class="mr-3 flex-self-start"> <a href="https://web.archive.org/web/20220926104153/https://www.linkedin.com/company/github" data-analytics-event="{"category":"Footer","action":"go to Linkedin","label":"text:linkedin"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg" width="19" height="18" class="d-block" loading="lazy" decoding="async" alt="Linkedin icon"> <span class="sr-only">GitHub on LinkedIn</span> </a> </li> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://www.youtube.com/github" data-analytics-event="{"category":"Footer","action":"go to YouTube","label":"text:youtube"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg" width="23" height="16" class="d-block" loading="lazy" decoding="async" alt="YouTube icon"> <span class="sr-only">GitHub on YouTube</span> </a> </li> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://www.twitch.tv/github" data-analytics-event="{"category":"Footer","action":"go to Twitch","label":"text:twitch"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg" width="18" height="18" class="d-block" loading="lazy" decoding="async" alt="Twitch icon"> <span class="sr-only">GitHub on Twitch</span> </a> </li> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://www.tiktok.com/@github" data-analytics-event="{"category":"Footer","action":"go to tiktok","label":"text:tiktok"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg" width="18" height="18" class="d-block" loading="lazy" decoding="async" alt="TikTok icon"> <span class="sr-only">GitHub on TikTok</span> </a> </li> <li> <a href="https://web.archive.org/web/20220926104153/https://github.com/github" data-analytics-event="{"category":"Footer","action":"go to github's org","label":"text:github"}" class="color-fg-subtle"> <img src="https://web.archive.org/web/20220926104153im_/https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg" width="20" height="20" class="d-block" loading="lazy" decoding="async" alt="GitHub mark"> <span class="sr-only">GitHub’s organization on GitHub</span> </a> </li> </ul> <ul class="list-style-none d-flex flex-wrap color-fg-muted"> <li class="mr-3"> © 2022 GitHub, Inc. </li> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://docs.github.com/en/github/site-policy/github-terms-of-service" data-analytics-event="{"category":"Footer","action":"go to terms","label":"text:terms"}" class="Link--secondary">Terms</a> </li> <li class="mr-3"> <a href="https://web.archive.org/web/20220926104153/https://docs.github.com/en/github/site-policy/github-privacy-statement" data-analytics-event="{"category":"Footer","action":"go to privacy","label":"text:privacy"}" class="Link--secondary">Privacy</a> (<a href="https://web.archive.org/web/20220926104153/https://github.com/github/site-policy/pull/582" class="Link--secondary">Updated 08/2022</a>) </li> <li class="mr-3"> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to site map","label":"text:site map"}" href="/web/20220926104153/https://github.com/site-map">Site Map</a> </li> <li> <a class="Link--secondary" data-analytics-event="{"category":"Footer","action":"go to Git Guides","label":"text:What is Git?"}" href="/web/20220926104153/https://github.com/git-guides">What is Git?</a> </li> </ul> </div> </div> </footer> <div id="ajax-error-message" class="ajax-error-message flash flash-error" hidden> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path> </svg> <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error"> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path> </svg> </button> You can’t perform that action at this time. </div> <div class="js-stale-session-flash flash flash-warn flash-banner" hidden> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert"> <path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"></path> </svg> <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span> <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span> </div> <template id="site-details-dialog"> <details class="details-reset details-overlay details-overlay-dark lh-default color-fg-default hx_rsm" open> <summary role="button" aria-label="Close dialog"></summary> <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal"> <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path> </svg> </button> <div class="octocat-spinner my-6 js-details-dialog-spinner"></div> </details-dialog> </details> </template> <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;" tabindex="0"> <div class="Popover-message Popover-message--bottom-left Popover-message--large Box color-shadow-large" style="width:360px;"> </div> </div> <template id="snippet-clipboard-copy-button"> <div class="zeroclipboard-container position-absolute right-0 top-0"> <clipboard-copy aria-label="Copy" class="ClipboardButton btn js-clipboard-copy m-2 p-0 tooltipped-no-delay" data-copy-feedback="Copied!" data-tooltip-direction="w"> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon m-2"> <path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path> </svg> <svg aria-hidden="true" height="16" viewbox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2"> <path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path> </svg> </clipboard-copy> </div> </template> </body> </html> <!-- FILE ARCHIVED ON 10:41:53 Sep 26, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:08:42 Feb 19, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.574 exclusion.robots: 0.025 exclusion.robots.policy: 0.015 esindex: 0.011 cdx.remote: 17.092 LoadShardBlock: 221.719 (6) PetaboxLoader3.datanode: 154.809 (7) PetaboxLoader3.resolve: 114.838 (3) load_resource: 87.47 -->