|
3 | 3 | xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> |
4 | 4 | <head> |
5 | 5 | <meta charset="UTF-8" /> |
| 6 | + <meta content="minimum-scale=1.0, width=device-width" name="viewport" /> |
6 | 7 | <title>It works!</title> |
7 | | - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,700" /> |
8 | 8 | <style> |
9 | 9 | body { |
10 | | - background: #0e141a; |
11 | | - font-family: 'Open Sans', sans-serif; |
| 10 | + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
| 11 | + -webkit-font-smoothing: antialiased; |
12 | 12 | } |
13 | 13 | .container { |
14 | | - position: absolute; |
15 | | - top: 50%; |
16 | 14 | left: 50%; |
17 | | - transform: translate(-50%, -50%); |
| 15 | + position: absolute; |
18 | 16 | text-align: center; |
| 17 | + top: 45%; |
| 18 | + transform: translate(-50%, -50%); |
| 19 | + width: 90%; |
19 | 20 | } |
20 | 21 | h1 { |
21 | | - font-size: 72px; |
22 | | - font-weight: 700; |
23 | | - color: #00d46a; |
24 | | - margin: 0; |
| 22 | + color: rgb(14,20,26); |
| 23 | + font-size: 46px; |
| 24 | + font-weight: 900; |
| 25 | + letter-spacing: 0; |
| 26 | + line-height: 60px; |
| 27 | + margin: 6px 0 0; |
25 | 28 | } |
26 | 29 | h2 { |
27 | | - font-weight: 300; |
28 | | - color: rgba(255, 255, 255, 0.9); |
29 | | - margin: 0; |
30 | | - } |
31 | | - .logo { |
32 | | - position: absolute; |
33 | | - bottom: 20px; |
34 | | - left: 50%; |
35 | | - transform: translate(-50%, -50%); |
| 30 | + color: rgba(14,20,26,.8); |
| 31 | + font-size: 18px; |
| 32 | + font-weight: 400; |
| 33 | + letter-spacing: 0; |
| 34 | + line-height: 30px; |
| 35 | + margin: 12px 0 0; |
36 | 36 | } |
37 | 37 | </style> |
38 | 38 | </head> |
39 | 39 | <body> |
40 | 40 | <div class="container"> |
41 | 41 | <div layout:fragment="content"> |
42 | | - <h1>It works!</h1> |
43 | | - <h2>Now you're ready to roll.</h2> |
| 42 | + <svg width="270px" height="270px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 43 | + <!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch --> |
| 44 | + <title>illustration</title> |
| 45 | + <desc>Created with Sketch.</desc> |
| 46 | + <defs> |
| 47 | + <path d="M90.0000035,91.9999367 C95.5000055,91.9999367 100.000007,87.4999509 100.000007,81.9999684 C100.000007,76.4999858 95.5000055,72 90.0000035,72 C84.5000016,72 80,76.4999858 80,81.9999684 C80,87.4999509 84.5000016,91.9999367 90.0000035,91.9999367 Z" id="path-1"></path> |
| 48 | + </defs> |
| 49 | + <g id="Workflow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
| 50 | + <g id="01-page-sample" transform="translate(-585.000000, -156.000000)"> |
| 51 | + <g id="view-1"> |
| 52 | + <g id="illustration" transform="translate(585.000000, 156.000000)"> |
| 53 | + <circle id="circle-outer-2" fill-opacity="0.0599999987" fill="#00D46A" cx="135" cy="135" r="135"></circle> |
| 54 | + <circle id="circle-outer-1" fill-opacity="0.1" fill="#00D46A" cx="135" cy="135" r="114"></circle> |
| 55 | + <g id="icon" transform="translate(45.000000, 45.000000)"> |
| 56 | + <circle id="container" fill-opacity="0.2" fill="#00D46A" cx="90" cy="90" r="90"></circle> |
| 57 | + <circle id="outline" stroke-opacity="0.08" stroke="#00D46A" stroke-width="30" cx="90" cy="90" r="75"></circle> |
| 58 | + <path d="M123.562741,90.4376457 C124.437744,91.375149 125.000246,92.6251534 125.000246,94.0001583 L125.000246,114.000229 C125.000246,116.750238 122.750238,119.000246 120.000229,119.000246 C119.000225,119.000246 118.000222,118.687745 117.250219,118.187743 L117.187719,118.125243 L102.625167,108.437709 C101.000162,110.062715 100.687661,110.375216 98.5626532,112.562724 C97.6251499,113.437727 96.3751455,114.000229 95.0001407,114.000229 L85.0001055,114.000229 C83.6251007,114.000229 82.3750963,113.437727 81.437593,112.562724 C79.3125855,110.375216 79.0000844,110.062715 77.3750787,108.437709 L62.8125275,118.125243 L62.7500273,118.187743 C62.0000246,118.687745 61.0000211,119.000246 60.0000176,119.000246 C57.2500079,119.000246 55,116.750238 55,114.000229 L55,94.0001583 C55,92.6251534 55.562502,91.375149 56.4375051,90.4376457 C63.0000281,83.9376229 64.2500325,82.6876185 70.0000528,76.9375982 L70.0000528,74.0000879 C70.0000528,68.625069 72.1250602,63.7500519 75.5625723,60.1250391 C80.0625881,55.1250215 80.1250884,55.0000211 82.5625969,52.3125116 C84.3751033,50.2500044 87.0626128,49 90.0001231,49 C92.9376334,49 95.6251429,50.2500044 97.4376492,52.3125116 C99.8751578,55.0000211 99.937658,55.1250215 104.437674,60.1250391 C107.875186,63.7500519 110.000193,68.625069 110.000193,74.0000879 L110.000193,76.9375982 C115.750214,82.6876185 117.000218,83.9376229 123.562741,90.4376457 Z" id="rocket" fill="#00D46A"></path> |
| 59 | + <g id="window" fill="#FFFFFF"> |
| 60 | + <use xlink:href="#path-1"></use> |
| 61 | + <use xlink:href="#path-1"></use> |
| 62 | + </g> |
| 63 | + <rect id="line" fill="#FFFFFF" x="86" y="114" width="8" height="111"></rect> |
| 64 | + </g> |
| 65 | + </g> |
| 66 | + </g> |
| 67 | + </g> |
| 68 | + </g> |
| 69 | + </svg> |
| 70 | + <h1>My site is live!</h1> |
| 71 | + <h2>Wow, that was easy.</h2> |
44 | 72 | </div> |
45 | 73 | </div> |
46 | | - |
47 | | - <img class="logo" src="https://cloud.githubusercontent.com/assets/398893/16279177/af9b3622-386e-11e6-920e-3a3f33169831.png" width="150" alt="WeDeploy" /> |
48 | 74 | </body> |
49 | 75 | </html> |
0 commit comments