index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="generator" content="GitLab Pages">
  <title></title>
  <link rel="stylesheet" href="../assets/css/style.css">
  <link rel="stylesheet" href="../assets/css/mobile.css">

  <style>
    .cover{margin-top:48px;display:flex}.cover img{width:250px;object-fit:contain;margin-bottom:auto;box-shadow:0 1px 4px -1px #00000069}.metadata{display:flex;flex-direction:column;margin-left:1em}.title{flex-grow:1;font-size:2em;font-weight:700}.metadata-item{display:flex;flex-direction:column;margin-top:24px}.download-item{display:flex;margin-top:24px}.metadata-name{border-bottom:1px solid #cacaca;border-image:linear-gradient(to right,#cacaca,#ffffff00) 1;margin-bottom:5px}.supervisors{display:flex;flex-direction:column}.button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}@media only screen and (max-width :450px){.cover{flex-wrap:wrap}.cover img{width:100%}}
  </style>

</head>

<body>
  <header id="header">
    <div class="row">
      <div class="logo" id="logo"></div>
      <div class="hamburger">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </div>
      <nav></nav>
    </div>
    <div id="projectlogo"></div>
    <div id="projectname"></div>
  </header>
  <div class="content">

    <div class="cover">
      <img src="cover.jpg">
      <ul class="metadata">
        <li class="metadata-item title">
          Geologically Geology
        </li>
        <li class="metadata-item">
          <div class="metadata-name">Author</div>
          <div>Sophia Mayweather</div>
        </li>
        <li class="metadata-item">
          <div class="metadata-name">Supervisors</div>
          <div class="supervisors">
            <div>Prof. Dr.-Ing. Anthony Joshua</div>
            <div>Prof. Dr.-Ing. Tyson Fury</div>
          </div>
        </li>
        <li class="metadata-item">
          <div class="metadata-name">Year</div>
          <div>2021</div>
        </li>
        <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li>
      </ul>
    </div>

    <h1>Abstract</h1>

    <p>
      Since they are still preserved in the rocks for us to see, they must have been formed quite recently, that is, geologically speaking. What can explain these striations and their common orientation? Did you ever hear about the Great Ice Age or the Pleistocene Epoch? Less than one million years ago, in fact, some 12,000 years ago, an ice sheet many thousands of feet thick rode over Burke Mountain in a southeastward direction. The many boulders frozen to the underside of the ice sheet tended to scratch the rocks over which they rode. The scratches or striations seen in the park rocks were caused by these attached boulders. The ice sheet also plucked and rounded Burke Mountain into the shape it possesses today.
    </p>

  </div>

  <div class="footer"></div>
  <div class="legal"></div>

  <script src="../settings.js"> </script>
  <script src="../main.js"> </script>
</body>

</html>