GD-ML/AndroidCode

1<html>2<head>3<meta charset="UTF-8">4<title>Reading App - About Wells</title>5<style>6  body { margin: 0; padding: 0; background: transparent; font-family: "Georgia", serif; }7  #render-target {8    width: 1080px;9    height: 2400px;10    position: relative;11    overflow: hidden;12    background: #ffffff;13  }14 15  .content {16    position: absolute;17    left: 60px;18    right: 60px;19    top: 60px;20    bottom: 280px; /* keep space for the bottom bar */21    color: #111;22    line-height: 1.6;23  }24 25  h2 {26    margin: 0 0 30px 0;27    font-size: 56px;28    font-weight: 700;29  }30 31  p {32    font-size: 40px;33    margin: 0 0 40px 0;34  }35 36  .subhead {37    font-size: 48px;38    font-weight: 700;39    margin: 20px 0 24px 0;40  }41 42  ul.book-list {43    list-style-type: disc;44    padding-left: 48px;45    margin: 0 0 40px 0;46  }47  ul.book-list li {48    font-size: 40px;49    margin: 16px 0;50  }51 52  .link {53    color: #2b6ef3;54    font-style: italic;55  }56 57  .year {58    color: #111;59  }60 61  .copyright {62    font-size: 42px;63    margin-top: 36px;64  }65  .copyright b { font-weight: 800; }66  .copyright .blue { color: #2b6ef3; }67 68  /* bottom info row */69  .bottom-info {70    position: absolute;71    left: 30px;72    right: 30px;73    bottom: 250px;74    display: flex;75    justify-content: space-between;76    color: #6b6b6b;77    font-size: 32px;78  }79 80  /* gradient ad bar */81  .ad-bar {82    position: absolute;83    left: 0;84    right: 0;85    bottom: 0;86    height: 230px;87    background: linear-gradient(90deg, #6ba95a, #3fa58b);88    border-top-left-radius: 28px;89    border-top-right-radius: 28px;90    box-shadow: 0 -6px 18px rgba(0,0,0,0.15);91  }92  .ad-inner {93    position: absolute;94    left: 40px;95    right: 40px;96    top: 50%;97    transform: translateY(-50%);98    display: flex;99    align-items: center;100    justify-content: space-between;101  }102  .logo-pill {103    width: 160px;104    height: 120px;105    border-radius: 18px;106    background: rgba(255,255,255,0.15);107    display: flex;108    align-items: center;109    justify-content: center;110    color: #ffffff;111    font-size: 96px;112    font-weight: 700;113    text-transform: lowercase;114  }115  .remove-btn {116    background: #ffffff;117    color: #1b5e4e;118    border: none;119    padding: 26px 44px;120    border-radius: 60px;121    font-size: 44px;122    font-weight: 700;123    box-shadow: 0 4px 8px rgba(0,0,0,0.15);124  }125</style>126</head>127<body>128<div id="render-target">129  <div class="content">130    <h2>About Wells:</h2>131    <p>Herbert George Wells, better known as H. G. Wells, was an English writer best known for such science fiction novels as The Time Machine, The War of the Worlds, The Invisible Man and The Island of Doctor Moreau. He was a prolific writer of both fiction and non-fiction, and produced works in many different genres, including contemporary novels, history, and social commentary. He was also an outspoken socialist. His later works become increasingly political and didactic, and only his early science fiction novels are widely read today. Wells, along with Hugo Gernsback and Jules Verne, is sometimes referred to as "The Father of Science Fiction". Source: Wikipedia</p>132 133    <div class="subhead">Also available on Feedbooks Wells:</div>134    <ul class="book-list">135      <li><span class="link">The Time Machine</span> <span class="year">(1895)</span></li>136      <li><span class="link">A Modern Utopia</span> <span class="year">(1905)</span></li>137      <li><span class="link">The Invisible Man</span> <span class="year">(1897)</span></li>138      <li><span class="link">Tales of Space and Time</span> <span class="year">(1900)</span></li>139      <li><span class="link">The Island of Dr. Moreau</span> <span class="year">(1896)</span></li>140      <li><span class="link">The Food of the Gods and How It Came to Earth</span> <span class="year">(1904)</span></li>141      <li><span class="link">The Sleeper Awakes</span> <span class="year">(1910)</span></li>142      <li><span class="link">The Story of the Inexperienced Ghost</span> <span class="year">(1902)</span></li>143      <li><span class="link">The First Men in the Moon</span> <span class="year">(1901)</span></li>144      <li><span class="link">A Dream of Armageddon</span> <span class="year">(1901)</span></li>145    </ul>146 147    <p class="copyright"><b>Copyright:</b> This work is available for countries where copyright is <span class="blue">Life+70</span> and in the USA.</p>148  </div>149 150  <div class="bottom-info">151    <div>100%</div>152    <div>1 of 199</div>153    <div>15:47</div>154  </div>155 156  <div class="ad-bar">157    <div class="ad-inner">158      <div class="logo-pill">m</div>159      <button class="remove-btn">REMOVE ADS</button>160    </div>161  </div>162</div>163</body>164</html>