CINXE.COM
The GitHub Insider
<!-- Archive Stuff --> <style> .signup { background-color: #d9f2fe; border-bottom: 1px solid #b8dbfc; color: #32383f; font-family: sans-serif; font-size: 1em; padding: 1.4rem 0; text-align: center; width: 100%; } .signup a { color: #0969da; text-decoration: underline; } .signup a:hover { color: black !important; text-decoration: none !important; } @media screen and (max-width:800px) { .signup a { display: block; margin-top: 1rem; } } </style> <div class="signup"> Get new issues of <em>The GitHub Insider</em> in your inbox. <a href="https://resources.github.com/newsletter?utm_medium=web&utm_source=github&utm_campaign=insider-archive-page">Sign up now →</a> </div> <!DOCTYPE html> <html lang="en" dir="ltr" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no, date=no, address=no, email=no"> <meta name="x-apple-disable-message-reformatting"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title>The GitHub Insider</title> <!--[if mso]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <style> /* General reset styles. */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } u+#body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } u+.body .glist { margin-left: 0 !important; } @media only screen and (max-width: 640px) { u+.body .glist { margin-left: 40px !important; } } /* Set default link styles here. Override them on hover to show users they are interactive. */ a { color: #0969da; font-weight: normal; text-decoration: none; } a:hover { color: #0969da !important; text-decoration: underline !important; } a.button { text-align: center; } a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } @media screen and (max-width: 600px) { a.button { display: block !important; } } </style> <!-- Set your dark mode styles below. --> <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } @media (prefers-color-scheme: dark ) { body, .email-container, .content-container, .callout { background-color: #000000 !important; color: #ffffff !important; } h1, h2, h3, strong { color: #ffffff !important; } a { color: #ffffff !important; text-decoration: underline !important; } .footer a { color: #999999 !important; text-decoration: none !important; } a:hover { color: #ffffff !important; text-decoration: none !important; } .footer a:hover { text-decoration: underline !important; } a.button { color: #ffffff !important; text-decoration: none !important; } .dark-mode-hide { display: none !important; } .dark-mode-show { display: block !important; } .callout a.button { background-color: #2ea44f !important; border-color: #2ea44f !important; } .callout a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } } </style> </head> <body id="body" class="body" style="background-color: #ffffff; margin: 0 !important; padding: 0 !important;"> <div style="display:none"> Elevate your work day with three powerful features ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ </div> <!-- This is the main container div, where we set some accessibility basics. --> <div class="email-container" role="article" aria-roledescription="email" aria-label="" lang="en" dir="ltr" style="background-color: #ffffff; font-size: medium; font-size: max(16px, 1rem);"> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="600" align="center" role="presentation"><tr><td> <![endif]--> <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 600px; padding: 1em;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="display: block; margin: 0 0 2em 0;"> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" width="100" border="0" style="display: block;" class="dark-mode-hide"> <!--[if !mso]><!--> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" width="100" border="0" style="display: none;" class="dark-mode-show"> <!--<![endif]--> </a> <!-- Header --> <p style="margin: 2em 0 2em 0;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B0da1dee9-e914-4030-a21c-f4f02cc63994%7D_github-insider-header-2024.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </p> <p style="margin: 2em 0 2em 0;"> 👋 Raise your hand if you’ve ever used GitHub Copilot to help you build: </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Video games 🎮</li> <li style="margin-bottom: 0.4em;">Applications 📱</li> <li style="margin-bottom: 0.4em;">Websites 🖥️</li> <li style="margin-bottom: 0.4em;">Automation scripts 📜</li> <li style="margin-bottom: 0.4em;">Data science projects 🤓</li> <li style="margin-bottom: 0.4em;">Operating systems 🚀</li> <li style="margin-bottom: 0.4em;">Other things 💡</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> Pretty neat experience, huh? Copilot changes the software-building game, granting you the ability to create code with <a href="https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">newfound speed and quality</a>. </p> <p style="margin: 2em 0 2em 0;"> But did you know that Copilot isn’t just for personal projects? It’s for the workplace, too, helping teams code quickly and take their productivity and innovation to the next level. In fact, we recently came out with a few nifty features, like <a href="https://code.visualstudio.com/docs/copilot/copilot-chat#_chat-participants?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">chat participants</a>, <a href="https://github.blog/2024-05-21-introducing-github-copilot-extensions/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Copilot Extensions</a>, and <a href="https://github.blog/2024-04-29-github-copilot-workspace/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Copilot Workspace</a> that can help you bring Copilot to the workplace and supercharge your team’s process. </p> <p style="margin: 2em 0 2em 0;"> In this edition of <em>The GitHub Insider</em>, we’re going to provide an inside look at how you can build quickly and effectively at the office with these new features. </p> <p style="margin: 2em 0 2em 0;"> Let’s go! 👇 </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Chat participants 🕵️ </h2> <p style="margin: 2em 0 2em 0;"> If you’re using VS Code or Visual Studio, there are a number of different chat participants you can talk to directly in your IDE. </p> <p style="margin: 2em 0 2em 0;"> Using participants to ask questions yields better results than asking Copilot general questions, because the participants are focused on a specific domain. Therefore, you’re more likely to get useful answers. </p> <p style="margin: 2em 0 2em 0;"> If you go to Copilot Chat and you use the <strong style="font-family: monospace;">@</strong> sign, you can see the three participants: <strong style="font-family: monospace;">@terminal</strong>, <strong style="font-family: monospace;">@vscode</strong>, and <strong style="font-family: monospace;">@workspace</strong>. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B6c11c937-1d8e-4aca-bc77-3d8172faf114%7D_gh-insider-june-2024-1-1.gif" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> With the <strong style="font-family: monospace;">@terminal</strong> participant, you can ask how to do something in the terminal. For example, you can type: </p> <p style="margin: 2em 0 2em 0;"> <em>“How can I move a file from one directory to another?”</em> </p> <p style="margin: 2em 0 2em 0;"> When you click <strong style="font-family: monospace;">enter</strong>, it’ll show you exactly how, with the context and focus being specific to just the terminal. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Beb041c6f-c23c-4814-8ea8-ee545a7a2389%7D_gh-insider-june-2024-1-2.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> Even better, if you click on the “Insert into Terminal” icon (it looks like a little command line), it’ll shoot you over to the terminal where you could modify and execute the command. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bf53892a0-87eb-4c51-8825-5a966e2ebe30%7D_gh-insider-june-2024-1-3.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B21bd253f-8e5f-4f5b-9300-99ede4d7f99a%7D_gh-insider-june-2024-1-4.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> Another participant is <strong style="font-family: monospace;">@vscode</strong>. This participant has access to all the settings and commands in Visual Studio Code. Because of this, you can ask vague questions like: </p> <p style="margin: 2em 0 2em 0;"> <em>“Tell me the name of that thing where Visual Studio Code fake opens a file? And how can I disable it?”</em> </p> <p style="margin: 2em 0 2em 0;"> Yes, you can be this general because of the very specific context. </p> <p style="margin: 2em 0 2em 0;"> And finally: <strong style="font-family: monospace;">@workspace</strong>. This participant knows about all the context of your personal workspace and can answer questions about it. </p> <p style="margin: 2em 0 2em 0;"> Internally, this participant is powered by GitHub’s knowledge graph, semantic search, local code indexes, and VS Code language services. </p> <p style="margin: 2em 0 2em 0;"> Imagine, in a project, you want to know what version of node (or insert your framework/language of choice) it uses. Not a problem, you ask the participant in the chat: </p> <p style="margin: 2em 0 2em 0;"> <em>“What version of node does this use?” </em> </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bd34649b2-db73-4eae-bceb-efe012b060c3%7D_gh-insider-june-2024-1-5.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> And voila! It’ll tell you where it’s being used. Plus, it provides references so you can actually visit the files. </p> <p style="margin: 2em 0 2em 0;"> Participants like <strong style="font-family: monospace;">@workspace</strong> can also be combined with slash commands, which are shortcuts to specific functionalities that determine the intent of what you want to do. </p> <p style="margin: 2em 0 2em 0;"> So for instance, you can use the <strong style="font-family: monospace;">/explain</strong> slash command, prefaced with the <strong style="font-family: monospace;">@workspace</strong> participant, to have Copilot explain something about the code in your project. Just highlight the block of code you want explained and submit it in the chat, and it’ll explain it for you! </p> <p style="margin: 2em 0 2em 0;"> Of course, you can use all the slash commands with the <strong style="font-family: monospace;">@workspace</strong> agent, like <strong style="font-family: monospace;">/fix</strong>, (that can help you fix broken code), <strong style="font-family: monospace;">/newNotebook</strong>, (which can suggest an outline for a new notebook), and <strong style="font-family: monospace;">/help</strong> (which can save you time from searching Docs). </p> <p style="margin: 2em 0 2em 0;"> And remember, after you’ve submitted many different commands, you can wipe your history with the <strong style="font-family: monospace;">/clear</strong> command, which can give you a fresh start for tackling a new project. </p> <p style="margin: 2em 0 2em 0;"> Take a look at <a href="https://www.youtube.com/watch?v=3Yz48eenPEE" style="color: #0969da; font-weight: normal; text-decoration: none;">this video</a> for more! </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <a href="https://www.youtube.com/watch?v=3Yz48eenPEE"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B2882d466-d730-4d8e-83d7-9a58cc2c8d24%7D_gh-insider-june-2024-1-6.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> GitHub Copilot Extensions (in beta 🚧) 🔗 </h2> <p style="margin: 2em 0 2em 0;"> The built-in participants as part of GitHub Copilot Chat are great, but what if you could bring the power of Copilot to some of your favorite tools and services at work? This is where GitHub Copilot Extensions enter the picture! </p> <p style="margin: 2em 0 2em 0;"> Copilot Extensions enable you to build and deploy to the cloud in your natural language with your preferred tools and services, all without leaving the IDE or GitHub.com. They integrate with various platforms like DataStax, Docker, Azure, and Sentry, facilitating seamless context switching, improving productivity, and streamlining development. Your organization can also create private extensions for internal tools, which leverage Copilot for your specific needs. </p> <p style="margin: 2em 0 2em 0;"> Copilot Extensions are currently in beta and available in the <a href="https://github.com/marketplace?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20&type=apps&copilot_app=true" style="color: #0969da; font-weight: normal; text-decoration: none;">GitHub Marketplace</a>. Right now, you can access Copilot Extensions from companies such as DataStax, Docker, Lambda Test, LaunchDarkly, McKinsey & Company, Octopus Deploy, Pangea, Pinecone, Product Science, ReadMe, Sentry, and Teams Toolkit. </p> <p style="margin: 2em 0 2em 0;"> And developers can also build Copilot Chat functionality into their VS Code extensions as well. In the coming weeks and months, users will be able to access extensions from Stripe, MongoDB, and Microsoft (including Teams Toolkit and Microsoft 365) on <a href="https://code.visualstudio.com/api/extension-guides/chat?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Visual Studio Marketplace</a> for VSCode as well. </p> <p style="margin: 2em 0 2em 0;"> If you want to build your own Copilot Extension, join the <a href="https://github.com/features/preview/copilot-partner-program?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Copilot Partner Program</a> or check out the <a href="https://code.visualstudio.com/api/extension-guides/chat?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">documentation for the Chat Participants API</a> for VS Code. </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Copilot Workspace (technical preview) 🚀 </h2> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <a href="https://github.blog/2024-04-29-github-copilot-workspace/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B08d1f2de-c483-4ac6-8286-a44f2caf5e18%7D_gh-insider-june-2024-1-7.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </center> </p> <p style="margin: 2em 0 2em 0;"> Doing all of this inside your IDE is great, but what if you could use Copilot across your entire GitHub experience? </p> <p style="margin: 2em 0 2em 0;"> With the <a href="https://github.blog/2024-04-29-github-copilot-workspace/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Copilot Workspace experience</a>, you can leverage AI-powered agents from start to finish, while remaining in full control over every step of the process. It represents a radically new way of building software with natural language to enable heightened creativity as well as faster and easier coding. </p> <p style="margin: 2em 0 2em 0;"> Everything in Copilot Workspace starts with what we call a “task,” or a natural language description of intent. The task always has a context, which starts at ground zero: a GitHub repository. </p> <p style="margin: 2em 0 2em 0;"> In the technical preview, Copilot Workspace supports four types of tasks: solving issues, <a href="https://github.com/githubnext/copilot-workspace-user-manual/blob/main/pull-request-tasks.md" style="color: #0969da; font-weight: normal; text-decoration: none;">refining pull requests</a>, <a href="https://github.com/githubnext/copilot-workspace-user-manual/blob/main/creating-repos.md" style="color: #0969da; font-weight: normal; text-decoration: none;">creating repositories from templates</a> and <a href="https://github.com/githubnext/copilot-workspace-user-manual/blob/main/adhoc-tasks.md" style="color: #0969da; font-weight: normal; text-decoration: none;">ad-hoc tasks</a>. </p> <p style="margin: 2em 0 2em 0;"> We hope these features help supercharge your workday. Let us know if you try them out! </p> <!-- A button block. --> <p style="margin: 4em 0 4em 0; text-align: center;"> <a class="button" href="https://github.com/features/copilot?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="background: #2ea44f; border: 2px solid #2ea44f; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #2ea44f"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Bring Copilot to work now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> <p style="margin: 2em 0 2em 0; text-align: center;"> <small>✨ This newsletter was written by <a href="https://github.com/filmgirl?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Christina Warren</a> and produced by <a href="https://github.com/purpledragon85/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="color: #0969da; font-weight: normal; text-decoration: none;">Gwen Davis</a>. ✨</small> </p> <!-- Connect with us section. --> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #f5f7f9; border: 1px solid #dbdee2; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.8em; font-weight: bold; margin: 0 0 0 0;"> More to explore 🌎 </h3> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #fff7c2; border: 1px solid #ebd8b0; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Join our GitHub Copilot conversations 📄 </h3> <p style="margin: 1em 0 1em 0;"> Visit our community forum to see what people are saying + offer your own two cents. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.com/orgs/community/discussions/categories/copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Visit now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #d9f2fe;"> <![endif]--> <div style="background-color: #d9f2fe; border: 1px solid #b8dbfc; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Stay updated on GitHub products 📦 </h3> <p style="margin: 1em 0 1em 0;"> Discover the latest ships, launches, and improvements in our Changelog. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.blog/changelog/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Explore now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #fff1e5; border: 1px solid #ffd8b5; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Connect with us at an event near you 🫱🏻‍🫲🏾 </h3> <p style="margin: 1em 0 1em 0;"> Are we in your neighborhood? Let’s meet up. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.com/events?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Find event</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #d6fadf; border: 1px solid #4ac26b66; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Subscribe to our LinkedIn newsletter 🚀 </h3> <p style="margin: 1em 0 1em 0;"> Do your best work on GitHub. Subscribe to our LinkedIn newsletter, <em>Branching Out_</em>. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://www.linkedin.com/newsletters/6958196028076429312/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Sign up now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="580" align="center" role="presentation"><tr><td> <![endif]--> <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 580px; padding: 1em;"><!-- This is the footer. --> <center><a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-June-20" style="display: block; margin: 0 0 2em 0;"><img alt="GitHub" border="0" class="dark-mode-hide" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" style="display: block;" width="100" /> <!--[if !mso]><!--> <img alt="GitHub" border="0" class="dark-mode-show" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" style="display: none;" width="100" /> <!--<![endif]--> </a></center> <p style="font-size: 1.2em; color: #999999; margin: 0 0 2em 0; text-align: center;">The world’s leading AI-powered developer platform.</p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> </div> </body> </html>