posted Feb 5, 2020 22:24:02 GMT -6 in gallery changelog
[nospaces][googlefont=Inconsolata:400,700|Roboto:400,900]
[attr="class","s-ch-contain"]
[newclass=.s-ch-contain] width:400px; background:#fcfcfc; border-radius:10px; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,.075); margin:10px; [/newclass]
[newclass=.s-ch-contain] display:flex; flex-flow:row-reverse wrap; [/newclass]
[newclass=.s-ch-side] width:25%; background-image:linear-gradient(315deg, #fc5296 0%, #f67062 74%); display:grid; position:relative; grid-template-columns: 1fr 1fr 1fr 1fr; [/newclass]
[newclass=.s-ch-side::after] content: ''; position: absolute; height: 100%; width: 100%; background: url(https://i.ibb.co/SJrqSrh/5px-grid.png); top: 0px; left: 0px; filter: invert(1); opacity: 0.066; z-index: 0; [/newclass]
[newclass=.s-ch-side h1] margin:0px; font:900 30px/42px roboto; text-transform:uppercase; color:#fefefe; writing-mode: vertical-rl; grid-row-start:10; text-shadow:1px 1px rgba(0,0,0,.2); [/newclass]
[newclass=.s-ch-body] padding:50px; width:calc(75% - 100px); font:12px Inconsolata; color:#555; [/newclass]
[newclass=.s-ch-body h2] margin:0px 0px 10px; font:700 20px montserrat alternates; text-align:right; background-image: linear-gradient(90deg, #fc5296 0%, #f67062 74%); background-clip: text; -webkit-background-clip: text; color: transparent; [/newclass]
[attr="class","s-ch-side"]
changelog
[attr="class","s-ch-body"]
look at that! after a SOLID two and a half years since pixel lauched, i finally fricken' got around to coding a gallery code. i think it's nifty! it's also uh....unnamed, bc i can't think of a good song title for it orz. let's just call it v1.0 for now! [break][break]
ngl, using selkie as a sidebar is cute, but at the same time like.....it's important that people know that i was first ok. intsys owes me royalties >:[
v1.0.0
look at that! after a SOLID two and a half years since pixel lauched, i finally fricken' got around to coding a gallery code. i think it's nifty! it's also uh....unnamed, bc i can't think of a good song title for it orz. let's just call it v1.0 for now! [break][break]
ngl, using selkie as a sidebar is cute, but at the same time like.....it's important that people know that i was first ok. intsys owes me royalties >:[
[newclass=.s-ch-contain] width:400px; background:#fcfcfc; border-radius:10px; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,.075); margin:10px; [/newclass]
[newclass=.s-ch-contain] display:flex; flex-flow:row-reverse wrap; [/newclass]
[newclass=.s-ch-side] width:25%; background-image:linear-gradient(315deg, #fc5296 0%, #f67062 74%); display:grid; position:relative; grid-template-columns: 1fr 1fr 1fr 1fr; [/newclass]
[newclass=.s-ch-side::after] content: ''; position: absolute; height: 100%; width: 100%; background: url(https://i.ibb.co/SJrqSrh/5px-grid.png); top: 0px; left: 0px; filter: invert(1); opacity: 0.066; z-index: 0; [/newclass]
[newclass=.s-ch-side h1] margin:0px; font:900 30px/42px roboto; text-transform:uppercase; color:#fefefe; writing-mode: vertical-rl; grid-row-start:10; text-shadow:1px 1px rgba(0,0,0,.2); [/newclass]
[newclass=.s-ch-body] padding:50px; width:calc(75% - 100px); font:12px Inconsolata; color:#555; [/newclass]
[newclass=.s-ch-body h2] margin:0px 0px 10px; font:700 20px montserrat alternates; text-align:right; background-image: linear-gradient(90deg, #fc5296 0%, #f67062 74%); background-clip: text; -webkit-background-clip: text; color: transparent; [/newclass]