Commit b6816674 authored by femiadeyemi's avatar femiadeyemi
Browse files

create new anonymous landing page for the helmholtz cloud

Motivation:

A simple anonymous landing page will increase the usability of
helmholtz cloud portal. This page is design with little or no
distraction. It is hyper-focus on getting the user to login and
to see list of available resources.

Modification:

- add svg images/icon for feature services
- create a very simple SPA js router
- check if the client is already authenticated or not
- use hifis logo as favicon
- create a variety of custom elements that is use in
    the landing-view element.
- add hermann font

Result:

A responive and simple user friendly landing page
parent be5a5a2a
Pipeline #56975 failed with stages
in 3 minutes and 32 seconds
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="Description" content="">
<base href="/">
<title>Helmholtz Cloud</title>
<script src="./scripts/authentication-status.js" type="text/javascript"></script>
<link rel="apple-touch-icon" sizes="180x180" href="media/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="media/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="media/favicons/favicon-16x16.png">
<link rel="manifest" href="media/favicons/site.webmanifest">
<link rel="mask-icon" href="media/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ddd5bc">
<meta name="theme-color" content="#ffffff">
<script src="./scripts/config.js" type="text/javascript"></script>
<style>
* {
box-sizing: border-box
......@@ -11,9 +22,13 @@
html, body {
margin: 0;
padding: 0;
font-family: Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: Inter, -apple-system,
BlinkMacSystemFont, Segoe UI,
Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji,
Segoe UI Symbol;
font-weight: 200;
line-height: 1.5;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
}
@font-face {
......@@ -21,15 +36,12 @@
font-style: normal;
font-weight: 400;
font-display: block;
src: url(styles/font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
src: url(styles/font/material-icon.woff2) format('woff2');
}
@font-face {
font-family: 'Luckiest Guy';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Luckiest Guy Regular'), local('LuckiestGuy-Regular'), url(styles/font/_gP_1RrxsjcxVyin9l9n_j2hTd52ijl7aQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-family: 'Hermann';
font-weight: bold;
src: url(styles/font/Hermann-Bold.otf) format('opentype');
}
.material-icons {
font-family: 'Material Icons',serif;
......@@ -46,31 +58,28 @@
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
.loading-overlay {
.hidden-overflow {
overflow: hidden;
}
#loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 45vh;
background: #fff;
z-index: 100;
}
</style>
<title>Helmholtz Marketplace Web App</title>
</head>
<body>
<helmholtz-marketplace-app>
<div class="loading-overlay">
<h1>Helmholtz Marketplace Web App</h1>
<p>Loading...</p>
</div>
<noscript>
<p>Please enable JavaScript to view this website.</p>
</noscript>
</helmholtz-marketplace-app>
<script type="module" src="./src/helmholtz-marketplace-app.js"></script>
<body class="hidden-overflow">
<div id="loading-overlay">
<h1>Helmholtz Cloud Computing</h1>
<p>Loading...</p>
</div>
<div id="outlet"></div>
<script type="module" src="scripts/init.js"></script>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="images/favicons/mstile-150x150.png"/>
<TileColor>#ddd5bc</TileColor>
</tile>
</msapplication>
</browserconfig>
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="1056.000000pt" height="1056.000000pt" viewBox="0 0 1056.000000 1056.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,1056.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M9000 9356 c-58 -16 -102 -39 -142 -75 -25 -21 -48 -30 -93 -35 -863
-104 -1653 -546 -2210 -1238 -90 -113 -240 -340 -311 -470 -31 -60 -64 -108
-72 -108 -7 0 -48 9 -90 19 -388 98 -873 108 -1282 27 -941 -188 -1739 -822
-2136 -1698 -66 -146 -142 -367 -179 -518 -15 -63 -29 -116 -30 -118 -2 -2
-61 7 -132 19 -167 30 -482 33 -638 6 -534 -93 -968 -355 -1289 -780 -504
-669 -528 -1593 -58 -2293 279 -415 679 -698 1166 -825 243 -63 4 -59 3847
-59 3199 0 3506 -1 3557 -16 170 -50 365 43 444 212 74 158 34 335 -102 456
l-48 43 449 1455 c246 800 460 1491 473 1536 l26 81 62 7 c232 24 397 262 334
481 -21 70 -70 150 -117 189 -52 44 -148 85 -216 92 l-61 7 -42 141 c-23 77
-57 191 -75 251 -18 61 -54 180 -79 265 -25 85 -89 299 -141 475 -53 176 -116
390 -141 475 -26 85 -61 205 -79 265 -18 61 -81 272 -140 470 -59 198 -120
403 -136 455 l-29 95 54 50 c101 95 142 192 134 319 -8 128 -89 255 -199 311
-83 43 -191 55 -279 31z m167 -201 c50 -21 72 -42 94 -90 46 -101 2 -205 -105
-250 -71 -30 -159 -1 -210 68 -17 23 -21 43 -21 101 0 65 3 77 29 110 51 67
138 92 213 61z m-417 -540 c0 -3 -12 -24 -27 -48 -41 -65 -1307 -2028 -1390
-2156 -41 -63 -77 -121 -80 -129 -7 -18 -34 -13 -233 43 -85 24 -231 64 -325
90 -93 26 -224 62 -290 80 -66 19 -196 55 -290 80 -93 26 -224 62 -290 80 -66
19 -196 54 -290 80 -93 26 -215 59 -270 74 -55 16 -121 34 -148 41 -50 13 -65
26 -50 41 16 16 307 28 459 19 270 -18 491 -69 789 -186 106 -41 196 -74 202
-74 6 0 44 82 83 183 184 461 377 757 691 1062 366 355 841 604 1344 705 101
20 115 22 115 15z m304 -9 l70 -12 83 -279 c46 -154 104 -350 129 -435 25 -85
61 -204 79 -265 18 -60 61 -204 95 -320 34 -115 79 -266 100 -335 21 -69 59
-197 85 -285 26 -88 62 -209 80 -270 18 -60 61 -204 95 -320 34 -115 73 -245
86 -288 13 -43 24 -82 24 -86 0 -5 -34 -42 -75 -84 l-74 -76 -143 39 c-135 37
-238 65 -588 162 -80 22 -210 58 -290 80 -80 22 -210 58 -290 80 -80 22 -199
55 -265 73 -136 37 -333 92 -575 159 -230 63 -252 70 -253 80 0 7 198 317 579
906 181 281 527 818 729 1132 127 197 235 357 240 357 6 0 41 -6 79 -13z
m-4270 -1579 c48 -37 69 -80 69 -142 0 -194 -264 -257 -344 -81 -23 52 -24
100 0 151 34 75 90 107 177 103 49 -3 69 -10 98 -31z m1107 -572 c470 -129
917 -252 994 -274 77 -21 161 -44 188 -51 26 -7 50 -17 53 -22 6 -9 -27 -61
-396 -633 -128 -198 -258 -399 -289 -447 -31 -49 -60 -88 -66 -87 -5 0 -155
179 -332 397 -177 218 -489 602 -693 852 -203 250 -370 457 -370 460 0 12 41
50 49 45 5 -2 392 -110 862 -240z m-1508 179 c49 -56 49 -57 13 -131 -33 -66
-681 -1417 -776 -1618 -26 -55 -80 -167 -120 -250 -40 -82 -92 -192 -116 -242
-23 -51 -48 -93 -53 -93 -6 0 -81 33 -167 73 l-156 72 6 135 c24 498 139 874
384 1255 205 319 481 578 827 777 55 32 106 58 113 58 7 0 27 -16 45 -36z
m599 -269 c854 -1049 1061 -1302 1165 -1430 68 -82 122 -157 121 -166 -2 -8
-169 -273 -372 -588 l-370 -572 -40 6 c-63 10 -75 15 -80 33 -3 9 -39 188 -81
397 -41 209 -84 425 -95 480 -11 55 -65 327 -120 605 -55 278 -109 550 -120
605 -64 311 -150 757 -150 777 0 28 -5 33 142 -147z m-325 123 c5 -7 28 -110
51 -228 68 -350 240 -1217 262 -1325 11 -55 65 -327 120 -605 55 -278 109
-548 120 -600 26 -124 26 -136 -7 -157 -16 -9 -46 -34 -69 -55 l-41 -39 -64
29 c-35 16 -127 59 -204 95 -77 35 -228 105 -335 155 -107 50 -307 143 -445
206 -137 64 -316 147 -397 184 -81 37 -148 70 -148 73 0 4 28 65 61 135 34 71
85 179 114 239 53 112 683 1425 826 1724 44 90 79 167 79 172 0 14 66 11 77
-3z m2810 -467 c134 -37 259 -72 583 -161 85 -24 216 -60 290 -80 74 -21 205
-57 290 -80 85 -24 216 -60 290 -80 74 -21 180 -50 235 -65 55 -14 120 -33
145 -40 25 -7 115 -32 200 -55 306 -84 287 -76 293 -118 2 -20 -1 -42 -7 -49
-8 -9 -2440 -1095 -2683 -1199 l-33 -14 -84 102 c-444 542 -488 600 -480 618
17 37 809 1260 816 1260 4 0 69 -17 145 -39z m2778 -490 c125 -56 151 -211 50
-299 -96 -85 -225 -59 -282 56 -29 60 -27 112 8 169 50 80 143 111 224 74z
m-322 -454 l58 -53 -471 -1528 c-258 -840 -472 -1531 -475 -1535 -2 -5 -29
-11 -58 -14 -30 -4 -72 -13 -95 -21 l-41 -15 -49 57 c-27 31 -129 156 -227
277 -99 121 -348 427 -554 680 -206 253 -453 557 -550 675 -96 118 -197 242
-223 274 -27 32 -45 63 -41 67 8 7 2652 1187 2663 1188 3 0 31 -24 63 -52z
m-3270 -762 c186 -228 242 -303 234 -312 -20 -19 -1168 -524 -1185 -521 -45 9
-56 -8 511 868 77 118 147 227 156 243 9 15 21 26 27 25 6 -2 122 -138 257
-303z m-4398 230 c136 -28 250 -72 489 -187 127 -61 239 -110 250 -110 19 1
230 -90 252 -109 12 -10 -74 -199 -239 -529 l-42 -85 -60 3 c-33 1 -166 11
-295 22 -235 19 -519 42 -1005 80 -143 11 -368 29 -500 40 -132 10 -271 21
-308 23 -37 3 -71 7 -74 11 -12 12 51 139 120 244 219 331 574 558 960 612 94
13 360 5 452 -15z m1222 -509 c41 -21 294 -138 533 -248 36 -17 103 -48 150
-70 47 -22 222 -103 390 -180 303 -140 328 -153 318 -163 -2 -3 -108 4 -234
14 -126 11 -350 29 -499 41 -148 12 -373 30 -500 40 -126 10 -280 22 -341 25
-61 4 -116 10 -123 14 -8 6 22 80 105 252 131 275 143 299 148 299 3 0 26 -11
53 -24z m3795 -481 c778 -957 1232 -1513 1310 -1607 76 -93 99 -128 84 -128
-1 0 -50 22 -107 49 -110 51 -761 354 -864 401 -33 15 -130 60 -215 100 -85
40 -182 85 -215 100 -33 15 -127 59 -210 97 -82 39 -240 112 -350 163 -110 51
-267 124 -350 163 -82 38 -177 82 -210 97 -198 91 -351 164 -361 171 -12 9 -9
152 3 157 4 2 278 124 608 272 330 147 607 268 616 267 9 -1 126 -137 261
-302z m-6372 -45 c85 -6 234 -17 330 -25 253 -22 534 -44 695 -55 77 -6 214
-17 305 -25 91 -7 210 -17 265 -20 151 -10 375 -32 381 -37 2 -3 -30 -77 -71
-164 -42 -88 -88 -184 -103 -214 -14 -30 -99 -208 -189 -395 l-163 -340 -92
-6 c-76 -4 -105 -11 -159 -37 -119 -57 -202 -173 -215 -301 l-7 -62 -51 6
c-156 20 -336 77 -475 151 -363 193 -618 535 -707 944 -32 151 -29 435 7 564
10 38 11 38 52 32 23 -3 112 -10 197 -16z m4581 -106 c49 -25 99 -104 99 -159
0 -32 -25 -90 -53 -122 -54 -61 -129 -79 -204 -48 -50 21 -72 42 -94 90 -72
156 98 317 252 239z m-2181 -84 c74 -6 218 -17 320 -25 102 -9 246 -20 320
-25 74 -5 216 -16 315 -25 359 -30 572 -46 663 -52 59 -4 92 -10 92 -17 0 -7
-548 -255 -1217 -553 l-1218 -541 -34 33 -34 33 21 49 c11 26 60 129 107 228
48 99 114 236 147 305 32 69 112 235 176 368 l116 244 46 -6 c25 -3 106 -10
180 -16z m1835 -359 c55 -51 112 -80 188 -95 l60 -12 25 -125 c13 -68 59 -298
101 -511 l77 -388 -1467 0 -1466 0 -7 43 c-5 30 -3 44 6 50 28 18 2414 1076
2427 1076 8 1 33 -17 56 -38z m661 -2 c49 -22 152 -70 229 -106 205 -95 245
-114 405 -188 80 -37 177 -82 215 -100 39 -18 135 -63 215 -100 80 -37 177
-82 215 -100 201 -94 688 -319 890 -412 127 -59 234 -110 239 -115 6 -4 -541
-8 -1215 -8 l-1225 0 -38 193 c-20 105 -46 235 -57 287 -45 217 -109 551 -109
568 0 11 19 31 48 50 26 17 56 40 66 51 11 12 22 21 26 21 4 0 47 -18 96 -41z
m-3469 -940 c101 -38 145 -164 92 -259 -70 -124 -258 -120 -319 6 -71 145 77
310 227 253z m6734 -281 c85 -25 138 -112 125 -203 -9 -60 -71 -127 -134 -146
-119 -35 -248 81 -226 202 13 68 67 130 132 149 39 12 60 12 103 -2z"/>
</g>
</svg>
{
"name": "Helmholtz Cloud",
"short_name": "Helmholtz Cloud",
"icons": [
{
"src": "images/favicons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "images/favicons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 406.03 335.139" width="406.03pt" height="335.139pt"><defs><clipPath id="_clipPath_ofwHiBVQP08qh4yirBkYvfJRK3oIt3lf"><rect x="0" y="0" width="406.03" height="335.139"/></clipPath></defs><g clip-path="url(#_clipPath_ofwHiBVQP08qh4yirBkYvfJRK3oIt3lf)"><g><radialGradient id="_rgradient_0" fx="0.26862765073270867" fy="0.0900782465116392" cx="0.26862765073270867" cy="0.0900782465116392" r="1" gradientTransform="matrix(406.03,0,0,335.139,0,0)" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-opacity="1" style="stop-color:rgb(125,134,231)"/><stop offset="100%" stop-opacity="1" style="stop-color:rgb(0,17,183)"/></radialGradient><path d=" M 38.57 332.025 C 34.896 321.227 60.95 313.67 77.402 313.308 C 98.84 312.837 118.208 314.817 145.123 312.806 C 139.877 296.294 145.485 274.382 150.291 261.061 C 151.012 232.32 147.669 205.754 144.209 186.739 C 143.26 181.526 151.392 182.517 161.233 190.693 C 171.074 198.869 182.623 214.229 188.51 225.634 C 197.072 238.869 223.235 284.726 191.927 284.72 C 184.754 284.719 186.068 278.755 179.972 276.826 C 173.371 278.361 161.076 294.297 163.192 313.095 C 172.078 313.941 181.196 312.311 191.023 312.921 C 202.464 299.767 208.66 289.672 211.179 274.593 C 211.91 257.294 207.707 244.943 195.775 225.952 C 183.844 206.961 159.809 182.587 132.849 170.075 C 115.505 162.025 99.69 146.87 90.436 130.491 C 78.5 109.363 96.649 76.045 85.333 65.526 C 67.928 63.808 36.113 65.816 35.254 65.982 C 2.392 72.366 13.389 81.794 4.629 83.427 C -0.894 84.457 -1.841 72.315 3.788 66.009 C 10.392 58.61 25.49 51.936 36.705 47.312 C 43.642 44.452 60.586 37.961 68.06 35.029 C 79.333 30.606 79.558 26.197 82.764 21.529 C 84.773 18.603 117.723 4.417 129.27 2.765 C 136.826 1.683 172.75 -7.108 190.778 13.667 C 205.385 30.499 200.526 50.982 194.835 68.841 C 222.321 67.918 259.977 94.237 283.082 116.77 C 324.66 155.157 352.274 205.276 379.567 254.111 C 386.001 266.793 398.684 277.301 406.03 289.5 C 403.53 292.014 396.294 291.112 391.896 286.24 C 388.489 282.466 383.624 280.001 382.31 278.818 C 379.696 276.464 361.274 261.916 352.172 256.882 C 322.047 236.358 288.859 221.021 255.02 207.805 C 227.757 193.089 173.691 166.194 160.007 144.324 C 154.916 136.187 159.735 118.625 156.798 113.242 C 154.038 125.538 151.469 145.088 158.943 153.755 C 174.557 171.859 237.645 203.619 266.134 216.878 C 294.916 230.274 342.807 259.615 365.951 287.373 C 368.749 290.728 377.212 318.018 362.703 320.079 C 345.453 322.529 319.671 323.255 303.301 301.975 C 294.019 289.909 281.436 267.077 271.073 262.891 C 272.46 273.49 265.722 285.867 260.304 285.756 C 253.896 285.63 247.279 274.711 239.286 270.746 C 227.798 265.049 229.75 299.557 220.316 312.868 C 232.678 312.514 254.157 314.903 267.377 315.346 C 281.196 315.81 300.888 335.325 275.511 331.641 C 259.114 329.261 230.438 323.202 226.042 323.756 C 207.672 324.025 175.879 323.403 166.973 323.853 C 173.229 325.268 173.391 330.107 169.502 331.206 C 165.847 332.239 154.566 327.019 150.155 323.784 C 146.376 323.643 93.688 322.71 78.819 328.645 C 63.95 334.58 40.597 337.981 38.57 332.025 L 38.57 332.025 Z " fill="url(#_rgradient_0)"/></g></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 586 559" style="enable-background:new 0 0 586 559;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FAFAFA;}
.st1{fill:#F0F0F0;}
.st2{fill:#FFFFFF;}
.st3{fill:#E24329;}
.st4{fill:#FCA326;}
.st5{fill:#FC6D26;}
.st6{fill:#8C929D;}
.st7{fill:#2E2E2E;}
.st8{fill:none;stroke:#FCA326;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st9{fill:none;stroke:#FC6D26;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st10{fill:none;stroke:#E24329;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st11{fill:none;stroke:#F0F0F0;stroke-miterlimit:10;}
.st12{fill:#231F20;}
.st13{fill:none;stroke:#231F20;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st14{display:none;}
.st15{display:inline;opacity:0.1;fill:#E828E3;}
.st16{display:inline;}
.st17{opacity:0.1;fill:#E828E3;}
.st18{font-family:'SourceSansPro-Semibold';}
.st19{font-size:24px;}
.st20{display:inline;fill:#DB3B21;}
.st21{display:inline;fill:#FC6D26;}
.st22{display:inline;fill:#2E2E2E;}
.st23{display:inline;fill:#6E49CB;}
.st24{display:inline;fill:#380D75;}
.st25{display:inline;fill:#FCA121;}
.st26{opacity:0.6;fill:none;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:12,6;}
.st27{fill:none;stroke:#444444;stroke-width:1.5339;stroke-miterlimit:10;}
</style>
<g id="logo_art">
<g>
<path id="path50_2_" class="st3" d="M293.026,434.983L293.026,434.983l62.199-191.322H230.918L293.026,434.983L293.026,434.983z"
/>
<path id="path66_6_" class="st4" d="M143.798,243.662L143.798,243.662l-18.941,58.126c-1.714,5.278,0.137,11.104,4.661,14.394
l163.509,118.801L143.798,243.662L143.798,243.662z"/>
<path id="path74_2_" class="st3" d="M143.798,243.662h87.12l-37.494-115.224c-1.919-5.895-10.282-5.895-12.27,0L143.798,243.662
L143.798,243.662z"/>
<path id="path82_6_" class="st4" d="M442.346,243.662L442.346,243.662l18.873,58.126c1.714,5.278-0.137,11.104-4.661,14.394
L293.026,434.983L442.346,243.662L442.346,243.662z"/>
<path id="path86_2_" class="st3" d="M442.346,243.662h-87.12l37.425-115.224c1.919-5.895,10.282-5.895,12.27,0L442.346,243.662
L442.346,243.662z"/>
<polygon class="st5" points="293.026,434.983 355.225,243.662 442.346,243.662 "/>
<polygon class="st5" points="293.026,434.983 143.798,243.662 230.918,243.662 "/>
</g>
</g>
<g id="spacing_guides" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="st14">
<path id="path40_18_" sketch:type="MSShapeGroup" class="st15" d="M0,0.5v124h586V0.5H0L0,0.5z"/>
<path id="path40_16_" sketch:type="MSShapeGroup" class="st15" d="M0,435.5v124h586v-124H0L0,435.5z"/>
<path id="path40_15_" sketch:type="MSShapeGroup" class="st15" d="M462.2,560h124V0h-124V560L462.2,560z"/>
<g class="st16">
<text transform="matrix(1 0 0 1 511.2881 283.3319)" class="st18 st19">1x</text>
</g>
<g class="st16">
<text transform="matrix(1 0 0 1 281.2881 500.9978)" class="st18 st19">1x</text>
</g>
<g class="st16">
<text transform="matrix(1 0 0 1 281.2881 65.998)" class="st18 st19">1x</text>
</g>
<path id="path40_5_" sketch:type="MSShapeGroup" class="st15" d="M0,560h124V0H0V560L0,560z"/>
<g class="st16">
<text transform="matrix(1 0 0 1 51.2881 283.3319)" class="st18 st19">1x</text>
</g>
</g>
</svg>
<svg width="44" height="51" viewBox="0 0 44 51" version="2.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:figma="http://www.figma.com/figma/ns">
<title>Group.svg</title>
<desc>Created using Figma 0.90</desc>
<g id="Canvas" transform="translate(-1640 -2453)" figma:type="canvas">
<g id="Group" style="mix-blend-mode:normal;" figma:type="group">
<g id="Group" style="mix-blend-mode:normal;" figma:type="group">
<g id="Group" style="mix-blend-mode:normal;" figma:type="group">
<g id="g" style="mix-blend-mode:normal;" figma:type="group">
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path9 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path0_fill" transform="translate(1640.54 2474.36)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path10 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path1_fill" transform="translate(1645.68 2474.37)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path11 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path2_fill" transform="translate(1653.39 2474.26)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path12 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path3_fill" transform="translate(1660.43 2474.39)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path13 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path4_fill" transform="translate(1667.55 2472.54)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path14 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path5_fill" transform="translate(1672.47 2474.29)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path15 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path6_fill" transform="translate(1679.98 2474.24)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
</g>
</g>
</g>
</g>
<g id="g" style="mix-blend-mode:normal;" figma:type="group">
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path16 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path7_fill" transform="translate(1673.48 2453.69)" fill="#767677" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path17 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path8_fill" transform="translate(1643.21 2484.27)" fill="#F37726" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path18 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path9_fill" transform="translate(1643.21 2457.88)" fill="#F37726" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path19 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path10_fill" transform="translate(1643.28 2496.09)" fill="#9E9E9E" style="mix-blend-mode:normal;"/>
</g>
</g>
<g id="path" style="mix-blend-mode:normal;" figma:type="group">
<g id="path20 fill" style="mix-blend-mode:normal;" figma:type="vector">
<use xlink:href="#path11_fill" transform="translate(1641.87 2458.43)" fill="#616262" style="mix-blend-mode:normal;"/>
</g>
</g>
</g>
</g>
</g>
</g>
<defs>
<path id="path0_fill" d="M 1.74498 5.47533C 1.74498 7.03335 1.62034 7.54082 1.29983 7.91474C 0.943119 8.23595 0.480024 8.41358 0 8.41331L 0.124642 9.3036C 0.86884 9.31366 1.59095 9.05078 2.15452 8.56466C 2.45775 8.19487 2.6834 7.76781 2.818 7.30893C 2.95261 6.85005 2.99341 6.36876 2.93798 5.89377L 2.93798 0L 1.74498 0L 1.74498 5.43972L 1.74498 5.47533Z"/>
<path id="path1_fill" d="M 5.50204 4.76309C 5.50204 5.43081 5.50204 6.02731 5.55545 6.54368L 4.496 6.54368L 4.42478 5.48423C 4.20318 5.85909 3.88627 6.16858 3.50628 6.38125C 3.12628 6.59392 2.69675 6.70219 2.26135 6.69503C 1.22861 6.69503 0 6.13415 0 3.84608L 0 0.0445149L 1.193 0.0445149L 1.193 3.6057C 1.193 4.84322 1.57583 5.67119 2.65309 5.67119C 2.87472 5.67358 3.09459 5.63168 3.29982 5.54796C 3.50505 5.46424 3.69149 5.34039 3.84822 5.18366C 4.00494 5.02694 4.1288 4.84049 4.21252 4.63527C 4.29623 4.43004 4.33813 4.21016 4.33575 3.98853L 4.33575 0L 5.52874 0L 5.52874 4.72748L 5.50204 4.76309Z"/>
<path id="path2_fill" d="M 0.0534178 2.27264C 0.0534178 1.44466 0.0534178 0.768036 0 0.153731L 1.06836 0.153731L 1.12177 1.2666C 1.3598 0.864535 1.70247 0.534594 2.11325 0.311954C 2.52404 0.0893145 2.98754 -0.0176786 3.45435 0.00238095C 5.03908 0.00238095 6.23208 1.32892 6.23208 3.30538C 6.23208 5.63796 4.7987 6.79535 3.24958 6.79535C 2.85309 6.81304 2.45874 6.7281 2.10469 6.54874C 1.75064 6.36937 1.44888 6.10166 1.22861 5.77151L 1.22861 5.77151L 1.22861 9.33269L 0.0534178 9.33269L 0.0534178 2.29935L 0.0534178 2.27264ZM 1.22861 4.00872C 1.23184 4.17026 1.24972 4.33117 1.28203 4.48948C 1.38304 4.88479 1.61299 5.23513 1.93548 5.48506C 2.25798 5.735 2.65461 5.87026 3.06262 5.86944C 4.31794 5.86944 5.05689 4.8456 5.05689 3.3588C 5.05689 2.05897 4.36246 0.946096 3.10714 0.946096C 2.61036 0.986777 2.14548 1.20726 1.79965 1.5662C 1.45382 1.92514 1.25079 2.3979 1.22861 2.89585L 1.22861 4.00872Z"/>
<path id="path3_fill" d="M 1.31764 0.0178059L 2.75102 3.85499C 2.90237 4.28233 3.06262 4.7987 3.16946 5.18153C 3.2941 4.7898 3.42764 4.29123 3.5879 3.82828L 4.88773 0.0178059L 6.14305 0.0178059L 4.36246 4.64735C 3.47216 6.87309 2.92908 8.02158 2.11 8.71601C 1.69745 9.09283 1.19448 9.35658 0.649917 9.48166L 0.356119 8.48453C 0.736886 8.35942 1.09038 8.16304 1.39777 7.90584C 1.8321 7.55188 2.17678 7.10044 2.4038 6.5882C 2.45239 6.49949 2.48551 6.40314 2.50173 6.3033C 2.49161 6.19586 2.46457 6.0907 2.42161 5.9917L 0 0L 1.29983 0L 1.31764 0.0178059Z"/>
<path id="path4_fill" d="M 2.19013 0L 2.19013 1.86962L 3.8995 1.86962L 3.8995 2.75992L 2.19013 2.75992L 2.19013 6.26769C 2.19013 7.06896 2.42161 7.53191 3.08043 7.53191C 3.31442 7.53574 3.54789 7.5088 3.77486 7.45179L 3.82828 8.34208C 3.48794 8.45999 3.12881 8.51431 2.76882 8.50234C 2.53042 8.51726 2.29161 8.48043 2.06878 8.39437C 1.84595 8.30831 1.64438 8.17506 1.47789 8.00377C 1.11525 7.51873 0.949826 6.91431 1.01494 6.31221L 1.01494 2.75102L 0 2.75102L 0 1.86072L 1.03274 1.86072L 1.03274 0.275992L 2.19013 0Z"/>
<path id="path5_fill" d="M 1.17716 3.57899C 1.153 3.88093 1.19468 4.18451 1.29933 4.46876C 1.40398 4.75301 1.5691 5.01114 1.78329 5.22532C 1.99747 5.43951 2.2556 5.60463 2.53985 5.70928C 2.8241 5.81393 3.12768 5.85561 3.42962 5.83145C 4.04033 5.84511 4.64706 5.72983 5.21021 5.49313L 5.41498 6.38343C 4.72393 6.66809 3.98085 6.80458 3.23375 6.78406C 2.79821 6.81388 2.36138 6.74914 1.95322 6.59427C 1.54505 6.43941 1.17522 6.19809 0.869071 5.88688C 0.562928 5.57566 0.327723 5.2019 0.179591 4.79125C 0.0314584 4.38059 -0.0260962 3.94276 0.0108748 3.50777C 0.0108748 1.54912 1.17716 0 3.0824 0C 5.21911 0 5.75329 1.86962 5.75329 3.06262C 5.76471 3.24644 5.76471 3.43079 5.75329 3.61461L 1.15046 3.61461L 1.17716 3.57899ZM 4.66713 2.6887C 4.70149 2.45067 4.68443 2.20805 4.61709 1.97718C 4.54976 1.74631 4.43372 1.53255 4.2768 1.35031C 4.11987 1.16808 3.92571 1.0216 3.70739 0.920744C 3.48907 0.81989 3.25166 0.767006 3.01118 0.765656C 2.52201 0.801064 2.06371 1.01788 1.72609 1.37362C 1.38847 1.72935 1.19588 2.19835 1.18607 2.6887L 4.66713 2.6887Z"/>
<path id="path6_fill" d="M 0.0534178 2.19228C 0.0534178 1.42663 0.0534178 0.767806 0 0.162404L 1.06836 0.162404L 1.06836 1.43553L 1.12177 1.43553C 1.23391 1.04259 1.4656 0.694314 1.78468 0.439049C 2.10376 0.183783 2.4944 0.034196 2.90237 0.0110538C 3.01466 -0.00368459 3.12839 -0.00368459 3.24068 0.0110538L 3.24068 1.12393C 3.10462 1.10817 2.9672 1.10817 2.83114 1.12393C 2.427 1.13958 2.04237 1.30182 1.7491 1.58035C 1.45583 1.85887 1.27398 2.23462 1.23751 2.63743C 1.20422 2.8196 1.18635 3.00425 1.1841 3.18941L 1.1841 6.65267L 0.00890297 6.65267L 0.00890297 2.20118L 0.0534178 2.19228Z"/>
<path id="path7_fill" d="M 6.03059 2.83565C 6.06715 3.43376 5.92485 4.02921 5.6218 4.54615C 5.31875 5.0631 4.86869 5.47813 4.32893 5.73839C 3.78917 5.99864 3.18416 6.09233 2.59097 6.00753C 1.99778 5.92272 1.44326 5.66326 0.998048 5.26219C 0.552837 4.86113 0.23709 4.33661 0.0910307 3.75546C -0.0550287 3.17431 -0.0247891 2.56283 0.177897 1.99893C 0.380583 1.43503 0.746541 0.944221 1.22915 0.589037C 1.71176 0.233853 2.28918 0.0303686 2.88784 0.00450543C 3.28035 -0.0170932 3.67326 0.0391144 4.04396 0.169896C 4.41467 0.300677 4.75587 0.503453 5.04794 0.766561C 5.34 1.02967 5.57718 1.34792 5.74582 1.70301C 5.91446 2.0581 6.01124 2.44303 6.03059 2.83565L 6.03059 2.83565Z"/>
<path id="path8_fill" d="M 18.6962 7.12238C 10.6836 7.12238 3.64131 4.24672 0 0C 1.41284 3.82041 3.96215 7.1163 7.30479 9.44404C 10.6474 11.7718 14.623 13.0196 18.6962 13.0196C 22.7695 13.0196 26.745 11.7718 30.0877 9.44404C 33.4303 7.1163 35.9796 3.82041 37.3925 4.0486e-13C 33.7601 4.24672 26.7445 7.12238 18.6962 7.12238Z"/>
<path id="path9_fill" d="M 18.6962 5.89725C 26.7089 5.89725 33.7512 8.77291 37.3925 13.0196C 35.9796 9.19922 33.4303 5.90333 30.0877 3.57559C 26.745 1.24785 22.7695 4.0486e-13 18.6962 0C 14.623 4.0486e-13 10.6474 1.24785 7.30479 3.57559C 3.96215 5.90333 1.41284 9.19922 0 13.0196C 3.64131 8.76401 10.648 5.89725 18.6962 5.89725Z"/>
<path id="path10_fill" d="M 7.59576 3.56656C 7.64276 4.31992 7.46442 5.07022 7.08347 5.72186C 6.70251 6.3735 6.13619 6.89698 5.45666 7.22561C 4.77713 7.55424 4.01515 7.67314 3.26781 7.56716C 2.52046 7.46117 1.82158 7.13511 1.26021 6.63051C 0.698839 6.12591 0.300394 5.46561 0.115637 4.73375C -0.0691191 4.00188 -0.0318219 3.23159 0.222777 2.52099C 0.477376 1.8104 0.93775 1.19169 1.54524 0.743685C 2.15274 0.295678 2.87985 0.0386595 3.63394 0.00537589C 4.12793 -0.0210471 4.62229 0.0501173 5.08878 0.214803C 5.55526 0.37949 5.98473 0.63447 6.35264 0.965179C 6.72055 1.29589 7.01971 1.69584 7.233 2.1422C 7.4463 2.58855 7.56957 3.07256 7.59576 3.56656L 7.59576 3.56656Z"/>
<path id="path11_fill" d="M 2.25061 4.37943C 1.81886 4.39135 1.39322 4.27535 1.02722 4.04602C 0.661224 3.81668 0.371206 3.48424 0.193641 3.09052C 0.0160762 2.69679 -0.0411078 2.25935 0.0292804 1.83321C 0.0996686 1.40707 0.294486 1.01125 0.589233 0.695542C 0.883981 0.37983 1.2655 0.158316 1.68581 0.0588577C 2.10611 -0.0406005 2.54644 -0.0135622 2.95143 0.136572C 3.35641 0.286707 3.70796 0.553234 3.96186 0.902636C 4.21577 1.25204 4.3607 1.66872 4.37842 2.10027C 4.39529 2.6838 4.18131 3.25044 3.78293 3.67715C 3.38455 4.10387 2.83392 4.35623 2.25061 4.37943Z"/>
</defs>
</svg>
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" width="77" height="36" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd"><path d="M38.3285.5c-7.8312 0-14.4678 5.3093-16.5252 12.4768-1.7919-3.8493-5.641-6.5039-10.1539-6.5039C5.5438 6.4729.5 11.5167.5 17.6887s5.0438 11.2158 11.2158 11.2158c4.4465 0 8.3621-2.6546 10.154-6.5039 1.9909 7.1675 8.6275 12.4768 16.4587 12.4768 7.7647 0 14.4013-5.243 16.5251-12.3441 1.7918 3.7165 5.641 6.3048 10.0212 6.3048 6.172 0 11.2158-5.0438 11.2158-11.2158S71.0468 6.4729 64.8748 6.4729c-4.3802 0-8.2294 2.5882-10.0212 6.3047C52.7298 5.7429 46.1595.5 38.3285.5zm0 6.5702c5.9065 0 10.6184 4.7119 10.6184 10.6185S44.235 28.3072 38.3285 28.3072s-10.6186-4.712-10.6186-10.6185 4.712-10.6185 10.6186-10.6185zm-26.6128 5.9729c2.5884 0 4.6457 2.0574 4.6457 4.6456s-2.0573 4.6456-4.6457 4.6456-4.6455-2.0574-4.6455-4.6456 2.0573-4.6456 4.6455-4.6456zm53.1591 0c2.5882 0 4.6455 2.0574 4.6455 4.6456s-2.0573 4.6456-4.6455 4.6456-4.6456-2.0574-4.6456-4.6456c.0663-2.5882 2.0572-4.6456 4.6456-4.6456z" fill="#0082c9" fill-rule="nonzero" stroke="none"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 209.67 180.35"><defs><style>.cls-1{opacity:0.98;}.cls-2{fill:#ed1944;}</style></defs><title>OpenStack_Logo_Mark</title><g class="cls-1"><path class="cls-2" d="M461.82,215.24h-150a17.17,17.17,0,0,0-17.12,17.12v40.35h41.61v-6.59a9.26,9.26,0,0,1,9.26-9.26h82.53a9.26,9.26,0,0,1,9.26,9.26v6.59H479V232.36A17.18,17.18,0,0,0,461.82,215.24Z" transform="translate(-294.67 -215.24)"/><path class="cls-2" d="M437.33,344.72a9.27,9.27,0,0,1-9.26,9.26H345.54a9.27,9.27,0,0,1-9.26-9.26v-6.59H294.67v40.34a17.17,17.17,0,0,0,17.12,17.13h150A17.18,17.18,0,0,0,479,378.47V338.13H437.33Z" transform="translate(-294.67 -215.24)"/><rect class="cls-2" y="69.37" width="41.62" height="41.62"/><rect class="cls-2" x="142.66" y="69.37" width="41.62" height="41.62"/></g><path class="cls-2" d="M504.33,386.39a9.2,9.2,0,1,0-9.2,9.21A9.21,9.21,0,0,0,504.33,386.39Zm-9.2,6.94a6.94,6.94,0,1,1,6.94-6.94A6.94,6.94,0,0,1,495.13,393.33Z" transform="translate(-294.67 -215.24)"/><path class="cls-2" d="M498.58,384.72v-.05a2.88,2.88,0,0,0-.76-2.09,3.38,3.38,0,0,0-2.45-.86H492v9h1.86v-3H495l1.66,3h2.14l-1.92-3.35A2.72,2.72,0,0,0,498.58,384.72Zm-1.88.06a1.3,1.3,0,0,1-1.47,1.35h-1.38v-2.72h1.34c1,0,1.51.45,1.51,1.35Z" transform="translate(-294.67 -215.24)"/></svg>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#549DD0;}
.st1{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
.st2{clip-path:url(#SVGID_4_);fill:#FFFFFF;}
.st3{clip-path:url(#SVGID_6_);fill:#FFFFFF;}
</style>
<rect class="st0" width="512" height="512"/>
<g>
<g>
<defs>
<rect id="SVGID_1_" y="0" width="512" height="512"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<path class="st1" d="M408.8,448.1h-22.3c0-179.4-148-325.3-329.9-325.3v-22.3C250.8,100.5,408.8,256.4,408.8,448.1"/>
</g>
<g>
<defs>
<rect id="SVGID_3_" y="0" width="512" height="512"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
</clipPath>
<path class="st2" d="M424.2,328.5C397.4,215.9,306.3,122,192,89.2l5.1-17.8C317.7,106,414,205.2,442.2,324.2L424.2,328.5z"/>
</g>
<g>
<defs>
<rect id="SVGID_5_" y="0" width="512" height="512"/>
</defs>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_5_" style="overflow:visible;"/>
</clipPath>
<path class="st3" d="M441.3,222.9c-27.6-60.1-74.5-112.5-132.2-147.5l7.7-12.7c60.2,36.6,109.2,91.3,138,154L441.3,222.9z"/>
</g>
</g>
</svg>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment