github-ssh-manager-warning.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 800 72" width="800" height="72"><link xmlns="" type="text/css" rel="stylesheet" id="dark-mode-general-link"/><link xmlns="" type="text/css" rel="stylesheet" id="dark-mode-custom-link"/><style xmlns="" lang="en" type="text/css" id="dark-mode-custom-style"/><link xmlns="" type="text/css" rel="stylesheet" id="dark-mode-general-link"/><link xmlns="" type="text/css" rel="stylesheet" id="dark-mode-custom-link"/><style xmlns="" lang="en" type="text/css" id="dark-mode-custom-style"/>
	<foreignObject width="100%" height="100%">
		<div xmlns="http://www.w3.org/1999/xhtml">
			<style>
				.container {         
					font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
          display: flex;
          flex-direction: row;
          align-items: center;
					margin: 0;
					width: 100%;
					background-size: 600% 400%;
					border-radius: 10px;
          
          color: #e36209;
          background-color: #ffebda;
				}

        .icon {
          font-size: 2em;
          margin-left: 0.75em;
          margin-right: 0.5em;
          transform: translateY(-0.06em);
        }
        
        .code {
          font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
          font-size: 0.85em;
          border-radius: 0.2em;
          padding-top: 0.1em;
          display: inline-block;
          padding-bottom: 0.1em;
          margin-bottom: -0.2em;
          padding-right: 0.4em;
          padding-left: 0.4em;
          background-color: #973f001a;  
        }

				p {
					font-size: 1em;
          margin-right: 0.75em;
          line-height: 1.3;
				}
        
        @media (prefers-color-scheme: dark ) {
          .container {
            background-color: #5a1e02;   
            color: #ffdfb6;
          }

         .container .code {
            background-color: rgba(0, 0, 0, 0.2);  
         }
        }

        
			</style>
			<div class="container">
        <span class="icon">⚠</span>
				<p>This project is still in a very early stage and may very well contain bugs, so make sure to back up your <span class="code">~/.ssh/config</span> file before running the script for safety's sake !</p>
			</div>
		</div>
	</foreignObject>
</svg>