html { } body { margin: auto; #margin-top: .5%; #margin-bottom: .5%; max-width: 1792px; #font-family: sans-serif; font-family: Avenir, "Helvetica Neue", Helvetica, Roboto, Corbel, sans-serif; #font-family: courier; #font-family: 'Courier New', monospace; font-size: 160%; font-weight: 400; #line-height: 0; #font-size: 1.8rem; #-ms-text-size-adjust: 100%; #-webkit-text-size-adjust: 100%; } .initial { float: left; display: block; color: #903; font-size: 118px; line-height: 0.80em; padding-top: 10px; padding-right: 11px; padding-left: 0px; margin-left: -6px; font-weight: bold; text-shadow: 3px 3px 10px #2a2f35; } .shadow { -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); } div { /* Debug */ border: 0px solid; } div.rightbox { margin-left: 30px; margin-bottom: 0; margin-top: 0; padding: 0; float: right; } div.rightboxalignment { width: 30%; margin-top: 35px;" } div.leftbox { margin-right: 30px; margin-bottom: 0; margin-top: 0; padding: 0; float: left; } div.leftboxalignment { width: 30%; margin-top: 35px;" } p { margin-bottom: 0; text-align: justify; } h1 { font-size: 230%; margin-top: 0; margin-bottom: 0; font-weight: 900; } h2 { margin-top: 1em; margin-bottom: 1rem; } a, a:visited { color: black; text-decoration: none; font-weight: 400; } a:hover { color: blue; text-decoration: none; } p a, a:visited { color: black; text-decoration: underline; font-weight: 400; } p a:hover { color: black; text-decoration: none; } a.menu, a:visited.visited { color: red; text-decoration: none; font-weight: 400; } a.menu:hover { color: #0cc; color: white; text-decoration: none; } strong { color: #303030; } ::selection { background: #ffff0a; background: #ff1dce; background: #ccff00; text-shadow: none; } ul { margin-bottom: 0px; text-align: justify; } blockquote { font-style: italic; border-left: 3px solid #666; padding-left: 1em; margin-left: 0em; margin-right: 0em; line-height: 1.6; } img { width: 100%; border: 0; margin: 0; } img.alignemnt { margin-top: 1rem; } .leftside { min-width: 280px; width: 20%; display: inline-block; } .leftside p { text-align: right; } .rightside { width: 80%; margin: 0px; display: inline-block; } .menupadding { padding: 10px; } .contentcontainer { display: flex; } .contentleftside { min-width: 280px; width: 20%; text-align: right; } .contentrightside { width: 80%; margin: 0px; display: inline-block; } .contentpaddingleft { padding: 58px; padding-left: 0px; padding-top: 40px; padding-bottom: 0px; } .contentpaddingright { padding: 38px; padding-top: 15px; padding-bottom: 20px; } .tableofcontents { column-count: 2; column-gap: 50px; column-rule: 2px solid lightgrey; } .footnote { font-size: 60%; } ol { margin-bottom: 0px; } .footnotes { clear: both; padding: 0; padding-right: 1em; margin-top: 1em; margin-bottom: 0; border-top: 2px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } .footnotes p { font-size: 0.95em; color: #594f40; line-height: 1.0; margin-top: 0px; } .footnotes p:last-child { margin-bottom: 0.65rem; } .footnotes p:target { background-color: #ffffeb; padding: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .rainbow{ width: 100%; height: 8px; background-repeat:repeat-x; background: linear-gradient(to right, #eb5252, #f78f2f, #f4c151, #75d850, #6284FF, #eb5252); animation: rainbow 10s linear infinite; background-size: 200% 100% !important; } @keyframes rainbow{ 0% {background-position: 0;} 100% {background-position: 800% 0;} } .rightfloatingbox { position: fixed; top: 50%; transform: translateY(-50%); right: 0; background-color: black; z-index: 1; opacity: 1; #visibility: hidden; #opacity: 0; #transition: visibility 0s 1s, opacity 1s linear; -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84); } .photosource { font-family: "Source Code Pro", Monaco, monospace; font-size: 20px; } /* @media only screen and ( max-width: 800px ) { body { disabled_font-size: 1.7rem; } .contentcontainer { display: table; } .contentleftside { width: 100%; text-align: left; } .contentrightside { width: 100%; } .contentpaddingleft { padding: 20px; } .tableofcontents { column-count: 1; column-gap: 50px; column-rule: 2px solid lightgrey; } } @media only screen and ( max-device-width: 500px ) { body { font-size: 1.7rem; } .contentcontainer { display: table; } .contentleftside { width: 100%; text-align: left; } .contentrightside { width: 100%; } .contentpaddingleft { padding: 10px; text-align: left; } .tableofcontents { column-count: 1; column-gap: 50px; column-rule: 2px solid lightgrey; } } */ /* Create four equal columns that floats next to each other */ .column { margin-top: -0.7em; float: left; width: 23%; padding: 1%; } .column img { margin-top: 4%; margin-bottom: 4%; width: 100%; } .row { margin-left: -1%; margin-right: -1%; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } pre { margin-top: 0; margin-bottom: .4; padding: 0rem; font-size: 1rem; line-height: 1.4; background-color: #ffffff; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } pre.terminal { border: 2px solid black; background-color: #333; line-height: 1.25; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #17cc00; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; padding: 0.8em; font-family: "Courier New", Courier, monospace; margin-top: 0.5em; margin-bottom: 0.5em; } pre.terminal::selection { background: #00ff00; text-shadow: none; color: black; } pre.terminal a, .post pre.terminal a:hover, .post pre.terminal a:visited { background-color: #333; color: #17cc00; } pre.terminal strong { color: #00ff00; } pre.terminal strong::selection { background: #00ff00; text-shadow: none; color: black; }
Aenean non sapien sit amet eros pulvinar rutrum. Phasellus quis gravida lorem, vulputate sollicitudin mi. Sed tempus tincidunt ipsum, sit amet pulvinar enim dictum eu. Etiam feugiat accumsan velit. Sed euismod euismod elit auctor iaculis. Curabitur eu ipsum sodales, luctus dolor non, tempus magna. Donec aliquam, magna sit amet interdum pretium, odio justo molestie mi, quis feugiat ligula tortor auctor metus. Pellentesque sapien odio, pharetra non felis in, mollis aliquet mauris.
#! /bin/sh
echo alma
echo Hello word.
>> alma
Integer odio tortor, tempor at diam quis, rhoncus elementum risus. Phasellus mollis quis tortor ut tincidunt. Curabitur consequat ipsum quis nisi eleifend, vitae malesuada nunc rutrum. Aliquam sapien odio, ultricies fringilla turpis eu, elementum posuere purus. Ut iaculis ac ante vel aliquam. Nulla vel feugiat diam, vitae gravida orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi semper sapien et velit rhoncus tincidunt. Sed at eros ornare, egestas diam ac, interdum sapien. Ut sapien metus, faucibus at feugiat et, luctus at urna. Morbi luctus nisi orci, quis rhoncus mi accumsan sed. Sed vulputate et risus eu rhoncus. Donec a quam id erat suscipit bibendum. Donec viverra leo a sodales luctus. Curabitur pretium diam a est condimentum pretium vel nec eros.
Added a new repo, that is, /maps for hosting ‘full-screen’
interactive beer maps with brewery listings.
See an example beer map for Austria (~200 breweries n brewpubs) live or check the source using the mapbox.js mapping library.
Hello there! I’m MacDown, the open source Markdown editor for OS X.
Let me introduce myself.
You can specify extra HTML rendering options through the Rendering preference pane.
You can customize the editor window to you liking in the Editor preferences pane:
You can configure various application (that’s me!) behaviors in the General preference pane.
Before I tell you about all the extra syntaxes and capabilities I have, I’ll introduce you to the basics of standard markdown. If you already know markdown, and want to jump straight to learning about the fancier things I can do, I suggest you skip to the Markdown preference pane. Lets jump right in.
To force a line break, put two spaces and a newline (return) at the end of the line.
This two-line bullet won’t break
This two-line bullet
will break
Here is the code:
* This two-line bullet
won't break
* This two-line bullet
will break
Strong: **Strong** or __Strong__ (Command-B)
Emphasize: *Emphasize* or _Emphasize_1 (Command-I)
Header 1
========
Header 2
--------
or
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
Just put angle brackets around an email and it becomes clickable: uranusjr@gmail.com
<uranusjr@gmail.com>
Same thing with urls: http://macdown.uranusjr.com
` http://macdown.uranusjr.com`
Perhaps you want to some link text like this: Macdown Website
[Macdown Website](http://macdown.uranusjr.com "Title") (The title is optional)
Sometimes it looks too messy to include big long urls inline, or you want to keep all your urls together.
Make a link [a link][arbitrary_id] then on it’s own line anywhere else in the file:
[arbitrary_id]: http://macdown.uranusjr.com "Title"
If the link text itself would make a good id, you can link like this [like this][], then on it’s own line anywhere else in the file:
[like this]: http://macdown.uranusjr.com

![Alt Image Text][image-id]
on it’s own line elsewhere:
[image-id]: path/or/url/to.jpg "Optional Title"
*- works too
1. 1. and let me sort it outHere is the code:
* Lists must be preceded by a blank line (or block element)
* Unordered lists start each item with a `*`
- `-` works too
* Indent a level to make a nested list
1. Ordered lists are supported.
2. Start each item (number-period-space) like `1. `
42. It doesn't matter what number you use, I will render them sequentially
1. So you might want to start each line with `1.` and let me sort it out
Angle brackets
>are used for block quotes.
Technically not every line needs to start with a>as long as there are no empty lines between paragraphs.
Looks kinda ugly though.Block quotes can be nested.
Multiple Levels
Most markdown syntaxes work inside block quotes.
- Lists
- Links
- Etc.
Here is the code:
> Angle brackets `>` are used for block quotes.
Technically not every line needs to start with a `>` as long as
there are no empty lines between paragraphs.
> Looks kinda ugly though.
> > Block quotes can be nested.
> > > Multiple Levels
>
> Most markdown syntaxes work inside block quotes.
>
> * Lists
> * [Links][arbitrary_id]
> * Etc.
Inline code is indicated by surrounding it with backticks:
`Inline code`
If your code has `backticks` that need to be displayed, you can use double backticks:
``Code with `backticks` `` (mind the spaces preceding the final set of backticks)
If you indent at least four spaces or one tab, I’ll display a code block.
print('This is a code block')
print('The block must be preceded by a blank line')
print('Then indent at least 4 spaces or 1 tab')
print('Nesting does nothing. Your code is displayed Literally')
I also know how to do something called Fenced Code Blocks which I will tell you about later.
If you type three asterisks *** or three dashes --- on a line, I’ll display a horizontal rule:
The Smartypants extension automatically transforms straight quotes (" and ') in your text into typographer’s quotes (“, ”, ‘, and ’) according to the context. Very useful if you’re a typography freak like I am. Quote and Smartypants are syntactically incompatible. If both are enabled, Quote takes precedence.
This is a table:
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
You can align cell contents with syntax like this:
| Left Aligned | Center Aligned | Right Aligned |
|---|---|---|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
The left- and right-most pipes (|) are only aesthetic, and can be omitted. The spaces don’t matter, either. Alignment depends solely on : marks.
This is a fenced code block:
print('Hello world!')
You can also use waves (~) instead of back ticks (`):
print('Hello world!')
The following is a list of optional inline markups supported:
| Option name | Markup | Result if enabled |
|---|---|---|
| Intra-word emphasis | So A*maz*ing | So Amazing |
| Strikethrough | ~~Much wow~~ | |
| Underline 2 | _So doge_ | So doge |
| Quote 3 | "Such editor" | Such editor |
| Highlight | ==So good== | So good |
| Superscript | hoge\^(fuga) | hogefuga |
| Autolink | http://t.co | http://t.co |
| Footnotes | [\^4] and [\^4]: | 4 and footnote 4 |
That’s about it. Thanks for listening. I’ll be quiet from now on (unless there’s an update about the app—I’ll remind you for that!).
Happy writing!
If Underlines is turned on, _this notation_ will render as underlined instead of emphasized ↩
If Underline is disabled _this_ will be rendered as emphasized instead of being underlined. ↩
Quote replaces literal " characters with html <q> tags. Quote and Smartypants are syntactically incompatible. If both are enabled, Quote takes precedence. Note that Quote is different from blockquote, which is part of standard Markdown. ↩
You don’t have to use a number. Arbitrary things like [^footy note4] and [^footy note4]: will also work. But they will render as numbered footnotes. Also, no need to keep your footnotes in order, I will sort out the order for you so they appear in the same order they were referenced in the text body. You can even keep some footnotes near where you referenced them, and collect others at the bottom of the file in the traditional place for footnotes. ↩