Verify nip05 address, display status

assets/css/layout.css

@@ -108,6 +108,14 @@ main.profile-page header {
   margin-bottom: 2rem;
 }
 
+main.profile-page header h1 {
+  margin-bottom: 0;
+}
+
+main.profile-page header .nip05 {
+  font-size: 1rem;
+}
+
 main.profile-page img.avatar {
   height: 8rem;
   width: 8rem;
@@ -134,6 +142,14 @@ main article footer {
   margin-top: 5rem;
 }
 
+.nip05 .verified,
+.nip05 .not-verified {
+  margin-left: 0.3rem;
+  padding: 0.1em 0.3em;
+  border-radius: 5px;
+  cursor: default;
+}
+
 /* Dropdown menu */
 
 .dropdown {
@@ -202,7 +218,7 @@ main article footer {
     margin: 4rem 1rem 8rem 1rem !important;
   }
 
-  .profile-page h1 {
+  main.profile-page h1 {
     margin-top: 2rem;
   }
 

assets/css/themes/default-light.css

@@ -68,10 +68,24 @@ main header .meta .name a {
   color: var(--text-color-body);
 }
 
+main.profile-page header .nip05 {
+  color: var(--text-color-discreet);
+}
+
 main.profile-page .pubkey {
   color: var(--text-color-discreet);
 }
 
+.nip05 .verified {
+  background-color: #e8e3da;
+  color: #027739;
+}
+
+.nip05 .not-verified {
+  background-color: #e8e3da;
+  color: #770202;
+}
+
 /* Dropdown menu */
 
 .dropdown {