![]() clientWidth Ĭonst viewportHeight = document. const heartTypes= Ĭonst viewportWidth = document. feel free to use, but must give credit, link back to this page I thought the single column look and cute post info “bubbles” had aged well and wanted to create a more up-to-date version that supported NPF posts.This page shows you how to use JavaScript to create a “raining hearts” or “falling snow” effect. Layout-wise, this was inspired by and named after Peter Vidani’s Papercut theme, the first I ever used on Tumblr. By nature this is a very low-key, low-contrast sort of style, which in my experience has a soothing effect - but a “flat mode” does exist too, with the drop shadows replaced by borders, for those who prefer the 2010s look. This theme experiments with neumorphism - a modern response to the skeuomorphic UI styles of the 2000s, when designers tended to make elements look realistic and not just like flat objects on a screen. My first time submitting something to the theme garden, haha. appreciate the hours spent on this free theme by pressing the ♡ button, giving this post a reblog or by following the link right under to my ko-fi page.the credits are non-negotiable, ergo, don’t touch my credits unless it is to fit with your colour-palette.don’t claim it as your own, don’t redistribute and much less steal parts of the code and use it elsewhere.lastly, the pinned function has also been added.the possibility of toggling the characters’s page on or off / if off, an extra link will appear.― however, if the notes number equals to zero or there’s no source code to be found, these two won’t display there are three links at the bottom of a post - one displaying the post’s number notes and two more holding the reblog button and the source code.font size and navigation links can also be changed right on tumblr’s appearance panel.background, container, links, hover, frames and titles the colour-palette can be changed according to taste without having to go into the code ― e. ![]() each character’s image needs to be 160 x 100.the image in the navigation popup needs to be 180 x 320.the sidebar image needs to be 250 x 330.― one page for the navigation and another for the characters if you have any questions, message me and i’ll try to help asap. I tried to make it as uncomplicated as possible and very user friendly, with enough notes across the code so you change it easily but the bigger/about everything can be adapted right from the appearance panel, no coding knowledge necessary. progressing from 6 pm to midnight) and quarter_progress to 0.5, which means it’s halfway between its start and end state, aka 9 pm. you can simply override the calculation and manually insert values for the precise time you’d like to make the default.įor example, you can set day_quarter to 4 (meaning it’s literally the fourth quarter of the day, i.e. if the time cycle is enabled, then every time the page is loaded the browser requests the time from the computer’s clock and calculates the values of those variables, which it then uses to figure out what the sky should look like at that time. The simplest way to do it would be to go to the javascript section of the code (enclosed in the tags) and look for the variables day_quarter and quarter_progress in the function change_colors() block. Technically there is, but because of the way i’ve set up the code for 2.0 it’s more complicated than just flipping the day/night switch, which is why i didn’t include it as a fixed state in the options.
0 Comments
Leave a Reply. |