I Am So Gentle And Kind Hearted

i am so gentle and kind hearted

Tags

More Posts from Catarthic and Others

6 years ago

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 


Tags
6 years ago
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN
I LOVE THEM ALL SO MUCH… BUT TAN WINS HANDS DOWN

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


Tags
6 years ago
It Just Dawned On Me I Was In Love With My Best Friend 6 Months Ago. I Didn’t Really Realise It At
It Just Dawned On Me I Was In Love With My Best Friend 6 Months Ago. I Didn’t Really Realise It At
It Just Dawned On Me I Was In Love With My Best Friend 6 Months Ago. I Didn’t Really Realise It At
It Just Dawned On Me I Was In Love With My Best Friend 6 Months Ago. I Didn’t Really Realise It At

It just dawned on me I was in love with my best friend 6 months ago. I didn’t really realise it at the time and it’s something that I really only kind of came to appreciate and understand now. My early twenties, I was an international disaster. I didn’t know myself and I was just listening to music that would try to appease the existential angst. But, I went through it and i’m here today. So, i’m fine.


Tags
6 years ago
A Map Of The Moon.

a map of the moon.

Available as a print here.


Tags
6 years ago

What philosopher should YOU fight

there are a lot of philosophers out there, and they all need to get pummeled. here’s the chances that you’ll come out on top in no particular order.

Socrates  Who wins: Socrates  Look, there is a -100% chance that Socrates lands a KO, but that’s because he doesn’t need to. you come in spoiling for a fight and by the end of it you’re seriously debating whether you can truly claim to have ownership of your arms. It makes you want to fight him more and then you just get deeper into the spiral. don’t bother.

Plato  Who wins: Plato Sorry, but his name literally means ‘burly guy.’ you’re not going to win this one.

Aristotle Who wins: You Ok actually I don’t know who wins here but Aristotle needs to be beaten up so badly. Please punch him. I’ll help.

Diogenes:  Who wins: Diogenes I get why you want to fight him. I want to fight him. Everyone wants to fight him. don’t do it tho. His entire life is a series of him asking people to fight him and he still lived to one million years old. Don’t do it.

Epicurus  Who wins: Epicurus Jesus don’t fight Epicurus. dude does NOT care. your punches will be like water off a ducks back.

Kant Who wins: Nobody I forget the argument I was going to make because I just looked him up and he looks like a weird adult baby.

image

you’ll win this one but why do you want to fight an adult baby. Avoid.

Voltaire Who wins: You sidenote: is there a single picture where Voltaire doesn’t look punchable?

image

honestly. anyway, look at the guy, he’s like 20 pounds. punch him. 

Hume Who wins: Hume ‘In 1731, he was afflicted with a ravenous appetite and palpitations of the heart. After eating well for a time, he went from being “tall, lean and raw-bon'd” to being “sturdy, robust [and] healthful-like”’ HE GOT ILL AND IT ONLY MADE HIM STRONGER. AVOID.

Hegel Who wins: ??? I honestly don’t know but ughhhhhhh he’s so smuuuuuug. Do it. Beat up Hegel.

Kierkegaard Who wins: You Like, the entire Concept of Anxiety. there is no way you could lose this fight. go for it. 

Spinoza Who wins: You But you won’t feel good about it. All this scrawny man wants to do is grind up some lenses and maybe watch some spiders making a web if its a wild day. Don’t fight Spinoza.

Descartes Who wins: Descartes Guy was a mercenary. He like, did fencing. Don’t fight Descartes.

Nietzsche Who wins: You Use his moustache as a pulley and kick him in the chest. When you knock him out whisper ‘human, all too human….’, and laugh.

John Stuart Mill 

Who wins: You JSM is the proto weird atheist guy who corners you and insists on going on and on about Richard Dawkins. You could take him easy. Fight John Stuart Mill.

Schopenhauer Who wins: Schopenhauer  He believed that the world is fundamentally unsatisfied and in search of satisfaction?? This man is DYING to punch somebody. Don’t do it.


Tags
6 years ago

not to sound like jane austen or anything but if ur fic is labelled slow burn those two fucks better not even touch pinkies until like chapter 57 by the time they are even in a room alone together i want to be half dead of blueballs and i want their heated gazes to revive me im js 


Tags
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:

How To Make Tumblr Themes: Part I

[click for larger view]

Here is a coding for text that is inside a div layer:

How To Make Tumblr Themes: Part I

