79 lines
1.7 KiB
HTML
79 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
<title><%= webpackConfig.name %></title>
|
|
</head>
|
|
<body>
|
|
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7IK5QY&placement=panjiachengithubio" id="_carbonads_js"></script>
|
|
<div id="app"></div>
|
|
<!-- built files will be auto injected -->
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<style>
|
|
#carbonads {
|
|
display: flex;
|
|
max-width: 280px;
|
|
background-color: hsl(0, 0%, 98%);
|
|
box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
|
|
z-index: 2;
|
|
position: fixed;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#carbonads a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#carbonads a:hover {
|
|
color: inherit;
|
|
}
|
|
|
|
#carbonads span {
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#carbonads .carbon-wrap {
|
|
display: flex;
|
|
}
|
|
|
|
.carbon-img {
|
|
display: block;
|
|
margin: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.carbon-img img {
|
|
display: block;
|
|
}
|
|
|
|
.carbon-text {
|
|
font-size: 13px;
|
|
padding: 10px;
|
|
line-height: 1.4;
|
|
text-align: left;
|
|
}
|
|
|
|
.carbon-poweredby {
|
|
display: block;
|
|
padding: 8px 10px;
|
|
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
letter-spacing: .5px;
|
|
font-weight: 600;
|
|
font-size: 9px;
|
|
line-height: 1;
|
|
}
|
|
</style>
|