From 3f43316a58105c595a2f8c7920d30d652dd20200 Mon Sep 17 00:00:00 2001 From: marleyrae Date: Thu, 8 Jun 2023 16:31:48 -0700 Subject: [PATCH] :sparkles: feat: COLLECTIONS WORKING !! --- dist/style/style.css | 2 +- src/collections/buttons.liquid | 10 ++++- src/collections/collections.11tydata.js | 59 +++++++++++++++++++++++-- src/style/components/_Gallery.scss | 1 + 4 files changed, 67 insertions(+), 5 deletions(-) diff --git a/dist/style/style.css b/dist/style/style.css index 7d3b3b5..42ab822 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;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of i){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of i){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of i){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of i){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of i){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of i){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of b){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of b){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of b){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of b){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of b){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of b){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of b){color:#db2777;color:var(--rainbow-text,#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;max-height:100vh;max-height:100vb;max-width:100vw;max-width:100vi;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem)}.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;overflow:auto;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;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Nav-link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Nav-link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Nav-link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Nav-link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Nav-link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Nav-link){color:#db2777;color:var(--rainbow-text,#db2777)}.Info,.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;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Social-webring){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Social-webring){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Social-webring){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Social-webring){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Social-webring){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Social-webring){color:#db2777;color:var(--rainbow-text,#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)}.Title--sizeH2{font-size:clamp(1.56rem,1.35rem + 1.01vw,2.14rem);font-weight:400;text-transform:uppercase}.Title--sizeH2:after,.Title--sizeH2:before{content:"🌈";font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem)}.Title--sizeH2:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH2:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH3{font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem);font-weight:400;text-transform:uppercase}.Title--sizeH3:after,.Title--sizeH3:before{content:"🌈";font-size:clamp(1.08rem,.98rem + .5vw,1.37rem)}.Title--sizeH3:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH3:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH4{font-size:clamp(1.08rem,.98rem + .5vw,1.37rem);font-weight:400;text-transform:uppercase}.Title--sizeH4:after,.Title--sizeH4:before{content:"🌈";font-size:clamp(.9rem,.83rem + .34vw,1.09rem)}.Title--sizeH4:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH4:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Link{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Link){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Link){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of .List-item){--rainbow-text:#dc2626}:nth-child(7n+2 of .List-item){--rainbow-text:#ea580c}:nth-child(7n+3 of .List-item){--rainbow-text:#ca8a04}:nth-child(7n+4 of .List-item){--rainbow-text:#65a30d}:nth-child(7n+5 of .List-item){--rainbow-text:#0892a2}:nth-child(7n+6 of .List-item){--rainbow-text:#9333ea}:nth-child(7n+7 of .List-item){--rainbow-text:#db2777}.List-item::marker{color:var(--rainbow-text)}.Gallery{display:flex;gap:clamp(.38rem,.35rem + .11vw,.44rem)}.UpdateBox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;margin-left:auto;margin-right:auto;padding:clamp(.75rem,.71rem + .22vw,.88rem);text-align:center;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.UpdateBox>*+*{margin-top:clamp(.38rem,.35rem + .11vw,.44rem)}.Cbox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;font-size:0;line-height:0;margin:clamp(1.13rem,1.06rem + .33vw,1.31rem) auto 0;position:relative;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.Cbox-messages{-webkit-overflow-scrolling:touch;height:175px;overflow:auto}.Cbox-form,.Cbox-messages{border:0 solid;position:relative}.Cbox-form{height:100px;overflow:hidden}.u-textCenter{text-align:center} \ 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;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of i){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of i){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of i){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of i){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of i){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of i){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of b){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of b){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of b){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of b){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of b){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of b){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of b){color:#db2777;color:var(--rainbow-text,#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;max-height:100vh;max-height:100vb;max-width:100vw;max-width:100vi;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem)}.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;overflow:auto;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;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Nav-link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Nav-link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Nav-link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Nav-link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Nav-link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Nav-link){color:#db2777;color:var(--rainbow-text,#db2777)}.Info,.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;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Social-webring){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Social-webring){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Social-webring){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Social-webring){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Social-webring){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Social-webring){color:#db2777;color:var(--rainbow-text,#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)}.Title--sizeH2{font-size:clamp(1.56rem,1.35rem + 1.01vw,2.14rem);font-weight:400;text-transform:uppercase}.Title--sizeH2:after,.Title--sizeH2:before{content:"🌈";font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem)}.Title--sizeH2:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH2:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH3{font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem);font-weight:400;text-transform:uppercase}.Title--sizeH3:after,.Title--sizeH3:before{content:"🌈";font-size:clamp(1.08rem,.98rem + .5vw,1.37rem)}.Title--sizeH3:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH3:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH4{font-size:clamp(1.08rem,.98rem + .5vw,1.37rem);font-weight:400;text-transform:uppercase}.Title--sizeH4:after,.Title--sizeH4:before{content:"🌈";font-size:clamp(.9rem,.83rem + .34vw,1.09rem)}.Title--sizeH4:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH4:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Link{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Link){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Link){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of .List-item){--rainbow-text:#dc2626}:nth-child(7n+2 of .List-item){--rainbow-text:#ea580c}:nth-child(7n+3 of .List-item){--rainbow-text:#ca8a04}:nth-child(7n+4 of .List-item){--rainbow-text:#65a30d}:nth-child(7n+5 of .List-item){--rainbow-text:#0892a2}:nth-child(7n+6 of .List-item){--rainbow-text:#9333ea}:nth-child(7n+7 of .List-item){--rainbow-text:#db2777}.List-item::marker{color:var(--rainbow-text)}.Gallery{display:flex;flex-wrap:wrap;gap:clamp(.38rem,.35rem + .11vw,.44rem)}.UpdateBox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;margin-left:auto;margin-right:auto;padding:clamp(.75rem,.71rem + .22vw,.88rem);text-align:center;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.UpdateBox>*+*{margin-top:clamp(.38rem,.35rem + .11vw,.44rem)}.Cbox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;font-size:0;line-height:0;margin:clamp(1.13rem,1.06rem + .33vw,1.31rem) auto 0;position:relative;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.Cbox-messages{-webkit-overflow-scrolling:touch;height:175px;overflow:auto}.Cbox-form,.Cbox-messages{border:0 solid;position:relative}.Cbox-form{height:100px;overflow:hidden}.u-textCenter{text-align:center} \ No newline at end of file diff --git a/src/collections/buttons.liquid b/src/collections/buttons.liquid index 78d9ac1..fa44380 100644 --- a/src/collections/buttons.liquid +++ b/src/collections/buttons.liquid @@ -1,4 +1,12 @@ --- layout: layout.liquid --- -{{ collections }} +
+ {% for source in buttons %} + {% for button in source[1] %} + + {{ source[0] }} + + {% endfor %} + {% endfor %} +
diff --git a/src/collections/collections.11tydata.js b/src/collections/collections.11tydata.js index 65bc0c8..2e06f92 100644 --- a/src/collections/collections.11tydata.js +++ b/src/collections/collections.11tydata.js @@ -1,20 +1,73 @@ const {readdir} = require('node:fs/promises') const {resolve} = require('node:path') +const credits = { + key: 'https://keysklubhouse.neocities.org/', + GIFCollection: 'https://cyber.dabamos.de/88x31/', + cinni: 'https://cinni.net/', + fairytrash: 'https://fairytrash.neocities.org/portal/oldweb.html', + 'webcore-galore': 'https://www.deviantart.com/webcore-galore', + 'molly-stamps': 'https://www.deviantart.com/molly-stamps', + murderawrz: 'https://www.deviantart.com/murderawrz', + 'minecr-aft': 'https://www.deviantart.com/minecr-aft', + gaarumageddon: 'https://www.deviantart.com/gaarumageddon', + morecentipedes: 'https://www.deviantart.com/morecentipedes/', + gendercute: 'https://www.deviantart.com/gendercute', + uzkost: 'https://www.deviantart.com/uzkost', + fawntoy: 'https://www.deviantart.com/fawntoy', + antikrist: 'https://antikrist.neocities.org/', + panstarry: 'https://www.deviantart.com/panstarry', + 'rogue-ranger': 'https://www.deviantart.com/rogue-ranger', + 'virus-xenon': 'https://www.deviantart.com/virus-xenon', + kittyjewelpet78: 'https://www.deviantart.com/kittyjewelpet78', + dustyhyena: 'https://www.deviantart.com/dustyhyena', + 'sugary-stardust': 'https://www.deviantart.com/sugary-stardust', + tamriei: 'https://www.deviantart.com/tamriei', + '100hosts': 'https://www.deviantart.com/100ghosts', + dameinatrix: 'https://www.deviantart.com/dameinatrix', + nyanfuw: 'https://www.deviantart.com/nyanfuw', + skystamps: 'https://www.deviantart.com/skystamps', + 'hyper--drunk': 'https://www.deviantart.com/hyper--drunk', + stampmakerlkj: 'https://www.deviantart.com/stampmakerlkj', + beepudding: 'https://www.deviantart.com/beepudding', + princessskyler: 'https://www.deviantart.com/princessskyler', + buniis: 'https://www.deviantart.com/buniis', + goredoq: 'https://www.deviantart.com/goredoq', + ufocatchers: 'https://www.deviantart.com/ufocatchers', + stitchlovergirl96: 'https://www.deviantart.com/stitchlovergirl96', + midousujii: 'https://www.deviantart.com/midousujii', + glittersludge: 'https://www.deviantart.com/glittersludge', + amekin: 'https://www.deviantart.com/amekin', + stratosqueer: 'https://www.deviantart.com/stratosqueer', + puppystamps: 'https://www.deviantart.com/puppystamps', + turbuggy: 'https://www.deviantart.com/turbuggy', + aestheticstamps: 'https://www.deviantart.com/aestheticstamps', + kittyjewelpet74: 'https://www.deviantart.com/kittyjewelpet74', + 'king-lulu-deer': 'https://www.deviantart.com/king-lulu-deer', + 'r0se-designs': 'https://www.deviantart.com/r0se-designs', + aomiarmster: 'https://www.deviantart.com/aomiarmster', + 'nerdy-pixel-girl': 'https://www.deviantart.com/nerdy-pixel-girl', + crystalstamps: 'https://www.deviantart.com/crystalstamps', +} + module.exports = async function () { const imagesDir = 'src/collections/images' let collections = {} const categories = await readdir(resolve(imagesDir)) for (const category of categories) { - collections[category] = await readdir(resolve(`${imagesDir}/${category}`)) + collections[category] = {} - for (const source of collections[category]) { + const sources = await readdir(resolve(`${imagesDir}/${category}`)) + + for (const source of sources) { collections[category][source] = (await readdir(resolve(`${imagesDir}/${category}/${source}`), {withFileTypes: true})) .map(item => item.name) } } - return {collections: collections} + collections.credits = credits + console.log(collections.buttons) + return collections } diff --git a/src/style/components/_Gallery.scss b/src/style/components/_Gallery.scss index 962c415..74d4653 100644 --- a/src/style/components/_Gallery.scss +++ b/src/style/components/_Gallery.scss @@ -2,5 +2,6 @@ .Gallery { display: flex; + flex-wrap: wrap; gap: theme.$spacer-2xs; }