I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN

Tags

fandom

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

Tags

meme good thoughts tag

20K notes View Post

catarthic

6 years ago

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:

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.

Tags

coding

6K notes View Post

catarthic

6 years ago

Bruce + Tony’s clothes

Tags

marvel not studyblr

12K notes View Post

catarthic

6 years ago

ladies…stan yourself

Tags

wholesome

55K notes View Post

catarthic

6 years ago

Tags

reminder

9K notes View Post

catarthic

6 years ago

date a boy who makes you feel the way music does

Tags

aesthetic

30K notes View Post

catarthic

6 years ago

How to study like a straight A student

I did really well during my first year of college, and aside from a B+ in statistics (which was really good for me, haha! I’m not good at math), I had A’s in all of my classes. I’m certain that the reason I did so well was due to the way that I figured out how to study, so here are some tips I have based on what I did to study this past year!

1. Sit in the front row.

This isn’t high school anymore, it’s not embarrassing or nerdy to sit in the front row. By sitting in the front row, you won’t be tempted to check your phone and you won’t be distracted by looking at the people around you. I focus best in the front row. This also gives you a chance to easily ask any questions you have.

2. Show up to class a little early.

Show up to class about five minutes early every day, if possible. During the time it takes your professor to get set up, read through your previous notes. If you do this every day, you’ll begin to memorize info that you certainly wouldn’t have learned if you spent those five minutes before class just scrolling through tumblr.

3. Type your notes and print them out.

If you prefer to spend a lot of time on hand written notes, then go crazy. However, I don’t really have time to make aesthetic notes, so I prefer to just write my notes by hand during class, then copy them into microsoft word so I can organize and print them out. This makes the notes much easier to read, and it’s much easier on the eyes.

4. Do every assignment. Yes, EVERY assignment.

I don’t know why there’s advice floating around on tumblr telling people that it’s okay to skip a ton of homework assignments, because I definitely wouldn’t recommend it at all. Of course some assignments might be stupid or seem too small to matter, but if you’re being graded on them, you need all the points you can get. Trust me, just because homework assignments only account for 10-15% of your final grade, that doesn’t mean that they won’t be the difference between a B+ and an A-. Think about it: if your homework is 10% of your grade and you didn’t do it, you would literally have to get NOTHING wrong on your exams just to get the lowest A- possible.

5. Don’t skip. Don’t skip. Don’t skip.

Don’t skip if you can help it. If there is a serious emergency and you really can’t make it, try your hardest to get the best notes you can from someone who was in class. There’s nothing worse than sitting down for a test and realizing that a ton of the questions are about content you missed when you were absent.

6. Go over material in your head when you’re not busy.

If you’re in the shower or waiting in line at the cafe, go over class material in your head. Think about what you learned that day. If you do this often, this will help significantly with retention.

7. Make flashcards throughout the semester, not the night before the final.

Don’t be one of those students who has to relearn an entire textbook the week before finals. If you’re studying right, studying for finals should be relatively painless. Throughout the semester, make flashcards of class content and regularly go over them. The easiest way to do this is to use quizlet.com and fill in definitions and other things you need to know, and use their helpful games and quizzes to memorize the info. It even keeps track of the definitions you rarely get wrong, so you know what you don’t need to study as much.

8. Makes specific agendas for what you need to study and get done.

When I study, I need to have a very specific to-do list detailing exactly what I want to get done. This will motivate you to keep going because you’re able to check off what you’ve already done.

9. Don’t get discouraged by a bad grade- take it as motivation.

This is much easier said than done, but I had to do this in my western civilization class when I very nearly failed the first set of exams. If this happens to you, you should definitely take time to be upset about the grade, but don’t let yourself think it’s the end of the world. If you do badly, at least you know what to expect on the next assignment/exam so you know how to alter your studying to prepare for the next one. You can do it! I started western civ with a high D+ after my first exams, but I pulled out with an A- at the end of the semester!

Tags

study Advice

55K notes View Post

catarthic

4 years ago