suicas - Tumblr blog

[suicas]

“if fortnite is so good, why haven’t they made fivenite?”

they already did it’s at freddys

[suicas]

[suicas]

[suicas]

[suicas]

[suicas]

page six: poppy — media page with isotope filtering and a slide-in description for each item.

preview / code: pastebin, github

features and options:

isotope filtering with space for multiple filter groups and the ability for users to select multiple filters from the same group.

space for a one to five rating for each media item.

slide-in description with space for links.

responsive for small screen sizes and mobile devices.

notes:

this page uses CSS variables for easier customization and includes instructions on how to edit within the HTML, but you will need basic HTML knowledge to use this page.

images for each media item are 250px x 375px, but will resize automatically without stretching.

credits:

tippy.js tooltips by atomiks

feathericons by Cole Bemis

isotope combination filtering by metafizzy / tutorial by magnusthemes

[suicas]

All in one page: Odessa

An entry for CodingCabin’s Pagecraft Coding Award. Easy to use all-in-one page. This can work both as an about or project page, or anything that needs a lot of text. Features:

5 sections: About, Links (and tags), Blogroll, FAQ, and ask box

Header features a title and a subtitle

Truncated blogroll list, expandable by a pop-up. Truncation is optional; you may disable it in order to show all of the blogs

Collapsible questions on FAQ section, also optional.

Responsive

Credits: Tooltips | Icons

Preview + Install: Preview | Alt. preview | Guide | Install

Instructions are included in the code. If you would like a lengthier, more rambling instructions (+ alternate styling) check out the guide. Some knowledge of HTML may be needed for editing the contents. If you are using this, liking or reblogging is very much appreciated. Let me know if there are any problems!

[suicas]

page one / rue: an all-in-one page 

preview / code: pastebin, github

features: 

five tabs—about, updates, ask and faq, navigation, and blogroll

instructions and notes on how to edit and add your own content are in the code

instructions on how to change the colours and the social media icons under the cut

notes:

made as an entry for codingcabin’s pagecraft challenge

basic knowledge of html and css is highly recommended for editing the code

tumblr’s customize page is buggy so some sections (mainly your blogroll) don’t display properly on the customize page. once you save and exit, it will look fine on your blog

credits:

made using yeoli’s carousel tutorial

icons from font awesome

(updated july 14, 2019 to be fully responsive)

Keep reading

[suicas]

[suicas]

having a permanent full time job is you thinking to yourself “so this is really the rest of my life huh” as you come home every single day before using your 4 hours of recreational activity to do nothing and then going to bed

[suicas]

[suicas]

i dream of living within walking distance of a secondhand bookstore, a quiet café, and a river to sit at with my book and my coffee

[suicas]

[suicas]

[suicas]

Curious Polar bear (Ursus maritimus) standing upright and looking through porthole into the kitchen of arctic expedition ship M/S Stockholm in Svalbard, Spitsbergen, Norway by Andy Rouse               

[suicas]

[suicas]

Tiny, peaceful sceneries