1 | <html>
|
2 | <head>
|
3 | <meta charset="UTF-8">
|
4 | <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
|
5 |
|
6 | <style>
|
7 |
|
8 | body {
|
9 | font-family: "Lato", sans-serif;
|
10 | background-color: #1e1f23 !important;
|
11 | color:#555459;
|
12 | line-height: 1.5rem;
|
13 | -webkit-font-smoothing: antialiased;
|
14 | }
|
15 |
|
16 | .main-content {
|
17 | width: 59.36%;
|
18 | display: block;
|
19 | margin: 100px auto;
|
20 | text-align: center;
|
21 | }
|
22 |
|
23 | img {
|
24 | width : 80px;
|
25 | }
|
26 |
|
27 | .card {
|
28 | background-color: #FFF;
|
29 | border-radius: .25rem;
|
30 | box-shadow: 0 1px 0 rgba(0,0,0,.25);
|
31 | padding: 2rem 2rem 1rem;
|
32 | position: relative;
|
33 | border: 1px solid #E8E8E8;
|
34 | min-height: 400px;
|
35 | display: block;
|
36 | }
|
37 | .team {
|
38 | color: #555459;
|
39 | font-size: 1.3.em;
|
40 | font-weight: 700;
|
41 | }
|
42 | .title {
|
43 | font-size: 1.5em;
|
44 | }
|
45 | p {
|
46 | padding: 15px;
|
47 | }
|
48 |
|
49 | .icon {
|
50 | padding-top: 15px;
|
51 | }
|
52 |
|
53 | a {
|
54 | text-decoration: none;
|
55 | color: #007AB8;
|
56 | }
|
57 |
|
58 | footer {
|
59 | font-size: 11px;
|
60 | position: absolute;
|
61 | bottom: 5px;
|
62 | width: 100%;
|
63 | margin-left: -30px;
|
64 | }
|
65 |
|
66 | </style>
|
67 | </head>
|
68 |
|
69 | <body>
|
70 | <div class="main-content">
|
71 | <div class="card">
|
72 | <h1>{{title}}</h1>
|
73 | <p>{{description}} </p>
|
74 |
|
75 | <img src="https://icons.recime.io/{{id}}.png" alt="icon"/>
|
76 |
|
77 | <p>If you're seeing this page via web browser, it means you've successfully deployed the bot. </p>
|
78 |
|
79 | <p class="title">Congratulations!</p>
|
80 |
|
81 | <div class="icon">
|
82 | <svg height="100px" version="1.1" viewBox="0 0 24 50" width="50px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><defs><path d="M5,6 L5,15 L19,15 L19,12 L8,12 L8,6 L5,6 Z" id="path-1"/></defs><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g id="checkmark_done_complete"><circle cx="12" cy="12" fill="#03dc73" id="close-2" r="12"/><g id="Rectangle-70"><use fill="#ECF0F1" fill-rule="evenodd" transform="translate(12.000000, 10.500000) rotate(-45.000000) translate(-12.000000, -10.500000) " xlink:href="#path-1"/><use fill="none" xlink:href="#path-1"/></g></g></g></svg>
|
83 | </div>
|
84 | <footer> Recime © 2017 </footer>
|
85 | </div>
|
86 | </div>
|
87 | </body>
|
88 |
|
89 | </html> |
\ | No newline at end of file |