From a00cd0d5387015584971ed09d95e9f03a808456d Mon Sep 17 00:00:00 2001 From: marleyrae Date: Tue, 6 Jun 2023 15:42:10 -0700 Subject: [PATCH] :sparkles: feat: New & Up indicators --- dist/index.html | 5 ++--- .../assets/neonlove-lani-icon-pinknew.gif | Bin 0 -> 906 bytes .../assets/neonlove-lani-icon-pinkup.gif | Bin 0 -> 884 bytes dist/style/style.css | 2 +- src/_includes/main-nav.liquid | 2 +- src/_includes/site-info.liquid | 1 - .../assets/neonlove-lani-icon-pinknew.gif | Bin 0 -> 906 bytes .../assets/neonlove-lani-icon-pinkup.gif | Bin 0 -> 884 bytes src/style/components/_Status.scss | 20 ++++++++++++++++++ src/style/components/_index.scss | 1 + 10 files changed, 25 insertions(+), 6 deletions(-) create mode 100644 dist/style/assets/neonlove-lani-icon-pinknew.gif create mode 100644 dist/style/assets/neonlove-lani-icon-pinkup.gif create mode 100644 src/style/assets/neonlove-lani-icon-pinknew.gif create mode 100644 src/style/assets/neonlove-lani-icon-pinkup.gif create mode 100644 src/style/components/_Status.scss diff --git a/dist/index.html b/dist/index.html index 63e27d1..6c1b278 100644 --- a/dist/index.html +++ b/dist/index.html @@ -26,7 +26,7 @@ about manifesto -diary +diary links
@@ -55,8 +55,7 @@ diff --git a/dist/style/assets/neonlove-lani-icon-pinknew.gif b/dist/style/assets/neonlove-lani-icon-pinknew.gif new file mode 100644 index 0000000000000000000000000000000000000000..bdd520577b8f2e59cc030a0b1688b0c378a5fff0 GIT binary patch literal 906 zcmZ?wbhEHblw#mvXlDR{e@wam7asY4`aYO9N{oiU2nqqkpDfHE@9KaEP@Z7mNM~SV z;BeTm;9xTcGlz`Df`y0M1(f*$Bpi|sH;Ks$?dd37mw7*2TKpmGfA!zIq*^a;zZ^KCf}+lndg@ZOQy}KDoi}Inv<1{ Hg~1vCepxcN literal 0 HcmV?d00001 diff --git a/dist/style/assets/neonlove-lani-icon-pinkup.gif b/dist/style/assets/neonlove-lani-icon-pinkup.gif new file mode 100644 index 0000000000000000000000000000000000000000..400f55a6fed2c26c382e12de95b30857d8445853 GIT binary patch literal 884 zcmZ?wbhEHb6lCCGXlDR{e@wam7asY4`aYO9N{oiU2nqqkpDfHE@9KaEP@Z7m2xMSn z;BeTm;9wIIJ72_!4T^^uxYz}zNHjb;(kjl$b)iBa*|kfWxkbkF;$x3KCGRMg$bg1Z kQx#2j?b#8~aCV}ZtyRs8Pl-q7S{ka^cuZMvpn<^}05~!#YXATM literal 0 HcmV?d00001 diff --git a/dist/style/style.css b/dist/style/style.css index b099597..4dfb931 100644 --- a/dist/style/style.css +++ b/dist/style/style.css @@ -1 +1 @@ -*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);min-height:100vh;min-height:100vb;min-width:100vw;min-width:100vi;overflow:hidden}body{color:#18181b;font-family:Imprima,handwriting;font-size:clamp(.75rem,.71rem + .22vw,.88rem);letter-spacing:.6px}b{font-weight:400}:nth-child(7n+1 of i){color:#dc2626}:nth-child(7n+2 of i){color:#ea580c}:nth-child(7n+3 of i){color:#ca8a04}:nth-child(7n+4 of i){color:#65a30d}:nth-child(7n+5 of i){color:#0892a2}:nth-child(7n+6 of i){color:#9333ea}:nth-child(7n+7 of i){color:#db2777}:nth-child(7n+1 of b){color:#dc2626}:nth-child(7n+2 of b){color:#ea580c}:nth-child(7n+3 of b){color:#ca8a04}:nth-child(7n+4 of b){color:#65a30d}:nth-child(7n+5 of b){color:#0892a2}:nth-child(7n+6 of b){color:#9333ea}:nth-child(7n+7 of b){color:#db2777}hr{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border:none;height:clamp(.13rem,.13rem + 0vw,.13rem)}a{cursor:pointer;-webkit-text-decoration:underline}a,a:focus,a:hover{text-decoration:underline}a:focus,a:hover{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.Site-content,.Site-info,.Site-nav,.Site-social,.Site-subNav{background-color:hsla(0,0%,98%,.5);margin:clamp(.19rem,.17rem + .11vw,.25rem);padding:clamp(.75rem,.71rem + .22vw,.88rem)}.Site{display:grid;grid-template:"Site-info Site-content Site-nav" 2fr "Site-social Site-content Site-nav" 2fr "Site-social Site-content Site-subNav" 3fr "Site-title Site-title Site-title" 2fr/1fr 3fr 1fr;height:100%;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem);width:100%}.Site-title{font-family:Bungee Shade,display;font-size:clamp(2.24rem,1.86rem + 1.91vw,3.34rem);font-weight:400;grid-area:Site-title;justify-self:end;padding-right:clamp(.75rem,.71rem + .22vw,.88rem)}.Site-nav{--Site-nav-gridArea:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:var(--Site-nav-gridArea)}.Site-subNav{grid-area:Site-subNav}.Site-content{grid-area:Site-content;padding:clamp(1.13rem,1.06rem + .33vw,1.31rem)}.Site-content>*+*{margin-top:1em}.Site-info{grid-area:Site-info}.Site-social{grid-area:Site-social}.Nav{text-align:right}.Nav-caption{margin-bottom:clamp(.56rem,.52rem + .22vw,.69rem)}.Nav-link{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;letter-spacing:inherit;margin:0;padding:0;text-align:inherit;-webkit-text-decoration:underline;text-decoration:underline;width:100%}.Nav-link:focus,.Nav-link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Nav-link){color:#dc2626}:nth-child(7n+2 of .Nav-link){color:#ea580c}:nth-child(7n+3 of .Nav-link){color:#ca8a04}:nth-child(7n+4 of .Nav-link){color:#65a30d}:nth-child(7n+5 of .Nav-link){color:#0892a2}:nth-child(7n+6 of .Nav-link){color:#9333ea}:nth-child(7n+7 of .Nav-link){color:#db2777}.Social{text-align:center}.Social-webringArrow,.Social-webringLink{color:inherit}.Social-webringArrow{-webkit-text-decoration:none;text-decoration:none}@media(prefers-reduced-motion:no-preference){.Social-webringArrow{transition:letter-spacing .2s}.Social-webringArrow:focus,.Social-webringArrow:hover{letter-spacing:2.4px;-webkit-text-decoration:none;text-decoration:none}}.Social hr{margin-bottom:clamp(.75rem,.71rem + .22vw,.88rem);margin-top:clamp(.75rem,.71rem + .22vw,.88rem)}.Social-badge{display:inline-block}:nth-child(7n+1 of .Social-webring){color:#dc2626}:nth-child(7n+2 of .Social-webring){color:#ea580c}:nth-child(7n+3 of .Social-webring){color:#ca8a04}:nth-child(7n+4 of .Social-webring){color:#65a30d}:nth-child(7n+5 of .Social-webring){color:#0892a2}:nth-child(7n+6 of .Social-webring){color:#9333ea}:nth-child(7n+7 of .Social-webring){color:#db2777} \ No newline at end of file +*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}html{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);min-height:100vh;min-height:100vb;min-width:100vw;min-width:100vi;overflow:hidden}body{color:#18181b;font-family:Imprima,handwriting;font-size:clamp(.75rem,.71rem + .22vw,.88rem);letter-spacing:.6px}b{font-weight:400}:nth-child(7n+1 of i){color:#dc2626}:nth-child(7n+2 of i){color:#ea580c}:nth-child(7n+3 of i){color:#ca8a04}:nth-child(7n+4 of i){color:#65a30d}:nth-child(7n+5 of i){color:#0892a2}:nth-child(7n+6 of i){color:#9333ea}:nth-child(7n+7 of i){color:#db2777}:nth-child(7n+1 of b){color:#dc2626}:nth-child(7n+2 of b){color:#ea580c}:nth-child(7n+3 of b){color:#ca8a04}:nth-child(7n+4 of b){color:#65a30d}:nth-child(7n+5 of b){color:#0892a2}:nth-child(7n+6 of b){color:#9333ea}:nth-child(7n+7 of b){color:#db2777}hr{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border:none;height:clamp(.13rem,.13rem + 0vw,.13rem)}a{cursor:pointer;-webkit-text-decoration:underline}a,a:focus,a:hover{text-decoration:underline}a:focus,a:hover{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.Site-content,.Site-info,.Site-nav,.Site-social,.Site-subNav{background-color:hsla(0,0%,98%,.5);margin:clamp(.19rem,.17rem + .11vw,.25rem);padding:clamp(.75rem,.71rem + .22vw,.88rem)}.Site{display:grid;grid-template:"Site-info Site-content Site-nav" 2fr "Site-social Site-content Site-nav" 2fr "Site-social Site-content Site-subNav" 3fr "Site-title Site-title Site-title" 2fr/1fr 3fr 1fr;height:100%;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem);width:100%}.Site-title{font-family:Bungee Shade,display;font-size:clamp(2.24rem,1.86rem + 1.91vw,3.34rem);font-weight:400;grid-area:Site-title;justify-self:end;padding-right:clamp(.75rem,.71rem + .22vw,.88rem)}.Site-nav{--Site-nav-gridArea:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:var(--Site-nav-gridArea)}.Site-subNav{grid-area:Site-subNav}.Site-content{grid-area:Site-content;padding:clamp(1.13rem,1.06rem + .33vw,1.31rem)}.Site-content>*+*{margin-top:1em}.Site-info{grid-area:Site-info}.Site-social{grid-area:Site-social}.Nav{text-align:right}.Nav-caption{margin-bottom:clamp(.56rem,.52rem + .22vw,.69rem)}.Nav-link{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;letter-spacing:inherit;margin:0;padding:0;text-align:inherit;-webkit-text-decoration:underline;text-decoration:underline;width:100%}.Nav-link:focus,.Nav-link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Nav-link){color:#dc2626}:nth-child(7n+2 of .Nav-link){color:#ea580c}:nth-child(7n+3 of .Nav-link){color:#ca8a04}:nth-child(7n+4 of .Nav-link){color:#65a30d}:nth-child(7n+5 of .Nav-link){color:#0892a2}:nth-child(7n+6 of .Nav-link){color:#9333ea}:nth-child(7n+7 of .Nav-link){color:#db2777}.Social{text-align:center}.Social-webringArrow,.Social-webringLink{color:inherit}.Social-webringArrow{-webkit-text-decoration:none;text-decoration:none}@media(prefers-reduced-motion:no-preference){.Social-webringArrow{transition:letter-spacing .2s}.Social-webringArrow:focus,.Social-webringArrow:hover{letter-spacing:2.4px;-webkit-text-decoration:none;text-decoration:none}}.Social hr{margin-bottom:clamp(.75rem,.71rem + .22vw,.88rem);margin-top:clamp(.75rem,.71rem + .22vw,.88rem)}.Social-badge{display:inline-block}:nth-child(7n+1 of .Social-webring){color:#dc2626}:nth-child(7n+2 of .Social-webring){color:#ea580c}:nth-child(7n+3 of .Social-webring){color:#ca8a04}:nth-child(7n+4 of .Social-webring){color:#65a30d}:nth-child(7n+5 of .Social-webring){color:#0892a2}:nth-child(7n+6 of .Social-webring){color:#9333ea}:nth-child(7n+7 of .Social-webring){color:#db2777}.Status--new:before,.Status--up:before{display:inline-block;height:18px;margin-right:clamp(.38rem,.35rem + .11vw,.44rem);vertical-align:middle}.Status--new:before{content:url(/style/assets/neonlove-lani-icon-pinknew.gif)}.Status--up:before{content:url(/style/assets/neonlove-lani-icon-pinkup.gif)} \ No newline at end of file diff --git a/src/_includes/main-nav.liquid b/src/_includes/main-nav.liquid index 6705343..05dcd69 100644 --- a/src/_includes/main-nav.liquid +++ b/src/_includes/main-nav.liquid @@ -5,7 +5,7 @@ about manifesto -diary +diary links
diff --git a/src/_includes/site-info.liquid b/src/_includes/site-info.liquid index 63b26b1..173f184 100644 --- a/src/_includes/site-info.liquid +++ b/src/_includes/site-info.liquid @@ -1,2 +1 @@ -visitors:
updated: diff --git a/src/style/assets/neonlove-lani-icon-pinknew.gif b/src/style/assets/neonlove-lani-icon-pinknew.gif new file mode 100644 index 0000000000000000000000000000000000000000..bdd520577b8f2e59cc030a0b1688b0c378a5fff0 GIT binary patch literal 906 zcmZ?wbhEHblw#mvXlDR{e@wam7asY4`aYO9N{oiU2nqqkpDfHE@9KaEP@Z7mNM~SV z;BeTm;9xTcGlz`Df`y0M1(f*$Bpi|sH;Ks$?dd37mw7*2TKpmGfA!zIq*^a;zZ^KCf}+lndg@ZOQy}KDoi}Inv<1{ Hg~1vCepxcN literal 0 HcmV?d00001 diff --git a/src/style/assets/neonlove-lani-icon-pinkup.gif b/src/style/assets/neonlove-lani-icon-pinkup.gif new file mode 100644 index 0000000000000000000000000000000000000000..400f55a6fed2c26c382e12de95b30857d8445853 GIT binary patch literal 884 zcmZ?wbhEHb6lCCGXlDR{e@wam7asY4`aYO9N{oiU2nqqkpDfHE@9KaEP@Z7m2xMSn z;BeTm;9wIIJ72_!4T^^uxYz}zNHjb;(kjl$b)iBa*|kfWxkbkF;$x3KCGRMg$bg1Z kQx#2j?b#8~aCV}ZtyRs8Pl-q7S{ka^cuZMvpn<^}05~!#YXATM literal 0 HcmV?d00001 diff --git a/src/style/components/_Status.scss b/src/style/components/_Status.scss new file mode 100644 index 0000000..b1f601a --- /dev/null +++ b/src/style/components/_Status.scss @@ -0,0 +1,20 @@ +@use '../theme'; + +%_Status--before { + display: inline-block; + margin-inline-end: theme.$spacer-2xs; + vertical-align: middle; + block-size: 18px; // stylelint-disable-line rem-over-px/rem-over-px, scale-unlimited/declaration-strict-value +} + +.Status--new::before { + @extend %_Status--before; + + content: url('/style/assets/neonlove-lani-icon-pinknew.gif'); +} + +.Status--up::before { + @extend %_Status--before; + + content: url('/style/assets/neonlove-lani-icon-pinkup.gif'); +} diff --git a/src/style/components/_index.scss b/src/style/components/_index.scss index d6b3726..3beeeaf 100644 --- a/src/style/components/_index.scss +++ b/src/style/components/_index.scss @@ -1,3 +1,4 @@ @forward 'Site'; @forward 'Nav'; @forward 'Social'; +@forward 'Status';