nm3clol-express-app/views/includes/common-head.ejs

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HQR3Z1EZQM"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HQR3Z1EZQM');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Bootstrap CSS -->
<link href="https://daball.me/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<link href="https://daball.me/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="https://daball.me/vendor/devicons/css/devicons.min.css" rel="stylesheet">
<link href="https://daball.me/vendor/devicon/devicon.min.css" rel="stylesheet">
<link href="https://daball.me/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<link href="https://daball.me/layouts/blog/css/blog.min.css" rel="stylesheet">
<style type="text/css">
  .result-highlight { background-color: #FBF719; font-weight: normal; }
  .pt-1500 { padding-top: 100vh; }
  :root {
    --bs-body-font-size: 1.2rem !important;
  }
  body {
    margin: 0;
    background: #fff;
    font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  main {
    max-width: 100vw;
    margin-top: 50px;
  }
  header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  h1 i {
    font-style: normal;
  }
  ul#files {
    margin: 0 0 0 -2px;
    padding: 20px 0 0 0;
  }
  ul#files li {
    list-style: none;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
  }
  a {
    text-decoration: none;
  }
  ul#files a {
    color: #000;
    padding: 10px 5px;
    margin: 0 -5px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
  }
  a {
    color: #0076FF;
    display: inline-block;
    line-height: 20px;
  }
  a:hover, a:active {
    color: #f44336;
    display: inline-block;
    line-height: 20px;
  }
  svg {
    height: 13px;
    vertical-align: text-bottom;
  }
  ul#files a::before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 24px;
    text-align: center;
    line-height: 12px;
  }
  /* file-icon – svg inlined here, but it should also be possible to separate out. */
  ul#files a.file::before {
    content: url("data:image/svg+xml;utf8,<svg width='15' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 8C8.34 8 7 6.66 7 5V1H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V8h-4zM8 5c0 1.1.9 2 2 2h3.59L8 1.41V5zM3 0h5l7 7v9c0 1.66-1.34 3-3 3H3c-1.66 0-3-1.34-3-3V3c0-1.66 1.34-3 3-3z' fill='black'/></svg>");
  }
  ul#files a:hover {
    text-decoration: underline;
  }
  /* folder-icon */
  ul#files a.folder::before {
    content: url("data:image/svg+xml;utf8,<svg width='20' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.784 3.87a1.565 1.565 0 0 0-.565-.356V2.426c0-.648-.523-1.171-1.15-1.171H8.996L7.908.25A.89.89 0 0 0 7.302 0H2.094C1.445 0 .944.523.944 1.171v2.3c-.21.085-.398.21-.565.356a1.348 1.348 0 0 0-.377 1.004l.398 9.83C.42 15.393 1.048 16 1.8 16h15.583c.753 0 1.36-.586 1.4-1.339l.398-9.83c.021-.313-.125-.69-.397-.962zM1.843 3.41V1.191c0-.146.104-.272.25-.272H7.26l1.234 1.088c.083.042.167.104.293.104h8.282c.125 0 .25.126.25.272V3.41H1.844zm15.54 11.712H1.78a.47.47 0 0 1-.481-.46l-.397-9.83c0-.147.041-.252.125-.356a.504.504 0 0 1 .377-.147H17.78c.125 0 .272.063.377.147.083.083.125.209.125.334l-.418 9.83c-.021.272-.23.482-.481.482z' fill='black'/></svg>");
  }
  ul#files a.lambda::before {
    content: url("data:image/svg+xml; utf8,<svg width='15' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.5 14.4354H5.31622L7.30541 9.81311H7.43514L8.65315 13.0797C9.05676 14.1643 9.55405 14.5 10.7 14.5C11.0171 14.5 11.291 14.4677 11.5 14.4032V13.1572C11.3847 13.1766 11.2622 13.2024 11.1541 13.2024C10.6351 13.2024 10.3829 13.0281 10.1595 12.4664L8.02613 7.07586C7.21171 5.01646 6.54865 4.5 5.11441 4.5C4.83333 4.5 4.62432 4.53228 4.37207 4.59038V5.83635C4.56667 5.81052 4.66036 5.79761 4.77568 5.79761C5.64775 5.79761 5.9 6.0042 6.4045 7.19852L6.64234 7.77954L3.5 14.4354Z' fill='black'/><rect x='0.5' y='0.5' width='14' height='18' rx='2.5' stroke='black'/></svg>");
  }
  /* image-icon */
  ul#files a.file.gif::before,
  ul#files a.file.jpg::before,
  ul#files a.file.png::before,
  ul#files a.file.svg::before {
    content: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'><rect x='6' y='6' width='68' height='68' rx='5' ry='5'/><circle cx='24' cy='24' r='8'/><path d='M73 49L59 34 37 52m16 20L27 42 7 58'/></svg>");
  }
  ::selection {
    background-color: #f44336;
    color: #fff;
  }
  ::-moz-selection {
    background-color: #f44336;
    color: #fff;
  }
  header h1 {
    font-size: 2em;
  }

  header h1 .separator {
    font-size: 4.0rem;
    line-height: 1rem;
    vertical-align: -.75vh;
  }
  @media (max-width: 1250px) {
    header h1 {
      font-size: 1.0rem;
    }
    header h1 .separator {
      font-size: 2em;
      line-height: 1em;
      vertical-align: -.75vh;
    }
  }
  @media (min-width: 768px) {
    ul#files {
    display: flex;
    flex-wrap: wrap;
    }
  }
  @media (min-width: 992px) {
    /* body {
    padding: 45px;
    } */
    ul#files li {
    font-size: 16pt;
    box-sizing: border-box;
    justify-content: flex-start;
    }
  }
  </style>