features a moodboard on one side and synopsis text on the other. there are two custom links in the navigation. the images are 200px squares, and there is an adjustable "image fade" option to make them look cohesive together like a moodboard. you can also set this to zero if you'd like to use your images as is!
edit colors and add image urls in the root section near the top of the code, then scroll down to the html section to add your wip title and synopsis text.
all images in the preview are from unsplash and dupe, where i highly recommend you find images! (instead of pinterest.)
pls like/reblog if you use, let me know if you run into any bugs, and pls don’t remove credit. thanks! ♥
features: large featured image (i suggest using an image url from a site like unsplash). image is 500 x 375px if you want to use a url to your own image. sections include stats, progress bar, synopsis, links, characters, and extra info. you can remove sections you don’t want to use! two fonts, you can use whichever google fonts you want. all colors and text customizations are in the root section at the top of the code.
pls like/reblog if you use, and please don’t remove credit! message me if you have any questions or problems! :)
"The meeting of two personalities is like the contact of two chemical substances: if there is any reaction, both are transformed." — Carl Jung
Hello! As a psychology graduate, I couldn't resist drawing a little inspiration from my roots for my latest directory theme. Named after Carl Jung’s theory of the unconscious, this theme comes in two distinct variations to represent these dualities: Anima (a soft, faded blush pink light theme) and Animus (a sleek, heavy dark mode).
I'm super excited to finally publish this for public use! It's highly organized and perfectly suited for character directories, network pages, or resource blogs.
Tip: You can click the dark mode toggle on the static preview to switch between the Anima and Animus versions!
Directory Features:
Two Distinct Colorways: Choose between Anima (Soft Pink) or Animus (Dark Mode).
Accordion Layout: Clean, click-to-expand categories with inner dropdowns, perfect for organizing large rosters without cluttering the page.
Custom Tooltips: Minimalist hover tooltips for the top navigation menu.
Changelog Dropdown: A built-in status menu in the header to easily display your latest updates.
Floating Widgets: Includes a smooth back-to-top button and a customizable widget link.
Rules:
Keep the Credits: Do not remove or hide the footer credit.
Personal Use Only: No reselling, redistributing, or claiming the theme as your own.
No Base Coding: Do not use this code as a foundation for your own theme releases.
Total Customization: Feel free to change colors, fonts, and images to make it yours!
No Re-hosting: If sharing, please always link back to the original post.
Notes: I really wanted to get this out into the wild for you all to use now! Because of that, a comprehensive Theme Guide detailing exactly how to edit the HTML, add new sections, and customize the accordions is in my theme guide page.
do not remove credit, or take portions of my code for your own page
do not claim as your own
do not use my code as a base
at this time, further customization support is available with a tip.
variation of my theme nausea, without javascript
Instructions on how to customize font/colors/size are within the code itself. If you have general questions please look through the coding tag first before sending me an ask. substantial edits are fine so long as you keep my credit link in and do not distribute your edited version.
This page is completely free. Please support me and my work by liking and reblogging this post.
[ INFORMATION ]
THIS CODE IS 100% JAVASCRIPT FREE !!!
Option for as many muse sliders as you want. Option for more custom links.
All colors and effects are easy editable:
The theme is very responsive and adjusts to all screen sizes.
Colors and design options can all be edited in the root section on top of the css. No need to change anything in the CSS.
Greyfilter on the pictures can be turned off. Option for color overlay over the pictures.
3 Background options: plain color, pattern or background image
If you want to add a new slider for a muse you have to add a new picture at the sidebar section. You find all comments on how to edit and add more muse sliders in the code.
The navigation with the clickable miniature muse pictures at the bottom comes in 2 versions (with and without muse name on top of the picture). The blur effect can be turned off in the root section.
[ GUIDELINES ]
Do not claim as your own.
Do not remove the credit!
Do not use as a base code or take parts of this code for your theme.
Feel free to edit as much as you want!
Click the source link to be redirected to the preview and the code!
