Dropshare-LandingPage.jade

doctype html
html(lang="en")
  //-
    Welcome to your very own Dropshare HTML landing page template.
    Feel free to edit this file to suit your needs, BUT..

    *** IMPORTANT ***

    do not forget to include all required variables to display the landing page properly.

    Variable           | Description
    ##########################################################
    __FILENAME__       | Name of the file shared
    __PATH__           | Path to the file shared
    __PREVIEW__        | Automatically generated by Dropshare if file is an image, or video, or text
    __FILESIZE__       | Formatted file size of the file shared
    __FILETYPE__       | Apple Uniform Type Identifier (https://developer.apple.com/library/ios/documentation/Miscellaneous/Reference/UTIRef/Articles/System-DeclaredUniformTypeIdentifiers.html)
    __SHAREDATE__      | ISO formatted date of sharing
    __PREVIEWURL__     | Absolute URL to preview file, required e.g. for Twitter cards or Slack previews (or custom preview implementations)
    __LANDINGPAGEURL__ | Absolute URL to the landing page

    Any questions? Head over to http://getdropsha.re/support and ask for help!
    
  head
    title __FILENAME__
    meta(charset="utf-8")
    meta(name="viewport", content="width=device-width, initial-scale=1")
    meta(name="author", content="Logan McAnsh")
    meta(name="theme-color", content="salmon")
    meta(name="twitter:card", content="summary_large_image")
    meta(name="twitter:site", content="@logansmcansh")
    meta(name="twitter:creator", content="@logansmcansh")
    meta(name="twitter:title", content="__FILENAME__")
    meta(name="twitter:description", content="Logan McAnsh shared __FILENAME__ on __SHAREDATE__")
    meta(name="twitter:image", content="__PREVIEWURL__")
    link(rel="apple-touch-icon" href="https://lgnmcnsh.me/assets/img/apple-touch-icon.png")
    link(rel="shortcut icon" href="https://loganmcansh.com/favicon.ico")
    //- link(rel='stylesheet', href='/assets/css/dropshare.css')
    
    style
      include assets/css/dropshare.css

  body
    nav
      p __FILENAME__ shared by Logan McAnsh at __SHAREDATE__
    main
      .imagePreview
        img.img-thumbnail(src="__PREVIEWURL__", alt="__FILENAME__")
        //- img.img-thumbnail(src="https://lgnmcnsh.me/files/pb-9U3OtOQWPP/pb-9U3OtOQWPP.png", alt="Preview")
      a.btn(href="__PATH__" download="__FILENAME__") __FILENAME__ is __FILESIZE__