diff --git a/internal/website/index.html b/internal/website/index.html index a7ec5ada..e8e98686 100644 --- a/internal/website/index.html +++ b/internal/website/index.html @@ -140,6 +140,67 @@ .stats a:hover { text-decoration: underline; } + .showcase { + margin: 2.5rem 0 1.5rem; + text-align: left; + } + .showcase h2 { + font-size: 1.35rem; + margin-bottom: 1.25rem; + color: #1a1a1a; + text-align: center; + } + .showcase-grid { + display: grid; + grid-template-columns: 1fr; + gap: 1rem; + } + .showcase-item { + background: #f8f9fa; + border: 1px solid #e5e5e5; + border-radius: 8px; + padding: 1.25rem; + transition: all 0.2s; + } + .showcase-item:hover { + border-color: #0366d6; + box-shadow: 0 4px 12px rgba(3,102,214,0.1); + transform: translateY(-2px); + } + .showcase-item h3 { + font-size: 1.1rem; + margin-bottom: 0.5rem; + color: #0366d6; + display: flex; + align-items: center; + gap: 0.5rem; + } + .showcase-item h3 a { + color: #0366d6; + text-decoration: none; + } + .showcase-item h3 a:hover { + text-decoration: underline; + } + .showcase-item p { + font-size: 0.9rem; + color: #555; + margin-bottom: 0.75rem; + line-height: 1.5; + } + .showcase-tags { + display: flex; + gap: 0.5rem; + flex-wrap: wrap; + } + .showcase-tag { + font-size: 0.75rem; + background: white; + color: #666; + padding: 0.25rem 0.6rem; + border-radius: 4px; + border: 1px solid #d0d7de; + } @media (max-width: 600px) { .container { padding: 2rem 1.5rem; } h1 { font-size: 1.5rem; } @@ -194,6 +255,25 @@ Reference +
+

Built with Go Micro

+
+
+

+ 📝 + Micro Blog +

+

A full-featured microblogging platform demonstrating microservices architecture with users, posts, comments, and real-time feeds.

+
+ Microservices + RPC + Web UI + AGPL 3.0 +
+
+
+
+
23K+ stars on GitHub · Production ready · Apache 2.0 Licensed