[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:

How To Make Tumblr Themes: Part I

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. 

How To Make Tumblr Themes: Part I

[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:

How To Make Tumblr Themes: Part I

<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”…

How To Make Tumblr Themes: Part I

{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…

How To Make Tumblr Themes: Part I

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:

How To Make Tumblr Themes: Part I

[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:

How To Make Tumblr Themes: Part I

[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.

How To Make Tumblr Themes: Part I

[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. 

How To Make Tumblr Themes: Part I

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. 

How To Make Tumblr Themes: Part I

[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
6 years ago
@hogwartshousesnet july Event: Favorite Class  — Astronomy
@hogwartshousesnet july Event: Favorite Class  — Astronomy
@hogwartshousesnet july Event: Favorite Class  — Astronomy
@hogwartshousesnet july Event: Favorite Class  — Astronomy

@hogwartshousesnet july event: favorite class  — astronomy

Astronomy is a core class and subject taught at Hogwarts School of Witchcraft and Wizardry. Astronomy is a branch of magic that studies stars and the movement of planets. It is a subject where the use of practical magic during lessons was not necessary.


Tags
Loading...
End of content
No more pages to load
  • rocklandjbrin
    rocklandjbrin liked this · 2 weeks ago
  • celestialmantdonna
    celestialmantdonna reblogged this · 2 weeks ago
  • catyinbloom
    catyinbloom liked this · 2 weeks ago
  • sleepydreameroncloud9
    sleepydreameroncloud9 reblogged this · 4 weeks ago
  • ohsheiscrazy
    ohsheiscrazy liked this · 1 month ago
  • kostek-da
    kostek-da liked this · 1 month ago
  • celestialmantdonna
    celestialmantdonna liked this · 1 month ago
  • babyyashyy
    babyyashyy liked this · 2 months ago
  • milyaket
    milyaket reblogged this · 2 months ago
  • elnegro227
    elnegro227 liked this · 2 months ago
  • jannerdy
    jannerdy reblogged this · 3 months ago
  • rubbarband
    rubbarband reblogged this · 3 months ago
  • adam--bomb
    adam--bomb reblogged this · 3 months ago
  • blonddynamite
    blonddynamite reblogged this · 3 months ago
  • stargvrlxo
    stargvrlxo reblogged this · 3 months ago
  • couldyoualways
    couldyoualways reblogged this · 3 months ago
  • feilbaar
    feilbaar reblogged this · 3 months ago
  • miiloserdie
    miiloserdie liked this · 3 months ago
  • ayyponine
    ayyponine reblogged this · 3 months ago
  • pumpkinpdf
    pumpkinpdf reblogged this · 3 months ago
  • rottenstrawberrigirl
    rottenstrawberrigirl liked this · 3 months ago
  • atinyme
    atinyme reblogged this · 3 months ago
  • edwardabbeyhoffman
    edwardabbeyhoffman liked this · 3 months ago
  • deanthomaswhore
    deanthomaswhore reblogged this · 4 months ago
  • deanthomaswhore
    deanthomaswhore liked this · 4 months ago
  • astudyinimagination
    astudyinimagination liked this · 4 months ago
  • sunceremony
    sunceremony reblogged this · 4 months ago
  • scrpsza
    scrpsza liked this · 4 months ago
  • eternallyvenus
    eternallyvenus reblogged this · 4 months ago
  • eternallyfleurencia
    eternallyfleurencia reblogged this · 4 months ago
  • eternallyvenus
    eternallyvenus liked this · 4 months ago
  • carefullycontrolledchaos
    carefullycontrolledchaos liked this · 4 months ago
  • khajiit-trading-caravan
    khajiit-trading-caravan liked this · 4 months ago
  • bluekidchaos
    bluekidchaos liked this · 4 months ago
  • secretiveauthor
    secretiveauthor liked this · 4 months ago
  • radawaycunt
    radawaycunt reblogged this · 4 months ago
  • wick3dz33
    wick3dz33 reblogged this · 4 months ago
  • gnarlydrawings
    gnarlydrawings liked this · 4 months ago
  • greateldritchenby
    greateldritchenby liked this · 4 months ago
  • radiogaga-mp3
    radiogaga-mp3 reblogged this · 4 months ago
  • itsbriannabecker
    itsbriannabecker reblogged this · 4 months ago
  • affable-square
    affable-square reblogged this · 4 months ago
  • retailther4py
    retailther4py liked this · 4 months ago
  • fenhaerel
    fenhaerel reblogged this · 4 months ago
  • abuelitasoytunietoelmaraquero
    abuelitasoytunietoelmaraquero liked this · 4 months ago
catarthic - stargirl.
stargirl.

she/they • senior. do a little better than you did last time.

137 posts

Explore Tumblr Blog
Search Through Tumblr Tags