Latest Posts by catarthic - Page 4
you can make nearly any object into a good insult if you put ‘you absolute’ in front of it
example: you absolute coat hanger
If you knew me 1+ years ago, and we don’t really talk anymore… you do not know me now. I have changed so much since then and you genuinely don’t know who I am anymore. Your perception of me is of someone who no longer exists, just a past version of myself I grew out of.
How To Make Tumblr Themes: Part I
Introduction
What we will cover in this tutorial:
HTML review (bare minimum you need to make a basic theme)
CSS review (bare minimum you need to make a basic theme)
Meta Tags
Other <Head> codes
Documents and websites we will consult regularly in this tutorial (keep these open in a tab):
W3Schools HTML
W3Schools CSS
Tumblr Theme document
HTML Review
Before making a theme, you should know that HTML consists of tags (keywords surrounded by angular brackets like <html>) and that they come in pairs (opening and closing like <html> and </html>).
You should also already know basic HTML elements such as links, headings, paragraphs, lists, formatting and images. If not, please learn it at the website I provided.
The most common way to group and position things in a website layout is to use div layers or tables. In this basic theme tutorial, I will cover div layers first since it is easiest to understand.
Here is a coding for text that is NOT inside a div layer:
[click for larger view]
Here is a coding for text that is inside a div layer:
[click for larger view]
Also notice that I used CSS to dictate the width and background of the div layer. That is how CSS and HTMl is connected; you can use CSS to demand HTML elements to look and be positioned a certain way. So in order to make columns in tumblr themes, you use CSS to position and “decorate” the div layer which will wrap your columns (ie: posts, sidebar etc).
CSS Review
In relation to what we’ve discussed above, CSS commands HTML elements. So you need to be very familiar with CSS. CSS is the codes between the <style type=“text/css”> and </style> tags (as can be seen in the previous image). In this tutorial, I will use the following terminology:
Now, div layers can either be id-ed or class-ed. The id selector is generally used for a single unique element while the class selector is used for a group of elements. While there is that difference, I discovered it doesn’t matter. You can use id selectors for multiple/repeated layers.
[click for larger view]
In the above, the selector for id is preceded by a “#” (outlined in pink) and the selector for the class is preceded by a “.” (outline in blue). Now, you can use basic CSS properties to specify the position, dimension and style of the layer.
You will need to know 90% of the properties described on this site; particularly background, color, fonts, links, text, margin, padding, z-index, position, display, dimensions and borders. Since it is too much for me to cover them all, please review/learn them before proceeding.
Getting started
Now we’ve gone over the idea of how HTML and CSS will be needed, we can apply it to tumblr themes. So, we start with our basic HTML tags for any basic webpage:
<title></title> is where you specify the title of the blog which will show up on the browser tabs. Looking at the basic variables section of the custom tumblr theme document, you can see {Title} and {block:PostTitle}{PostTitle}{/block:PostTitle}.
{Title} is a “variable” which corresponds to the blog title (which you customize in the customization page). For example, my theme blog title is “ettudis”…
{block:PostTitle}{PostTitle}{/block:PostTitle} corresponds to the title of the post (of the individual posts). The “blocks”, {block:PostTitle} and {/block:PostTitle}, renders so that the post title shows up only when there is a post title (in other words, when you go to the individual post page. For example, the title of my “terms of use” post…
Generally, it is set up so the it’s the {title} followed by a dash, then {block:PostTitle}{PostTitle}{/block:PostTitle}. So, it will look something like this:
<title>{Title} - {block:PostTitle}{PostTitle}{/block:PostTitle}</title>
We also can add in favicons. To make the favicon the same as the blogger’s userpic/profile icon, we can just link to {Favicon}, like so:
<link rel="shortcut icon" href="{Favicon}" />
Meta Tags
The meta tags in tumblr themes are what allows the bloggers to customize the themes colours, upload images, select options, add links etc, as described in the appearance options. Then, you can line up the meta tags to the HTML or CSS.
For colours, it will look something like this:
[click for larger view]
As you can see, the colours in the meta tags can correspond to the HTML or CSS. So the default colours (indicated in the meta tags, ie: #FFFFFF, #000000 etc) are what the colours are if the blogger reset to defaults. If the blogger decides to customize to his/her own colours, the colour he/she chooses will correspond and fill into the HTML or CSS in the live preview.
For custom fonts, it will look similar to:
[click for larger view]
Similar to colours, the meta tags correspond to CSS (or HTML). However, tumblr only provides a few custom fonts (ex: arial, georgia, impact, courier new, helvetica, tahoma, trebuchet ms, times new roman etc) that are selected via a drop-down menu on the customization page.
Now booleans are rather important in tumblr themes. These meta tags allow the bloggers to select an option.
[click for larger view]
In this, the option is whether or not “if infinite scrolling” should be on the blog. The meta content is “1” if there is infinite scrolling as default. If infinite scrolling is not default, it meta content should be “0”.
Outlined in orange, {block:ifinfinitescrolling} and {/block:ifinfinitescrolling} wraps around the HTML (or CSS) that will be activated if the blogger decides to select the infinite scrolling option. If not, then the HTML (or CSS) in {block:ifnotinfinitescrolling} and {/block:ifnotinfinitescrolling} will be activated.
Booleans can apply to anything, such as whether or not to show tags on index page, size of post, number of columns, show side image ~ whatever your imagination allows you!
On this note, this sort-of gives you the idea of how tumblr codes work. The “blocks” act as activators for a certain code that it contains. Remember they always come in pairs as well, an open and closed one.
In the above example, you can see that there are the blocks, {block:Pagination} and {/block:Pagination}. This means that the codes inside these blocks will only show if there are actual pages; so in an individual post page, the pages will not show up.
Another meta tags are text. You can allow bloggers to enter their custom text into a theme. You can do a lot with text, you can also use it as an input for CSS hex numbers, dimensions (they would enter pixels), labels etc etc.
In this particular example, I’ve used custom text as a way for bloggers to enter links. The blocks (in pink), as I’ve explained previously, act as activators for when the bloggers do enter a URL in the “link 1” meta tag (outlined in blue).
Tumblr also allows bloggers to upload images. So bloggers can upload their own background or other images they want (that you specify) into their theme.
[click for larger view]
Shown here, you can see that the meta tag for the background image dictates the CSS body selector (outlined in orange). In the content, you can insert an image (“http://static.tumblr.com/…”) as a default image.
As for the sidebar image meta tag, it uploads the image into the HTML. Blocks (shown in pink) can also be used in case the blogger does not want to upload an image (or if an image is not uploaded, an alternate coding can be shown).
Other <head> codes
You can also insert a {CustomCSS} block at the bottom of the theme’s CSS style block (before </style>) so that bloggers can insert their own CSS if they want to.
There is also a meta tag that is involved in search engines.
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
This allows the description of the blog to show up if the blog is searched on the a search engine (such as google).
And that’s all I have to say about meta tags which is crucial if you plan to make themes for the public use.
Key Points
To clarify and emphasize, the terms, “variable” and “blocks” are what makes up the tumblr theme. Variables are used to insert dynamic data. As we’ve seen in previous example, {Title} is a variable and so are {Image:Sidebar}, {Color:Background}, {Text:Link 1} and so forth. They come in singles, meaning, you do not need to close them.
Blocks are used to render (activate) a block of HTML, CSS, or a set of data. As we’ve seen in previous examples, {block:Title} and {/block:Title} are blocks, and so are {block:ifinfinitescrolling} and {/block:ifinfinitescrolling}, {block:iflink1} and {/block:iflink1}, and {block:ifnotsidebarimage} and {/block:ifnotsidebarimage}. These come in pairs, meaning, you do need to close them similar as to you would close a HTML tag.
The meta tags allow users to customize the theme without editing the HTML/CSS themselves. They only have to customize via the Appearance section on the customization page. We’ve covered all the meta tags that tumblr has: colours, fonts, booleans, text and images. Every meta tag can correspond to a HTML/CSS component. So using HTML and CSS, you can specify the look of a certain variable and meta tags can give customization options for the HTML and CSS.
The End
I think I’ve covered all the basic ideas of what tumblr themes need in order to work. Though this tutorial was more of introduction on just the fundamental foundations of what we’re going to build, next tutorial will get into constructing the tumblr theme using variables, blocks, CSS and HTML.
I hope I was clear, concise and thorough in my explanations. If I missed anything or if something wasn’t clear, please let me know as all of this sort-of comes to me naturally now so I wouldn’t know if I was being abstruse or convoluted.
okay here’s my controversial opinion of the day
it’s okay if the things you like aren’t, like, artistic masterpieces.
not everything has to be deep and full of symbolism and a groundbreaking. it’s okay to just like things because they’re fun or goofy or have characters you really like. it’s honest to god okay to say the things you like are bad, especially since all standards of artistic merit are basically made up anyway.
enjoy the garbage for what it is.
Paint Tool SAI Mini Masterpost
Tutorials & Process
This tutorial
lPart 1 and Part 2 by Spoonzmester
Progress - Lost without Light by NezuPanda
Creating gradients in SAIby HarunaAkatsuki
This Amazing Masterpost on DeviantArt
Easy SAI paint tool tutorial - Cell Shading by TIFFASHY
PTS tutorial Layer clip by Yamio
How I Color on Paint Tool SAI (Voiceover Tutorial) - YouTube
Step-by-Step Digital Painting Tutorial by Qinni on DeviantArt
NEW Paint tool SAI tutorials by ryky on DeviantArt
Brushes
http://ptsbrushes.tumblr.com/
http://painttoolsaibrushes.deviantart.com/
http://irisuhime.deviantart.com/art/Paint-Tool-Sai-brush-set-manual-install-198284016
For digital art theory and techniques, just search on my blog. These are specifically targetted to Paint Tool SAI, but a lot of digital art tutorials would apply.
Hope this helps, @astrikos / @art-res
What Your Favorite Shakespeare Play Says About You:
Romeo and Juliet: You’re either a hopeless romantic or you really like YA lit, or both. Or you’re in high school and just haven’t read any other plays yet.
Hamlet: You’re gay, emo, death-obsessed, or some combination of the above. OR you’re one of those really pretentious types who like to talk about Shakespeare’s ‘masterpiece’ but I don’t think there’s a lot of those on Tumblr I hope
Othello: You’re either in high school in your Edgy Phase where you think Iago is cool, or you just like the speeches.
Macbeth: You either want to be Lady Macbeth, are gay for Lady Macbeth, or think the witches are rad, which they are.
Titus Andronicus: You like slasher movies and also laugh in the face of death, probably.
King Lear: You’ve been around too long and have Seen Some Shit. You like to go for long walks and watch sad movies that you know will make you cry. You feel a lingering sense of despair and are yet ever enchanted by the continuing beauty in a grim and thoughtless world. Or you stan Edmund
Julius Caesar: You took Latin in high school and have very strong opinions about the Republic. You will cry about long-dead Romans at the drop of a hat and you are not ashamed.
Antony and Cleopatra: You’re gay, love war movies, or you only like it because of ‘I wish you all the joy o’ th’ worm’
Coriolanus: You’re REALLY gay and probably most of what’s up there about Julius Caesar applies to you. You have a lot of Feelings also.
Timon of Athens: You love your friends. SO much. Too much
King John: You’re a medieval history nerd in love with the time period, have a weird relationship with your family, or you just like Lady Constance a whole lot.
Richard II: You’re gay, on a first name basis with a lot of dead monarchs, or you really enjoy David Tennant.
Henry IV, part 1: You like buddy comedies and having a good time. You cried when Hotspur died and felt no shame in this fact. You probably also like the entire Second Tetralogy but this one is just the most exciting.
Henry IV, part 2: You watch movie and read books for the theme rather than for entertainment value.
Henry V: You can recite at least one speech from this play from memory, if not more (and will gladly do so if asked). You might be a medieval history nerd, or maybe you just think the battles are cool. You either love Tom Hiddleston or you hate Tom Hiddleston.
Henry VI, part 1: You like Joan of Arc. A LOT. You’re very defensive and excitable. You think banter is funnier than well-played jokes.
Henry VI, part 2: You like Game of Thrones. You have mixed feelings about Humphrey of Gloucester.
Henry VI, part 3: You will defend Henry with your LIFE but he’s not your favorite character. Your favorite is either Margaret of Anjou or Richard of Gloucester. Also, you think death is funny.
Richard III: You’re a self-hating misanthrope, or you’re one of those people who liked Iago in high school but grown up.
Henry VIII: You like Wolsey, probably.
A Midsummer Night’s Dream: You think romance is hilarious and no, you’re not romantic. You actually think love is stupid. Alternatively your favorite genres are fantasy and science fiction and you have Thoughts about the line “though she be but little, she is fierce”
The Comedy of Errors: You’re easygoing. You love a good wholesome comedy without a lot of weird dark stuff. Puns are your favorite thing. You also have a soft spot for family (especially sibling) dynamics.
Twelfth Night: You’re gay as hell but don’t have enough angst-ridden darkness in your soul to enjoy Hamlet. You have all the love of sibling dynamics mentioned for CoE but MORE SO. And you have Opinions about the plight of Malvolio.
The Taming of the Shrew: You lowkey ship Katerina and Petruchio but don’t know why. You secretly love this play but don’t say much about it because it’s really distasteful to modern audiences. Or you spend a lot of time and energy defending it to modern audiences.
Much Ado About Nothing: You wish it would get more notice in the fandom besides the ‘Kill Claudio’ meme but also have to bite your tongue because the meme is actually pretty funny.
As You Like It: You’re gay and you hate the ending of this play. You have rewritten various versions of your own ending.
The Merry Wives of Windsor: You really, really love John Falstaff.
The Two Gentlemen of Verona: You like Romeo and Juliet. And Twelfth Night. You like both of them better than this play, you just feel like someone should stan for Two Gentlemen.
Love’s Labors Lost: MAYHEM IS YOUR LIFE. Also you like a touch of depth to your comedy. Jokes are all well and good, but it’s the ending that really bring the point home.
All’s Well That Ends Well: I don’t actually think anyone likes this play, honestly.
The Merchant of Venice: You like being Conflicted and want a lot of themes in your comedy, dammit! Intrigue? Attempted murder? Racism? Homosexual undertones? Moneylending? Cross-dressing? Lawyer fraud? Weird fairy-tale-esque betrothal games? You want ALL of it.
Measure for Measure: You either love the Duke or hate the Duke. You will protect Isabella with your life. You also kind of like being Conflicted but prefer (somewhat) happier endings than the Merchant crowd.
Troilus and Cressida: You love the Iliad. You actually don’t care about the title characters as much as you care about the war. Most people have not even heard of this play and you will explain in full detail.
Cymbeline: You like fairy tales. Actually you love fairy tales. You’re close to your family, but you have a lot of self-reliance.
Pericles: You probably like mythology and old drama. Also you would kill a man for Marina and think she deserved better.
The Tempest: You loved Harry Potter as a kid. You love adventure stories the best, and have a dreamer’s spirit. You have a lot of opinions about the treatment of Ariel and Caliban, and you almost certainly cried when Ariel left for the last time.
The Winter’s Tale: The use of ‘exeunt, pursued by a bear’ as comedy lowkey rubs you wrong but you’re still slightly enthused about claiming the line for your favorite. You love nature and feel at one with it.
When you start dating somebody and they make a post sayin “Physical attractiveness is not important to me. Its whats inside that counts “
how to avoid education burnout
have 3 achievable goals a day: having a laundry list of things to do everyday is super unrealistic, and you just end up feeling bad about yourself because you didn’t accomplish your goals for the day.
leave your sundays open: i love sundays because they’re my day to chill out and catch up on school work that i wasn’t able to finish during the week.
recognize when you’re at your emotional limits: forcing yourself to get work done when you are unable to comprehend your study material does not benefit anyone.
learn how to say no: people will ask you for your time and it will stretch you to the limit, whether it be at your job, in your extracurriculars, or in your personal life. know when to step back and say no.
take care of yourself physically: take breaks, go for walks, shower regularly, get enough sleep, eat healthy, see your friends
celebrate your accomplishments: go out to eat with friends after a big exam, indulge in a night off after a busy week with some netflix and wine
make a study plan beforehand: it can be daunting to see how much work you need to put in to a class or task beforehand, but this allows you to spread your work evenly so you don’t become overwhelmed.
learn how to ask for help: it is very rare that people make it through school, whether it be high school or university or any graduate program, without needing the advice of others or just a kind soul to vent to. find that person.
never forget your hobbies: you will need things that keep you sane. if you love to play music, write, play volleyball, or cook, make you sure you don’t lose these things. they will become your escape when times get tough.
log off from time to time: it is exhausting to be constantly connected to social media and your email. just physically disconnecting from these for a night to take care of yourself can really help you clear your mind.
Who doesn’t love a good muji trip? ❤ I think that everytime I go to a muji store I get lost by every single thing 😂 Go follow my studygram: @fabiostudy (New posts soon)
John Oliver is literally the sweetest person. This is a message from John for The Trevor Project.
some of yall r SOOO sensitive!! and it’s a good way to be. u have big hearts. I love u
Things My Math Teacher has Said and Done
-”Now I’ll take attendance in the order in which I don’t like you”
-Made us say ‘may I use the potty?’ in a British accent when we need to use the washroom
-”Good morning, how’s my favourite class doing-they just left you would’ve passed them in the hallway”
-Had names for all of the variables: a is for apple pie, b is for brownie, c is for cookie, and D IS FOR DOUGHNUT
-”This is beautiful. Just like if you were in front of a mirror-with me standing in front of you”
-He spent like 10 minutes making sure we understood the difference between cannoli and cannelloni
- “You should join the geek protection squad, we would beat up kids like you”
-On the first day of class he drew an x in the corner of the whiteboard with a box around it and it???? somehow stayed there???? all year?????
-”you should all take French just in case you meet a pretty French lady on a plane like I did”
-We had this closet in the corner of the room, and then it just became a thing to talk about the body in the closet (especially when people not in the class would come in)
-Answered the phone in one of two ways “greetings human” or “Pizza Pizza”
-While we’re talking about phones if someone was being looked for he’d tell them that they were out in the smoking area handing out anti-smoking pamphlets
-”You guys are so loud! People would think you’re Italian or something”
-Once turned the lights on using ‘the force’, a.k.a a lightsaber he kept on his desk, and a student standing under the light switch
-”BIG LIKE HOUSE”
-He told us this story about how a few years ago if a kid was particularly annoying/disruptive he’d send them to a certain teacher to ask for a ‘long stand’ that teacher would take a loooong time looking for this item before sending the kid along to the next teacher (I think there were 4?) anyway, once the kid would get back and be like ‘there is no long stand’ he’d say ‘well weren’t you standing for a long time?’
-There was a girl who had a broken arm, who got moved out of the class when her schedule got rearranged. During attendance he’d call ‘broken arm girl’ first, and she would come into the room before we got there to write stuff like ‘broken arm girl was here’ on the board
-The day before christmas break we just talked about star wars the whole class
-called us all sunshine and when one girl asked why he called her stormy clouds for the rest of the year
-If someone came to borrow something, before he’d give it to them he’d ask if they would like to know where they could get one, and then the whole class would all be like ‘staples’ ‘best buy’ ‘dollar store’ etc
How to be good at interviews:
I’m having next Wednesday my first professional interview (eeeeek) so I decided to share the research I’m doing. I googled all of this and chose the information I found most important, and organized it. I truly hope it’s helpful for someone out there :)
PLAN AND PRACTICE:
always do your homework: learn about the organization, its ideas and story
don’t necessarily memorize responses, but try to have a planned general strategy for answering common interview questions
practice in front of the mirror
be ready to briefly describe related experience
compare your qualifications to what the organization wants from you
COMMON INTERVIEW QUESTIONS:
“What’s your biggest weakness?” Think of a genuine issue you have as well as ways you have managed to work with/around it.
“What’s your biggest strengths?” Stand out from the crowd and don’t be afraid to speak about your strengths in an authentic and compelling way. See if your strengths align with the company’s needs.
“ Why do you want this job?”/ “Why should we hire you?” Stay focused on why your background makes you an ideal candidate and tell them how you are going to contribute to that department and that company.
“Tell me about yourself.” Don’t tell them your life story, instead discuss what your interests are relating to the job and why your background makes you a great candidate.
“Why did you leave your last job/position/school?” Do not go into details about your dissatisfaction, tell them that while you valued the experience and education you received, you felt that the time had come to seek outo a new opportunity, expand your skills and knowledge, and to find a company with wich you could grow. Try to put a positive spin on things. Be honest if you were fired but don’t trash your previous boss.
“Where do you see yourself in five years?” Be honest about what your greater aspirations are.
And much much much more (from your behaviour to work experiences, education, interests and motivation or problems and challeges you’ve faced previously), I would encourage you to try to write down some topics for each questions that work for you. Being prepared is everything.
THE DAY OF THE INTERVIEW:
sleep and eat well so you look rested and healthy on the big day
give yourself time to calm down/meditate/relax
don’t noodle around on your phone or electronic device while waiting - it may communicate boredom and frivolousness, maybe stick your notebook/notes
What to wear: normally it’s best to dress neutral, professionally/formal, not overly fashionable or trendy, and brightly colored clothing is bad. Make sure your clothes are neat and wrinkle free, and make sure your image is very clean and neat.
What to bring: if revelant, extra copies of your resume on quality paper, a notepad or professional binder and pen, information you might need to complete an application.
IMPORTANT TIPS:
make eye contact
show courtesy to everyone during the interview, this means everyone from the reception staff to the interviewer herself
smile
have good posture
avoid fidgeting too much or playing with your hair/touching face
have a good handshake
don’t cross your arms over your chest
walk, act, talk with confidence
be comfortable and relaxed
choose the words you say
don’t place stuff on their desk
manage your reactions - facial and body expressions give clues on how you feel: project a positive image
show interest and enthusiasm
show warmth and personality - being personable is about getting the interviewer’s emotional side to like you and believe in you
don’t lie to make it seem like you know something you don’t. You probably won’t fool your interviewer, and admitting to not know something is much more impressive than lying
be honest
keep things simple and short, talk in 30-90 second chunks. Any less and you’re likely to seem unqualified; any more and your interviewer is likely to lose interest in what you’re saying
THINK OF QUESTIONS TO ASK: participating actively during the interview gives a good impression of your level of interest in the job. Most of times it is more adequeate to ask in the end of the interview. But I feel like you really need to make sure your questions are adequate. Examples:
“What types of training opportunities do you offer?”
“What are the chances for professional growth in this job opportunity?”
“Is there anything else I can provide you with that would be helpful?”
ALWAYS ask the “ When can I expect to hear back from you about the position?” question if the interviewer does not tell you.
Good questions are open-ended, and thus cannot be answered with a “yes” or “no.” Better questions are behavioral: they ask how things are done or have happened in the past, because current and past behavior is the best predictor of future behavior.
AFTER THE INTERVIEW:
shake hands with the interviewer - try to invest some feeling into the handshake and pleasantries, even if you think you bombed the interview
hold your head high and keep your cool
your emotions are probably teetering at the highest of highs or the lowest of lows, but try to stay measured
project a cool confidence, not cockiness, and walk out of the interview with your head held high
SOMETHING TO ALWAYS KEEP IN MIND:
when you know in your heart and your gut that you bring to the table something just as valuable as a paycheck and maybe much more – your tremendous experience, intellect and instinct – you’ll carry yourself differently. You won’t trip over your words in an effort to please His Majesty or Her Highness, because you’ll see yourself and the interviewer as equals on a level playing field.
you are valuable and unique. You have something very special in you and you deserve to be given a chance. good luck!
writing conclusions in papers is like the stupidest thing ever though like what’s the point of dedicating an entire paragraph to “so yeah i know you just read my paper but this is a summarization of what you read in case you need to be reminded about what you just read” like why can’t the paper just end
u know when u have a friendship that is just Very Healthy and fulfilling and every interaction leaves ur heart so satisfied
being touchstarved makes u absolutely buckwild when someone does smth simple like .share a chair with u
Types of Girls: sky edition
Star girls: loves rose gold and glittery makeup, always down to have fun, thrives on excitement, stands up for their friends, self doubt, a night owl, glowing skin
Moon girls: always appears serene, doesn’t like to reveal true feelings, the mom-friend, knows how to make you feel better, sensitive, may be fake-happy
Sun girls: in love with adventures, obsessed with people they like, easily distracted, tries hard to fit in, likes picnics and roses, radiant smile, loves singing
Cloud girls: cute dimply smiles, can bottle up emotions until they burst, enjoys sunsets and lava lamps, likes creating art and photography, carefree
Rain girls: likes diaries and making playlists, easily anxious, feels at peace among nature, sad resting face, very affectionate, has an eye for aesthetics