GD-ML/AndroidCode

1<html>2<head>3<meta charset="utf-8">4<title>Foreword Page</title>5<style>6  body { margin: 0; padding: 0; background: transparent; font-family: Georgia, "Times New Roman", serif; }7  #render-target {8    width: 1080px;9    height: 2400px;10    position: relative;11    overflow: hidden;12    background: #000000;13    color: #f5f5f5;14  }15  .page {16    position: absolute;17    left: 60px;18    right: 60px;19    top: 340px;20  }21  .title {22    text-align: center;23    color: #9db4ff;24    font-size: 64px;25    line-height: 72px;26    margin: 0 0 80px 0;27    text-decoration: underline;28    font-weight: 700;29  }30  .text {31    width: 960px;32    font-size: 42px;33    line-height: 64px;34    color: #ffffff;35  }36  .text p {37    margin: 0 0 40px 0;38  }39  .text p.indent {40    text-indent: 36px;41  }42  .footer {43    position: absolute;44    bottom: 60px;45    left: 60px;46    right: 60px;47    font-size: 32px;48    color: #bdbdbd;49    display: flex;50    justify-content: space-between;51  }52</style>53</head>54<body>55<div id="render-target">56  <div class="page">57    <div class="title">Foreword</div>58    <div class="text">59      <p>When <em>The Alchemist</em> was first published twenty-five years ago in my native Brazil, no one noticed. A bookseller in the northeast corner of the country told me that only one person purchased a copy the first week of its release. It took another six months for the bookseller to unload a second copy—and that was to the same person who bought the first! And who knows how long it took to sell the third.</p>60      <p class="indent">By the end of the year, it was clear to everyone that <em>The Alchemist</em> wasn’t working. My original publisher decided to cut me loose and cancelled our contract. They wiped their hands of the project and let me take the book with me. I was forty-one and desperate.</p>61      <p class="indent">But I never lost faith in the book or ever wavered in my vision. Why? Because it was me in there, all of me, heart and soul. I was living my own metaphor. A man sets out on a journey, dreaming of a beautiful or magical place, in pursuit of some unknown treasure. At the end of his journey, the man realizes the treasure was with him the entire time. I was following my Personal Legend, and my treasure was my capacity to write. And I wanted to share this treasure with the world.</p>62    </div>63  </div>64 65  <div class="footer">66    <div>Location 31 of 225</div>67    <div>5%</div>68  </div>69</div>70</body>71</html>