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>Book Cover - Real-Time Big Data Analytics</title>7<style>8  body {9    margin: 0;10    padding: 0;11    background: transparent;12    font-family: "Helvetica Neue", Arial, sans-serif;13  }14  #render-target {15    width: 1080px;16    height: 2400px;17    position: relative;18    overflow: hidden;19    background: #FFFFFF;20  }21 22  /* Top status bar */23  .status-bar {24    position: absolute;25    top: 0;26    left: 0;27    width: 1080px;28    height: 120px;29    background: #000000;30  }31 32  /* Main content */33  .content {34    position: absolute;35    top: 120px; /* below status bar */36    left: 0;37    width: 100%;38    text-align: center;39  }40 41  .title {42    margin-top: 280px;43    color: #111;44    font-weight: 800;45  }46  .title .tline {47    font-size: 118px;48    line-height: 1.08;49    margin: 22px 0;50    letter-spacing: -1px;51  }52 53  .author {54    margin-top: 200px;55    font-size: 72px;56    font-weight: 700;57    color: #8B2D2D;58  }59 60  .logo {61    width: 640px;62    height: 170px;63    margin: 150px auto 30px auto;64    background: #E0E0E0;65    border: 1px solid #BDBDBD;66    display: flex;67    align-items: center;68    justify-content: center;69    color: #757575;70    font-size: 40px;71    letter-spacing: 1px;72  }73 74  .cities {75    margin-top: 20px;76    font-size: 42px;77    color: #333333;78  }79 80  /* Bottom progress footer */81  .footer {82    position: absolute;83    bottom: 40px;84    left: 40px;85    right: 40px;86    font-size: 38px;87    color: #757575;88  }89  .footer .left {90    float: left;91  }92  .footer .right {93    float: right;94  }95</style>96</head>97<body>98<div id="render-target">99  <div class="status-bar"></div>100 101  <div class="content">102    <div class="title">103      <div class="tline">Real-Time Big Data</div>104      <div class="tline">Analytics:</div>105      <div class="tline">Emerging</div>106      <div class="tline">Architecture</div>107    </div>108 109    <div class="author">Mike Barlow</div>110 111    <div class="logo">[IMG: O'REILLY Logo]</div>112 113    <div class="cities">Beijing · Cambridge · Farnham · Köln · Sebastopol · Tokyo</div>114  </div>115 116  <div class="footer">117    <div class="left">1 page left in chapter</div>118    <div class="right">19%</div>119  </div>120</div>121</body>122</html>