diff --git a/blog/static/style.css b/blog/static/style.css index 6e96b29..ec8d6f8 100644 --- a/blog/static/style.css +++ b/blog/static/style.css @@ -100,6 +100,26 @@ img { max-width: 100%; height: auto; } } .site-nav a:hover { color: #fff; } +.site-nav__icon-link { + display: inline-flex; + align-items: center; + justify-content: center; + width: 2rem; + height: 2rem; + border: 1px solid rgba(203, 213, 225, 0.35); + border-radius: 999px; +} + +.site-nav__icon-link svg { + width: 0.95rem; + height: 0.95rem; + fill: currentColor; +} + +.site-nav__icon-link:hover { + border-color: rgba(255, 255, 255, 0.65); +} + .setup-warning { background: #fef08a; color: #713f12 !important; diff --git a/blog/templates/base.html b/blog/templates/base.html index 9136841..7b05049 100644 --- a/blog/templates/base.html +++ b/blog/templates/base.html @@ -34,6 +34,18 @@ Home Config GitHub + + + {% if not has_social_links %}