GD-ML/AndroidCode

1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=1080, initial-scale=1.0">6<title>Reading Screen Mock</title>7<style>8  body { margin: 0; padding: 0; background: transparent; }9  #render-target {10    width: 1080px;11    height: 2400px;12    position: relative;13    overflow: hidden;14    background: #000000;15    font-family: Georgia, "Times New Roman", serif;16    color: #E8E8E8;17  }18  .top-credit {19    width: 100%;20    text-align: center;21    font-style: italic;22    font-size: 96px;23    color: #CFCFCF;24    margin-top: 120px;25    letter-spacing: 1px;26  }27  .logo-wrap {28    width: 900px;29    height: 520px;30    margin: 220px auto 140px auto;31    background: #E0E0E0;32    border: 1px solid #BDBDBD;33    display: flex;34    align-items: center;35    justify-content: center;36    color: #757575;37    text-transform: uppercase;38    font-size: 40px;39    text-align: center;40    line-height: 1.2;41  }42  .section {43    width: 920px;44    margin: 0 auto;45    text-align: center;46  }47  .part-title {48    font-weight: 800;49    font-size: 68px;50    color: #F0F0F0;51    letter-spacing: 1px;52  }53  .chapter-title {54    margin-top: 56px;55    font-weight: 800;56    font-size: 76px;57    color: #FFFFFF;58    letter-spacing: 1px;59  }60  .dedication {61    margin-top: 26px;62    font-style: italic;63    font-size: 48px;64    color: #D0D0D0;65  }66  .content {67    margin-top: 48px;68    font-size: 48px;69    line-height: 1.5;70    color: #E6E6E6;71  }72  .footer {73    position: absolute;74    left: 0;75    right: 0;76    bottom: 28px;77    font-size: 36px;78    color: #CFCFCF;79    padding: 0 48px;80  }81  .footer .left { float: left; }82  .footer .right { float: right; }83</style>84</head>85<body>86<div id="render-target">87  <div class="top-credit">By Herman Hesse</div>88 89  <div class="logo-wrap">[IMG: Grapevine India Logo]</div>90 91  <div class="section">92    <div class="part-title">FIRST PART</div>93    <div class="chapter-title">THE SON OF THE BRAHMAN</div>94    <div class="dedication">To Romain Rolland, my dear friend</div>95    <div class="content">96      In the shade of the house, in the sunshine of the riverbank near the boats, in the shade97      of the sal-tree forest, in the shade of the fig tree, Siddhartha grew up with his98      brahman father, handsome young man with the ardent brow, with luminous eyes; he grew up99      and learned the lore of the brahmans, and taught himself to speak the sacred Om.100    </div>101  </div>102 103  <div class="footer">104    <div class="left">Location 1 of 156</div>105    <div class="right">0%</div>106  </div>107</div>108</body>109</html>