go-micro.dev/v5@v5.12.0/internal/website/badge.html (about) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Powered by Go Micro Badge</title> 7 <style> 8 * { box-sizing: border-box; margin: 0; padding: 0; } 9 body { 10 font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; 11 line-height: 1.6; 12 color: #333; 13 background: #f6f8fa; 14 padding: 2rem 1rem; 15 } 16 .container { 17 max-width: 800px; 18 margin: 0 auto; 19 background: white; 20 padding: 3rem 2.5rem; 21 border-radius: 12px; 22 box-shadow: 0 4px 12px rgba(0,0,0,0.08); 23 } 24 h1 { 25 font-size: 2rem; 26 margin-bottom: 0.5rem; 27 color: #1a1a1a; 28 } 29 .subtitle { 30 color: #666; 31 font-size: 1.1rem; 32 margin-bottom: 2rem; 33 } 34 h2 { 35 font-size: 1.5rem; 36 margin: 2rem 0 1rem; 37 color: #0366d6; 38 } 39 h3 { 40 font-size: 1.15rem; 41 margin: 1.5rem 0 0.75rem; 42 color: #333; 43 } 44 .badge-preview { 45 background: #f8f9fa; 46 border: 1px solid #e5e5e5; 47 border-radius: 8px; 48 padding: 1.5rem; 49 margin: 1rem 0; 50 text-align: center; 51 } 52 .badge-preview img { 53 display: inline-block; 54 margin: 0.5rem 0; 55 } 56 pre { 57 background: #f6f8fa; 58 border: 1px solid #d0d7de; 59 border-radius: 6px; 60 padding: 1rem; 61 overflow-x: auto; 62 font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; 63 font-size: 0.9rem; 64 margin: 0.75rem 0; 65 } 66 code { 67 font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; 68 background: #f6f8fa; 69 padding: 0.2rem 0.4rem; 70 border-radius: 3px; 71 font-size: 0.9rem; 72 } 73 pre code { 74 background: none; 75 padding: 0; 76 } 77 .back-link { 78 display: inline-block; 79 margin-bottom: 1.5rem; 80 color: #0366d6; 81 text-decoration: none; 82 font-weight: 500; 83 } 84 .back-link:hover { 85 text-decoration: underline; 86 } 87 .guideline { 88 background: #e8f4fd; 89 border-left: 4px solid #0366d6; 90 padding: 1rem 1.25rem; 91 margin: 1.5rem 0; 92 border-radius: 4px; 93 } 94 .guideline ul { 95 margin: 0.5rem 0 0 1.5rem; 96 } 97 .guideline li { 98 margin: 0.25rem 0; 99 } 100 @media (max-width: 600px) { 101 .container { padding: 2rem 1.5rem; } 102 h1 { font-size: 1.5rem; } 103 } 104 </style> 105 </head> 106 <body> 107 <div class="container"> 108 <a href="/" class="back-link">← Back to Home</a> 109 110 <h1>Powered by Go Micro Badge</h1> 111 <p class="subtitle">Show your support and let others know your project is built with Go Micro!</p> 112 113 <h2>Badges</h2> 114 115 <h3>Dark Badge</h3> 116 <div class="badge-preview"> 117 <a href="https://go-micro.dev" target="_blank"> 118 <img src="https://img.shields.io/badge/Powered%20by-Go%20Micro-0366d6?style=for-the-badge&logo=go&logoColor=white" alt="Powered by Go Micro"> 119 </a> 120 </div> 121 <pre><code>[](https://go-micro.dev)</code></pre> 122 123 <h3>Light Badge</h3> 124 <div class="badge-preview"> 125 <a href="https://go-micro.dev" target="_blank"> 126 <img src="https://img.shields.io/badge/Powered%20by-Go%20Micro-00ADD8?style=flat&logo=go&logoColor=white" alt="Powered by Go Micro"> 127 </a> 128 </div> 129 <pre><code>[](https://go-micro.dev)</code></pre> 130 131 <h3>Compact Badge</h3> 132 <div class="badge-preview"> 133 <a href="https://go-micro.dev" target="_blank"> 134 <img src="https://img.shields.io/badge/Go-Micro-0366d6?style=flat-square" alt="Go Micro"> 135 </a> 136 </div> 137 <pre><code>[](https://go-micro.dev)</code></pre> 138 139 <h2>HTML Badges</h2> 140 141 <h3>Standard HTML Badge</h3> 142 <div class="badge-preview"> 143 <a href="https://go-micro.dev" target="_blank"> 144 <img src="https://img.shields.io/badge/Powered%20by-Go%20Micro-0366d6?style=for-the-badge&logo=go&logoColor=white" alt="Powered by Go Micro"> 145 </a> 146 </div> 147 <pre><code><a href="https://go-micro.dev" target="_blank"> 148 <img src="https://img.shields.io/badge/Powered%20by-Go%20Micro-0366d6?style=for-the-badge&logo=go&logoColor=white" alt="Powered by Go Micro"> 149 </a></code></pre> 150 151 <h3>Custom SVG Badge</h3> 152 <div class="badge-preview"> 153 <a href="https://go-micro.dev" style="display:inline-block;text-decoration:none;"> 154 <svg width="160" height="32" xmlns="http://www.w3.org/2000/svg"> 155 <rect width="160" height="32" rx="6" fill="#0366d6"/> 156 <text x="16" y="21" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="white"> 157 Powered by Go Micro 158 </text> 159 </svg> 160 </a> 161 </div> 162 <pre><code><a href="https://go-micro.dev" style="display:inline-block;text-decoration:none;"> 163 <svg width="160" height="32" xmlns="http://www.w3.org/2000/svg"> 164 <rect width="160" height="32" rx="6" fill="#0366d6"/> 165 <text x="16" y="21" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="white"> 166 Powered by Go Micro 167 </text> 168 </svg> 169 </a></code></pre> 170 171 <h2>Usage</h2> 172 <p>Add one of these badges to your README.md, documentation, or website footer to show that your project uses Go Micro.</p> 173 174 <h3>Example README</h3> 175 <pre><code># My Awesome Project 176 177  178 179 [](https://go-micro.dev) 180 181 My project does amazing things using Go Micro microservices framework. 182 183 ## Features 184 - Fast and scalable 185 - Built with Go Micro 186 - Production ready</code></pre> 187 188 <div class="guideline"> 189 <h3>Badge Guidelines</h3> 190 <ul> 191 <li>Link the badge to <code>https://go-micro.dev</code> to help others discover Go Micro</li> 192 <li>Use the badge prominently in your README</li> 193 <li>Consider adding it to your project website footer</li> 194 <li>Feel free to customize the colors to match your brand</li> 195 </ul> 196 </div> 197 198 <h2>Showcase Your Project</h2> 199 <p>Built something cool with Go Micro? <a href="https://github.com/micro/go-micro/issues/new" target="_blank">Open an issue</a> to get featured on our homepage!</p> 200 </div> 201 </body> 202 </html>