Hi, this is an example post.
If there is a .sample-class defined with CSS in a style sheet that is put or linked in index.html, then it will also apply here without needing to put or link that CSS in this exact post. Waouh!
Notice how 1.html contain only the poste's content, and have no <html>, <meta> <head> or <body> tags.
If you want to put specific CSS in only this poste, but not the others, you can do that as well. I have this CSS in <style> tags in this HTML file:
#duck{font-family:"Times New Roman";color:#353535;border:1px solid #c0c0c0;padding:20px;}
#source{font-style:italic;font-size:1.5em;text-align:right;}
.mediatext{color:#800000;}
.jacquestext{color:#000000;}
Remember how #duck had no effect in 2.html? Only the CSS placed in or linked in index.html applies to all the postes, but CSS in individual postes will not apply to other postes.
Here is the above in practice. As you can see, content inside #duck now has styling.
Jacques repeatedly runs a package of oats underneath a price scanner, bolted to a column next to a fire extinguisher and an emergency alarm. With each unsuccessful scan, he rotates the item, moving a different portion of the cardboard underneath the faint magenta light. The motion of his wrists and even the timing of each run was consistent and mechanical in a way that Media found oddly fascinating, like watching a little robot dance.
"Do you need help with that, Judge?" Media asks. "It only works if you run the bar code directly underneath the light."
Jacques does a few more rotate-then-scans before responding with a blasé "I see." He stops for several seconds, Media just about ready to fulfill the task at hand in his stead, when Jacques presses his forehead against the scanner.
"Judge?"
"Checking for chips."
"Hmm?"
"The government. Puts chips in the brain."
"Oh, Judge, we are the government. Can you remember a single incident of us chipping anybody's brain?"
Jacques does not move. His dark feathers glow iridescent against the pink scanner light, which Media must admit is striking, despite feeling a faint resentment towards the scanner, such a lowly object somehow deemed by his esteemed Judge to deserve his touch. Alas, the Non-Living are exempt from the Law, and cannot be framed for pressing the emergency alarm button with a mischievous giggle and a pre-arranged escape plan, watching the citizens chattering rumours with eyes darting in all directions as the in-store robots usher them out, the culprit clapping their hands with boisterous laughter, a thorough disturbance of the peace, the peace so disturbed it qualifies for traumatised. Media would not do this, because it is Illegal, it is impolite, and more importantly because price scanners do not have hands, rendering the imagery of villainous clapping irrelevant.
"Media, you've been chipping people's brains without inviting me?"
Remember that the content in the separate HTML files 1.html, 2.html, 3.html, etc. are injected by Javascript into index.html, so that they effectively are a part of index.html upon loading. That means that CSS (which is read top-down, with CSS appearing later overriding CSS that appeared earlier) inside the individual postes will also apply to the parts of index.html below it. Be mindful of this if you're experimenting with styles.
If you want to start writing your own bloge using hashbloge, make sure to number your postes chronologically. Delete these sample postes and start your own with 1.html.