Skip to content

Instantly share code, notes, and snippets.

@jstn

jstn/min.tumblr.html

Last active December 27, 2023 19:51
Show Gist options
  • Save jstn/5a67fd6c035bb86d1c504c98fa9cac07 to your computer and use it in GitHub Desktop.
Save jstn/5a67fd6c035bb86d1c504c98fa9cac07 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jstn revised this gist Nov 18, 2018. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion min.tumblr.html
    View file
    Original file line number Diff line number Diff line change
    @@ -3,6 +3,9 @@
    (c) {CopyrightYears} {Title}
    {BlogURL}
    min theme by jstn
    https://gist.github.com/jstn/5a67fd6c035bb86d1c504c98fa9cac07
    -->
    <html>
    <head>
    @@ -138,7 +141,6 @@ <h2>{Title}</h2>
    </figcaption>
    {/block:Video}


    {block:Audio}
    <figure>
    {AudioEmbed-640}
  2. jstn revised this gist Nov 18, 2018. 1 changed file with 0 additions and 10 deletions.
    10 changes: 0 additions & 10 deletions min.tumblr.html
    View file
    Original file line number Diff line number Diff line change
    @@ -28,16 +28,6 @@
    q:before { content: '“'; }
    q:after { content: '”'; }

    .noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome and Opera */
    }

    main {
    font-family: 'helvetica',sans-serif;
    font-size: 12px;
  3. jstn created this gist Nov 18, 2018.
    221 changes: 221 additions & 0 deletions min.tumblr.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,221 @@
    <!--
    (c) {CopyrightYears} {Title}
    {BlogURL}
    -->
    <html>
    <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=750">
    <meta name="description" content="{MetaDescription}">

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <style type="text/css">
    /* classic meyer reset */
    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
    body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

    /* jstn twist */
    strong, b { font-weight: bold; }
    em, i { font-style: italic; }
    q:before { content: '“'; }
    q:after { content: '”'; }

    .noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome and Opera */
    }

    main {
    font-family: 'helvetica',sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
    width: 700px;
    text-align: center;
    }

    main a {
    text-decoration: underline;
    color: #000;
    }

    main a:hover {
    text-decoration: none;
    color: #333;
    }

    h2, p {
    margin-bottom: 1em;
    }

    header {
    margin-top: 50px;
    }

    header, section, article {
    margin-bottom: 50px;
    }

    article {
    text-align: left;
    }

    article h2 {
    font-weight: bold;
    text-decoration: underline;
    }

    article figure img {
    width: 700px;
    }

    article figcaption {
    margin-top: 1em;
    }

    .pagination table {
    table-layout: fixed;
    width: 100%;
    }

    .pagination table td {
    text-align: center;
    }

    .pagination table td:first-child {
    text-align: right;
    }

    .pagination table td:last-child {
    text-align: left;
    }

    {CustomCSS}
    </style>
    </head>
    <body data-urlencoded-name="{URLEncodedName}">
    <main>
    <header>
    <h1><a href="{BlogURL}">{Title}</a></h1>
    </header>

    <section class="posts">
    {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
    <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date} {block:SupplyLogging}data-supply-logging='{positions}'{/block:SupplyLogging}>

    {block:Text}
    {block:Title}
    <h2>{Title}</h2>
    {/block:Title}
    {Body}
    {/block:Text}

    {block:Photo}
    <figure data-photo-width="{PhotoWidth-HighRes}">
    {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
    </figure>
    <figcaption>
    {Caption}
    </figcaption>
    {/block:Photo}

    {block:Photoset}
    {Photoset}
    <figcaption>
    {Caption}
    </figcaption>
    {/block:Photoset}

    {block:Video}
    <figure>
    {VideoEmbed-700}
    </figure>
    <figcaption>
    {Caption}
    </figcaption>
    {/block:Video}


    {block:Audio}
    <figure>
    {AudioEmbed-640}
    </figure>
    <figcaption>
    {Caption}
    </figcaption>
    {/block:Audio}

    {block:Quote}
    {block:Source}
    <h2>{Source}</h2>
    {/block:Source}
    <q>{Quote}</q>
    {/block:Quote}

    {block:Chat}
    {block:Title}
    <h2>{Title}</h2>
    {/block:Title}
    {block:Lines}
    <p>
    {block:Label}
    <em>{Label}&nbsp;</em>
    {/block:Label}
    {Line}
    </p>
    {/block:Lines}
    {/block:Chat}

    {block:Link}
    <h2><a href="{URL}" target="{Target}">{Name}</a></h2>
    {block:Excerpt}
    <p><em>{Excerpt}</em></p>
    {/block:Excerpt}
    {block:Description}
    <p>{Description}</p>
    {/block:Description}
    {/block:Link}

    </article>
    {/block:Posts}
    </section>

    <footer>
    {block:Pagination}
    <section class="pagination">
    <table>
    <tr>
    <td>
    {block:PreviousPage}
    <a href="{PreviousPage}">&lt;&nbsp;&lt;&nbsp;&lt;</a>
    {/block:PreviousPage}
    </td>
    <td>
    {lang:Page CurrentPage of TotalPages}
    </td>
    <td>
    {block:NextPage}
    <a href="{NextPage}">&gt;&nbsp;&gt;&nbsp;&gt;</a>
    {/block:NextPage}
    </td>
    </tr>
    </table>
    </section>
    {/block:Pagination}
    </footer>
    </main>
    </body>
    </html>