From f858488891206b3dfc33e891b51f2e0c2592a16e Mon Sep 17 00:00:00 2001 From: Gordon Pedersen Date: Mon, 13 May 2024 12:14:52 +1000 Subject: [PATCH] beginning the process of getting my profile in the blog --- js/fediverse.js | 2 +- js/luxon.min.js | 2 +- weblog/B0. Template/styles.css.md | 84 ++++++++++++++++++++++++++++++- weblog/B9. Pages/B9.01 home.md | 6 --- weblog/B9. Pages/profile.md | 5 ++ 5 files changed, 89 insertions(+), 10 deletions(-) delete mode 100644 weblog/B9. Pages/B9.01 home.md create mode 100644 weblog/B9. Pages/profile.md diff --git a/js/fediverse.js b/js/fediverse.js index a2d5558..3426dde 120000 --- a/js/fediverse.js +++ b/js/fediverse.js @@ -1 +1 @@ -./weblog/B0. Template/fediverse.js.md \ No newline at end of file +../weblog/B0. Template/js/fediverse.js.md \ No newline at end of file diff --git a/js/luxon.min.js b/js/luxon.min.js index 2d8cb4b..5422710 120000 --- a/js/luxon.min.js +++ b/js/luxon.min.js @@ -1 +1 @@ -./weblog/B0. Template/luxon.min.js.md \ No newline at end of file +../weblog/B0. Template/js/luxon.min.js.md \ No newline at end of file diff --git a/weblog/B0. Template/styles.css.md b/weblog/B0. Template/styles.css.md index 1cdf94f..acad3dd 100644 --- a/weblog/B0. Template/styles.css.md +++ b/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; + } } \ No newline at end of file diff --git a/weblog/B9. Pages/B9.01 home.md b/weblog/B9. Pages/B9.01 home.md deleted file mode 100644 index 4af8d47..0000000 --- a/weblog/B9. Pages/B9.01 home.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -type: page -location: / ---- - -# Home Page \ No newline at end of file diff --git a/weblog/B9. Pages/profile.md b/weblog/B9. Pages/profile.md new file mode 100644 index 0000000..00d1572 --- /dev/null +++ b/weblog/B9. Pages/profile.md @@ -0,0 +1,5 @@ +--- +type: page +location: /profile +--- +{profile} \ No newline at end of file