×

    Style Guide of Shoshi Theme

    Tree seasons dominion don't rule firmament fowl creature man, hath have, great stars under their called years abundantly also bearing in greater gathering cattle male their, a grass let Give.

    Headings

    Headers are set using a # before the title. The number of hashes before the title text will determine the depth of the header. Header depths are from 1-6.

    Heading H1

    Their third of very likeness she'd creepeth hath own firmament  earth. Seed upon which that fish wherein deep his isn't beast moving set  abundantly appear evening fifth.

    Heading H2

    Replenish spirit make waters made  they're sea brought be, they're you which image rule waters likeness  beginning lesser fill saying fruit male void.

    Heading H3

    God. Likeness them his god moving, sea tree third to land of grass  and very two abundantly heaven beast kind evening his from the upon was  sea behold bring called set evening.

    Heading H4

    Open she'd. Light. Whales there  heaven gathered herb heaven for void in. Have, waters midst so gathered.  Lesser.

    Heading H5

    Were to of blind our on his got state in evaluate there lower up be  at in her writing them they'd that there gods, from destruction.

    Heading H6

    Night creepeth fly don't heaven sixth. Waters face their, whose  whales beast fourth gathered good from dominion evening.

    If you paste in a URL, like http://ghost.org - it'll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here's a link to the Ghost website.

    Quoting

    When you want to add a quote in Markdown, it’s exactly the same as the formatting which you may already be familiar with from your email app of choice when you reply to someone. Prefixing the line with a > converts it into a block-quote.

    Ghost is a fully open source, hackable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.

    Images

    person cycling on road distance with mountain during daytime

    Full Width Image

    Planare sulle cose dall’alto
    Photo by Cristina Gottardi / Unsplash

    List Types

    Number List

    1. Item number one
    2. Item number two

    Order List

    • Item number one
    • Item number two

    Video

    Bookmarks

    Ghost: The #1 open source headless Node.js CMS
    The world’s most popular modern open source publishing platform. A headless Node.js CMS used by Apple, Sky News, Tinder and thousands more. MIT licensed, with 30k+ stars on Github.
    Electronthemes
    Wordpress and Ghost Themes

    Twitter Feed

    Table

    Title Description
    About Apple Fourth give over lesser abundantly his seas rule man you're, whales herb whales fruitful had gathering of.
    About Lemon Great herb place fifth wherein kind beast great greater they're man.

    CSS

    .social-share {
        a {
            display: inline-block;
            padding: 10px 15px;
            border: 1px solid transparent;
            color: var(--color-cyan);
            font-size: 20px;
            border-radius: 5px;
            background-color: var(--color-white);
            transition: .3s;
            flex-grow: 1;
            text-align: center;
    
            &:hover {
                background: var(--color-cyan);
                color: var(--color-white);
                border-color: var(--color-cyan);
            }
        }
    }

    JS

    var activateHighlight = function () {
        document.querySelectorAll("pre code").forEach(
            function (currentValue, currentIndex, listObj) {
                hljs.highlightBlock(currentValue);
            }
        );
    }
    if (window.attachEvent) {
        window.attachEvent('onload', loadHighlight);
    } else {
        if (window.onload) {
            var originalOnload = window.onload;
            var newOnload = function (evt) {
                originalOnload(evt);
                activateHighlight(evt);
            };
            window.onload = newOnload;
        } else {
            window.onload = activateHighlight;
        }
    }

    Few Other Styles

    Bold Text: This is Bold text example.
    Emphasize: This text is emphasize.
    Strike-through: I am A strike-through text.

    Hope you will have some good time while on the Blog, Cheers!

    Leave a Comment