beginning the process of getting my profile in the blog

js/fediverse.js

@@ -1 +1 @@
-./weblog/B0. Template/fediverse.js.md
+../weblog/B0. Template/js/fediverse.js.md

js/luxon.min.js

@@ -1 +1 @@
-./weblog/B0. Template/luxon.min.js.md
+../weblog/B0. Template/js/luxon.min.js.md

weblog/B0. Template/styles.css.md

@@ -28,7 +28,8 @@ Location: /styles.css
   --font-em-weight: 400;
 
   --paper-texture-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.4' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeDropShadow dx='0' dy='0' flood-color='%23888' flood-opacity='.5' stdDeviation='1'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
-  --shadow: 1px 2px 0.5em 1px rgba(17, 17, 17, 0.2)
+  --shadow: 1px 2px 0.5em 1px rgba(17, 17, 17, 0.2);
+  --neon-glow-gradient: linear-gradient(45deg, #e200fb, #461036, #9100ff,#bf72f0, #5600ff, #e000fb, #5d1489, #7c519d,#730275, #934eaf);
 }
 
 @media (prefers-color-scheme: light) {
@@ -62,7 +63,6 @@ article,
 main.page,
 main>nav,
 .card {
-  display: block;
   max-width: 42em;
   border-radius: 1em;
   margin: 3em auto;
@@ -399,4 +399,84 @@ fedi-social a {
 fedi-social i::before {
   font-size: 32px;
   line-height: 48px;
+}
+
+
+
+main.page {
+  position: relative;
+}
+
+
+main.page:has(>.home)::before,
+main.page:has(>.home)::after {
+  content: '';
+  position: absolute;
+  left: -2px;
+  top: -2px;
+  background: var(--neon-glow-gradient);
+  background-size: 300%;
+  width: calc(100% + 3px);
+  height: calc(100% + 3px);
+  z-index: -1;
+  animation: glow 30s linear infinite;
+  border-radius: 1em;
+}
+
+main.page:has(>.home)::after {
+  filter: blur(50px);
+}
+
+.home img.u-photo {
+  border-radius: 50%;
+  max-height: 200px;
+  max-width: 200px;
+  box-shadow: 0 0 1em 1px var(--primary-muted), 0 0 .5em 1px var(--white-glow);
+}
+
+.home{
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2em;
+  flex-direction: row;
+  align-items: center;
+}
+.home>*{
+  flex: 1;
+  min-width: 17em;
+  text-align: left;
+}
+.home>:first-child {
+  text-align: center;
+}
+
+.home>nav ul {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+  list-style: none;
+  padding:0;
+  
+  li {
+    display: flex;
+    flex-direction: row;
+    gap: 0.5em;
+    align-items: center;
+
+    &>i {
+      min-width:20px;
+    }
+  }
+}
+
+@keyframes glow {
+  0% {
+    background-position: 0 0;
+  }
+  50% {
+    background-position: 400% 0;
+  }
+  100% {
+    background-position: 0 0;
+  }
 }

weblog/B9. Pages/B9.01 home.md

@@ -1,6 +0,0 @@
----
-type: page
-location: /
----
-
-# Home Page

weblog/B9. Pages/profile.md

@@ -0,0 +1,5 @@
+---
+type: page
+location: /profile
+---
+{profile}