Drafts Action Directory

Swiss Preview

Posted by agiletortoise, Last update about 1 month ago

Markdown preview using Swiss style.

Install

Steps

  • htmlpreview

    <!DOCTYPE html>
    <html dir="auto">
    <head>
    <title>[[title]]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <style>
    @charset "utf-8";
    
    html { 
    	font-size:100%;
    	font-family: Helvetica, Arial, Freesans, clean, sans-serif;
    }
    body {
    	margin:0;
    	padding:1em;
    }
    @media (max-device-width: 480px) { 
    
    } 
    @media (min-device-width: 481px) { 
    	body {
    		margin:auto;
    		max-width:600px;
    	} 
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
    }
    
    h1 {
        font-size: 2rem;
        border-bottom: 1px solid #CCCCCC;
    }
    
    h2 {
        border-bottom: 1px solid #CCCCCC;
        color: #000000;
        font-size: 1.75rem;
    }
    
    h3 {
        font-size: 1.5rem;
    }
    
    h4 {
        font-size: 1.25em;
    }
    
    h5 {
        font-size: 1rem;
    }
    
    h6 {
        color: #777777;
        background-color: inherit;
        font-size: 14px;
    }
    
    hr {
        height: 0.2em;
        border: 0;
        color: #CCCCCC;
        background-color: #CCCCCC;
    }
    
    p, blockquote, ul, ol, dl, li, table, pre {
        margin: 1em 0;
    }
    
    blockquote {
        margin-left: 1em;
        padding-left: 1em;
        border-left: 1px solid #ddd;
    }
    
    code, pre {
        border-radius: 3px;
        background-color: #F8F8F8;
        color: inherit;
    }
    
    code {
        border: 1px solid #EAEAEA;
        margin: 0 2px;
        padding: 0 5px;
    }
    
    pre {
        border: 1px solid #CCCCCC;
        line-height: 1.25em;
        overflow: auto;
        padding: 6px 10px;
    }
    
    pre > code {
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    a, a:visited {
        color: #4183C4;
        background-color: inherit;
        text-decoration: none;
    }
    
    table {
      margin: 1em 0;
      border: 1px solid #aaa;
      border-collapse: collapse;
    }
    
    th {
      padding:.25em .5em;
      background: #efefef;
      border: 1px solid #ccc;  
    }
    
    td {
      padding:.25em .5em;
      border: 1px solid #ccc;
    }
    
    img {
        max-width: 90%;
    }
    
    </style>
    </head>
    <body>
        %%[[draft]]%%
    </body>
    </html>
    

Options

  • After Success Nothing
    Notification Error
    Log Level Error

Comments

Actions available in the Action Directory are uploaded by community members. Use appropriate caution reviewing downloaded actions before use.