jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2026-02-17 05:21 pm
10billionghosts) wrote2026-02-17 05:21 pm
Entry tags:
EVIDENCE - a muse list/nav code
EVIDENCE is a simple muse list and/or nav code. It can be used as a splash page code if you like your stuff minimalist (check HOW TO USE for instructions).
As per uzh, it's built into a flex grid, so you can have just one instance of the code or multiple and they'll shuffle nicely. In addition to the header, there's space for a leeetle tiny bit of text: around 3 - 4 single-spaced lines worth.
CODE HERE:
HOW TO USE:
❣️ This code is mobile compatible!
❣️ It works as a splash page! Check out Manx's Guide for instructions on how to do that.
❣️ This code comes with ONE "photograph" code by default, but you can add more by copy and pasting additional instances of just the card:name code where indicated.
❣️ BTW I don't actually know if this is obvious but whenever I release a muse list/directory code and I label it as card: name, the intention is that you change "name" to the name of the character you're listing so it's easier to search and edit later.
❣️ Mind the LJ-raw tags, found in the -- info text -- section.
❣️ Don't forget to change instances of #URL_HERE and IMG_URL!
❣️ The -- info text -- section comes with one pre-styled link by default (you can copy paste that to add more.) and one line of plain placeholder text, which you can just delete if you don't want it.
❣️ Expect to fit at most FOUR lines of single-spaced text into the -- info text -- subsection. Two or three looks best.
❣️ This code uses variables to control color values! This means that all important colors for the code are declared at the very top of the code.
❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!
As per uzh, it's built into a flex grid, so you can have just one instance of the code or multiple and they'll shuffle nicely. In addition to the header, there's space for a leeetle tiny bit of text: around 3 - 4 single-spaced lines worth.
HOW TO USE:
❣️ This code is mobile compatible!
❣️ It works as a splash page! Check out Manx's Guide for instructions on how to do that.
❣️ This code comes with ONE "photograph" code by default, but you can add more by copy and pasting additional instances of just the card:name code where indicated.
❣️ BTW I don't actually know if this is obvious but whenever I release a muse list/directory code and I label it as card: name, the intention is that you change "name" to the name of the character you're listing so it's easier to search and edit later.
❣️ Mind the LJ-raw tags, found in the -- info text -- section.
❣️ Don't forget to change instances of #URL_HERE and IMG_URL!
❣️ The -- info text -- section comes with one pre-styled link by default (you can copy paste that to add more.) and one line of plain placeholder text, which you can just delete if you don't want it.
❣️ Expect to fit at most FOUR lines of single-spaced text into the -- info text -- subsection. Two or three looks best.
❣️ This code uses variables to control color values! This means that all important colors for the code are declared at the very top of the code.
- Change one of those colors at the top of the code and you will change every instance of that variable within the greater code!
- --flat:#ebeae9; controls both the "photograph" border AND the color of the text on the header/label.
- --font:#3b3a35; controls JUST the dark gray font in the -- info text -- section only!
- --bckg:#327da3; controls the top banner's background color.
- If you would like a given "photo" to have unique colors, for instance, if you want each banner to be a different color, simply go to the "photo" you want to change and replace that instance of "var(--bckg)" with the hex code of the color you'd like to use.
❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!