Matthias Andreas Benkard | 4982faa | 2021-02-24 06:45:39 +0100 | [diff] [blame^] | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <title>blog - 1.0.0-SNAPSHOT</title> |
| 6 | <style> |
| 7 | h1, h2, h3, h4, h5, h6 { |
| 8 | margin-bottom: 0.5rem; |
| 9 | font-weight: 400; |
| 10 | line-height: 1.5; |
| 11 | } |
| 12 | |
| 13 | h1 { |
| 14 | font-size: 2.5rem; |
| 15 | } |
| 16 | |
| 17 | h2 { |
| 18 | font-size: 2rem |
| 19 | } |
| 20 | |
| 21 | h3 { |
| 22 | font-size: 1.75rem |
| 23 | } |
| 24 | |
| 25 | h4 { |
| 26 | font-size: 1.5rem |
| 27 | } |
| 28 | |
| 29 | h5 { |
| 30 | font-size: 1.25rem |
| 31 | } |
| 32 | |
| 33 | h6 { |
| 34 | font-size: 1rem |
| 35 | } |
| 36 | |
| 37 | .lead { |
| 38 | font-weight: 300; |
| 39 | font-size: 2rem; |
| 40 | } |
| 41 | |
| 42 | .banner { |
| 43 | font-size: 2.7rem; |
| 44 | margin: 0; |
| 45 | padding: 2rem 1rem; |
| 46 | background-color: #0d1c2c; |
| 47 | color: white; |
| 48 | } |
| 49 | |
| 50 | body { |
| 51 | margin: 0; |
| 52 | font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
| 53 | } |
| 54 | |
| 55 | code { |
| 56 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
| 57 | font-size: 87.5%; |
| 58 | color: #e83e8c; |
| 59 | word-break: break-word; |
| 60 | } |
| 61 | |
| 62 | .left-column { |
| 63 | padding: .75rem; |
| 64 | max-width: 75%; |
| 65 | min-width: 55%; |
| 66 | } |
| 67 | |
| 68 | .right-column { |
| 69 | padding: .75rem; |
| 70 | max-width: 25%; |
| 71 | } |
| 72 | |
| 73 | .container { |
| 74 | display: flex; |
| 75 | width: 100%; |
| 76 | } |
| 77 | |
| 78 | li { |
| 79 | margin: 0.75rem; |
| 80 | } |
| 81 | |
| 82 | .right-section { |
| 83 | margin-left: 1rem; |
| 84 | padding-left: 0.5rem; |
| 85 | } |
| 86 | |
| 87 | .right-section h3 { |
| 88 | padding-top: 0; |
| 89 | font-weight: 200; |
| 90 | } |
| 91 | |
| 92 | .right-section ul { |
| 93 | border-left: 0.3rem solid #71aeef; |
| 94 | list-style-type: none; |
| 95 | padding-left: 0; |
| 96 | } |
| 97 | |
| 98 | .examples { |
| 99 | display: flex; |
| 100 | flex-wrap: wrap; |
| 101 | margin: 20px 0 20px -40px; |
| 102 | } |
| 103 | |
| 104 | .example { |
| 105 | display: flex; |
| 106 | margin-left: 20px; |
| 107 | margin-bottom: 20px; |
| 108 | flex-direction: column; |
| 109 | width: 350px; |
| 110 | background-color: #205894; |
| 111 | color: white; |
| 112 | } |
| 113 | |
| 114 | .example code { |
| 115 | color: lightgrey; |
| 116 | } |
| 117 | |
| 118 | .example-header { |
| 119 | padding: 20px; |
| 120 | display: flex; |
| 121 | position: relative; |
| 122 | } |
| 123 | |
| 124 | .example-header h4 { |
| 125 | margin: 0; |
| 126 | font-size: 1.4rem; |
| 127 | flex-grow: 1; |
| 128 | line-height: 1.5; |
| 129 | } |
| 130 | |
| 131 | .example-description { |
| 132 | padding: 0 20px; |
| 133 | flex-grow: 1; |
| 134 | } |
| 135 | |
| 136 | .example-paths { |
| 137 | display: flex; |
| 138 | flex-direction: column; |
| 139 | } |
| 140 | |
| 141 | .example-paths a { |
| 142 | display: block; |
| 143 | background-color: transparent; |
| 144 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
| 145 | color: white; |
| 146 | padding: 10px; |
| 147 | text-decoration: none; |
| 148 | } |
| 149 | |
| 150 | .example-paths a:before { |
| 151 | content: '⇨'; |
| 152 | font-weight: bold; |
| 153 | font-size: 1.5rem; |
| 154 | margin: 20px; |
| 155 | } |
| 156 | |
| 157 | .example-paths a:hover { |
| 158 | background-color: #0d1c2c; |
| 159 | } |
| 160 | |
| 161 | .guide-link { |
| 162 | background-color: #71aeef; |
| 163 | position: absolute; |
| 164 | color: white; |
| 165 | text-decoration: none; |
| 166 | top: 0; |
| 167 | right: 0; |
| 168 | padding: 7px; |
| 169 | font-weight: bold; |
| 170 | } |
| 171 | |
| 172 | .guide-link:hover { |
| 173 | background-color: #0d1c2c; |
| 174 | } |
| 175 | </style> |
| 176 | </head> |
| 177 | <body> |
| 178 | |
| 179 | <div class="banner lead"> |
| 180 | Your new Cloud-Native application is ready! |
| 181 | </div> |
| 182 | |
| 183 | <div class="container"> |
| 184 | <div class="left-column"> |
| 185 | <p class="lead"> Congratulations, you have created a new Quarkus cloud application.</p> |
| 186 | |
| 187 | <h2>Why do you see this?</h2> |
| 188 | |
| 189 | <p>This page is served by Quarkus. The source is in |
| 190 | <code>src/main/resources/META-INF/resources/index.html</code>.</p> |
| 191 | |
| 192 | <h2>What can I do from here?</h2> |
| 193 | |
| 194 | <p>If not already done, run the application in <em>dev mode</em> using: <code>./mvnw compile quarkus:dev</code>. |
| 195 | </p> |
| 196 | <ul> |
| 197 | <li>Play with your example code in <code>src/main/java</code>: |
| 198 | <div class="examples"> |
| 199 | <div class="example"> |
| 200 | <div class="example-header"> |
| 201 | <h4>RESTEasy Reactive</h4> |
| 202 | <a href="https://quarkus.io/guides/getting-started-reactive" target="_blank" class="guide-link">Guide</a> |
| 203 | </div> |
| 204 | <div class="example-description"> |
| 205 | <p>A Hello World RESTEasy Reactive resource</p> |
| 206 | |
| 207 | </div> |
| 208 | <div class="example-paths"> |
| 209 | <a href="/hello-resteasy-reactive" class="path-link" target="_blank">GET /hello-resteasy-reactive</a> |
| 210 | </div> |
| 211 | </div> |
| 212 | |
| 213 | </div> |
| 214 | </li> |
| 215 | <li>Your static assets are located in <code>src/main/resources/META-INF/resources</code>.</li> |
| 216 | <li>Configure your application in <code>src/main/resources/application.properties</code>.</li> |
| 217 | </ul> |
| 218 | <h2>Do you like Quarkus?</h2> |
| 219 | <p>Go give it a star on <a href="https://github.com/quarkusio/quarkus">GitHub</a>.</p> |
| 220 | </div> |
| 221 | <div class="right-column"> |
| 222 | <div class="right-section"> |
| 223 | <h3>Application</h3> |
| 224 | <ul> |
| 225 | <li>GroupId: eu.mulk.demos</li> |
| 226 | <li>ArtifactId: blog</li> |
| 227 | <li>Version: 1.0.0-SNAPSHOT</li> |
| 228 | <li>Quarkus Version: 1.11.3.Final</li> |
| 229 | </ul> |
| 230 | </div> |
| 231 | <div class="right-section"> |
| 232 | <h3>Next steps</h3> |
| 233 | <ul> |
| 234 | <li><a href="https://quarkus.io/guides/maven-tooling.html" target="_blank">Setup your IDE</a></li> |
| 235 | <li><a href="https://quarkus.io/guides/getting-started.html" target="_blank">Getting started</a></li> |
| 236 | <li><a href="https://quarkus.io" target="_blank">Quarkus Web Site</a></li> |
| 237 | </ul> |
| 238 | </div> |
| 239 | </div> |
| 240 | </div> |
| 241 | </body> |
| 242 | </html> |