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 %}