forked from spinnaker/deck
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.deck
193 lines (168 loc) · 16.6 KB
/
index.deck
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!doctype html>
<html class="no-js" ng-app="netflix.spinnaker" ng-strict-di="true">
<head>
<title>Spinnaker</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Sample loading styles -->
<style>
body {
margin: 0;
}
.loading-placeholder {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: #D7E8ED;
color: #149CB5;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.loading-placeholder h1, .loading-placeholder h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
margin: 8px 0;
font-size: 18px;
line-height: 30px;
position: relative;
top: 0;
}
@keyframes rollingColor {
0% {
opacity: 0.5;
}
20% {
opacity: 0.7;
}
40% {
opacity: 0.8;
}
80% {
opacity: 1;
}
90% {
opacity: 0.8;
}
100% {
opacity: 0.6;
}
}
.loading-placeholder .bars {
display: flex;
}
.loading-placeholder div.bar {
margin: 0 2px;
background-color: #149CB5;
animation: rollingColor 2.2s infinite ease-in;
display: inline-block;
min-height: 8px;
min-width: 60px;
}
.loading-placeholder .bar:nth-child(2) {
animation-delay: 0.4s;
}
.loading-placeholder .bar:nth-child(3) {
animation-delay: 0.8s;
}
.loading-placeholder .bar:nth-child(4) {
animation-delay: 1.2s;
}
.loading-placeholder .bar:nth-child(5) {
animation-delay: 1.6s;
}
.loading-placeholder svg {
margin: -50px 0 24px;
}
</style>
</head>
<body>
<!-- Sample loading styles -->
<div ng-style="{display: authenticating ? '' : 'none'}" class="loading-placeholder">
<svg width="322px" height="170px" viewBox="0 0 322 170" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
<title>Group 3</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="82.1790632%" y1="-0.473917274%" x2="34.6134572%" y2="114.440607%" id="linearGradient-1">
<stop stop-color="#39546A" offset="0%"></stop>
<stop stop-color="#26D5F6" offset="50.8270886%"></stop>
<stop stop-color="#149CB5" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
<stop stop-color="#39546A" offset="0%"></stop>
<stop stop-color="#149CB5" offset="52.5031888%"></stop>
<stop stop-color="#149CB5" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Landing-Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-433.000000, -205.000000)" id="Group-3">
<g transform="translate(433.000000, 205.000000)">
<g id="Group-4">
<path d="M135.75,150.070812 C137.053477,151.447018 138.603638,152.56639 140.32,153.370812 C142.023275,154.191536 143.889305,154.618741 145.78,154.620812 C147.78075,154.743482 149.761504,154.163404 151.38,152.980812 C152.689066,151.94434 153.430735,150.349751 153.38,148.680812 C153.403876,147.868721 153.243175,147.061797 152.91,146.320812 C152.60458,145.686489 152.172347,145.121523 151.64,144.660812 C151.0572,144.167132 150.415681,143.74729 149.73,143.410812 L147.37,142.250812 L142.16,139.980812 C141.26779,139.589296 140.399597,139.145182 139.56,138.650812 C138.681271,138.140557 137.879859,137.507509 137.18,136.770812 C136.456868,136.001799 135.874661,135.111564 135.46,134.140812 C134.509176,131.772497 134.577921,129.116764 135.65,126.800812 C136.219499,125.619181 137.030249,124.569976 138.03,123.720812 C139.094069,122.834445 140.315274,122.155998 141.63,121.720812 C143.102462,121.227394 144.647156,120.984029 146.2,121.000812 C148.266035,120.987056 150.311341,121.413162 152.2,122.250812 C153.960793,123.023192 155.559056,124.122634 156.91,125.490812 L154.42,128.490812 C153.344664,127.444135 152.096226,126.591543 150.73,125.970812 C149.289131,125.344607 147.730839,125.034313 146.16,125.060812 C144.412257,124.97331 142.685017,125.46932 141.25,126.470812 C140.021229,127.386096 139.324844,128.850003 139.39,130.380812 C139.366206,131.161136 139.549045,131.933889 139.92,132.620812 C140.296853,133.233296 140.789349,133.76655 141.37,134.190812 C141.974123,134.6615 142.624062,135.070224 143.31,135.410812 C144.01,135.764146 144.73,136.097479 145.47,136.410812 L150.63,138.630812 C151.646567,139.063383 152.629315,139.571471 153.57,140.150812 C154.457399,140.696771 155.259371,141.370698 155.95,142.150812 C156.631712,142.935706 157.166878,143.836681 157.53,144.810812 C157.936627,145.938892 158.133203,147.131908 158.11,148.330812 C158.113152,149.710354 157.819867,151.07447 157.25,152.330812 C156.671523,153.594429 155.829332,154.719623 154.78,155.630812 C153.641221,156.613098 152.323889,157.366829 150.9,157.850812 C149.241159,158.407755 147.499623,158.678285 145.75,158.650812 C140.940154,158.691366 136.326872,156.744742 133,153.270812 L135.75,150.070812 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M163.55,160.881022 L163.55,169.971022 L159,169.971022 L159,131.671022 L162.77,131.671022 L163.16,134.771022 L163.33,134.771022 C164.554314,133.730439 165.89689,132.837627 167.33,132.111022 C168.743433,131.382988 170.310087,131.002466 171.9,131.001022 C173.489575,130.978745 175.063137,131.320824 176.5,132.001022 C177.820281,132.637429 178.963844,133.588682 179.83,134.771022 C180.75689,136.075642 181.434923,137.540193 181.83,139.091022 C182.312505,140.945069 182.544567,142.855377 182.52,144.771022 C182.554594,146.852744 182.236777,148.925318 181.58,150.901022 C181.021113,152.569466 180.156368,154.119225 179.03,155.471022 C178.01687,156.681148 176.750383,157.654056 175.32,158.321022 C173.933965,158.973532 172.421935,159.314848 170.89,159.321022 C169.598526,159.313185 168.323548,159.030235 167.15,158.491022 C165.819749,157.881523 164.564694,157.119765 163.41,156.221022 L163.55,160.881022 Z M163.55,152.621022 C164.597395,153.551345 165.798632,154.29239 167.1,154.811022 C168.05554,155.195991 169.070546,155.412525 170.1,155.451022 C171.172975,155.460291 172.231409,155.202555 173.18,154.701022 C174.139543,154.187047 174.972946,153.466359 175.62,152.591022 C176.354797,151.580882 176.900292,150.445847 177.23,149.241022 C177.635172,147.779412 177.83046,146.267614 177.81,144.751022 C177.817829,143.407828 177.687138,142.067407 177.42,140.751022 C177.204151,139.638284 176.780049,138.576333 176.17,137.621022 C175.610499,136.777812 174.846818,136.089811 173.95,135.621022 C172.945491,135.118659 171.832733,134.871379 170.71,134.901022 C169.496157,134.919731 168.306444,135.242948 167.25,135.841022 C165.903699,136.602118 164.648876,137.514716 163.51,138.561022 L163.55,152.621022 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M186.162016,125.872926 C185.333122,125.896293 184.527166,125.598985 183.912016,125.042926 C183.3298,124.491473 183,123.724846 183,122.922926 C183,122.121006 183.3298,121.354379 183.912016,120.802926 C185.217238,119.732358 187.096794,119.732358 188.402016,120.802926 C188.98691,121.352896 189.318602,122.120076 189.318602,122.922926 C189.318602,123.725776 188.98691,124.492956 188.402016,125.042926 C187.789933,125.597464 186.987656,125.894736 186.162016,125.872926 Z M183.832016,131.412926 L188.382016,131.412926 L188.382016,158.352926 L183.832016,158.352926 L183.832016,131.412926 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M192,131.663051 L195.81,131.663051 L196.2,135.543051 L196.37,135.543051 C197.593753,134.305887 198.959969,133.218285 200.44,132.303051 C201.951497,131.40873 203.684318,130.958197 205.44,131.003051 C208.286667,131.003051 210.366667,131.889717 211.68,133.663051 C212.993333,135.436384 213.66,138.059717 213.68,141.533051 L213.68,158.603051 L209.13,158.603051 L209.13,142.143051 C209.13,139.596384 208.723333,137.759717 207.91,136.633051 C206.983302,135.452896 205.525277,134.817828 204.03,134.943051 C202.716621,134.917785 201.425339,135.283243 200.32,135.993051 C198.99979,136.901896 197.773699,137.940388 196.66,139.093051 L196.66,158.603051 L192.11,158.603051 L192,131.663051 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M217,131.663121 L220.77,131.663121 L221.16,135.543121 L221.33,135.543121 C222.553753,134.305958 223.919969,133.218356 225.4,132.303121 C226.911287,131.408297 228.644255,130.957725 230.4,131.003121 C233.246667,131.003121 235.326667,131.889788 236.64,133.663121 C237.953333,135.436455 238.62,138.059788 238.64,141.533121 L238.64,158.603121 L234,158.603121 L234,142.143121 C234,139.596455 233.593333,137.759788 232.78,136.633121 C231.853302,135.452966 230.395277,134.817899 228.9,134.943121 C227.586621,134.917856 226.295339,135.283313 225.19,135.993121 C223.86979,136.901967 222.643699,137.940459 221.53,139.093121 L221.53,158.603121 L217,158.603121 L217,131.663121 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M240.010481,151.611153 C239.94439,148.771392 241.494618,146.13988 244.010481,144.821153 C246.677148,143.247819 250.880481,142.147819 256.620481,141.521153 C256.621125,140.684856 256.537367,139.850629 256.370481,139.031153 C256.218205,138.259794 255.915807,137.525885 255.480481,136.871153 C255.046085,136.237261 254.46671,135.716166 253.790481,135.351153 C252.947155,134.931761 252.011532,134.732254 251.070481,134.771153 C249.554473,134.756745 248.052244,135.059916 246.660481,135.661153 C245.389605,136.210808 244.174093,136.880511 243.030481,137.661153 L241.200481,134.501153 C242.661716,133.581245 244.200971,132.79154 245.800481,132.141153 C247.704088,131.363623 249.74436,130.975972 251.800481,131.001153 C255.087148,131.001153 257.470481,132.001153 258.950481,134.001153 C260.534976,136.380551 261.313207,139.206018 261.170481,142.061153 L261.170481,158.591153 L257.400481,158.591153 L257.010481,155.381153 L256.900481,155.381153 C255.613724,156.447557 254.211665,157.366609 252.720481,158.121153 C251.253658,158.87279 249.628669,159.26361 247.980481,159.261153 C245.902477,159.335964 243.873176,158.621422 242.300481,157.261153 C240.734617,155.812284 239.89526,153.741381 240.010481,151.611153 Z M244.500481,151.281153 C244.375545,152.547711 244.88461,153.794173 245.860481,154.611153 C246.838988,155.299301 248.014868,155.65031 249.210481,155.611153 C250.497396,155.612384 251.764775,155.296398 252.900481,154.691153 C254.240162,153.955512 255.480227,153.051508 256.590481,152.001153 L256.590481,144.521153 C254.667447,144.753927 252.760524,145.104587 250.880481,145.571153 C249.575016,145.881702 248.317125,146.366024 247.140481,147.011153 C246.31794,147.461532 245.62823,148.120205 245.140481,148.921153 C244.723105,149.637759 244.502331,150.451861 244.500481,151.281153 L244.500481,151.281153 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<polygon id="Shape" fill="#39546A" fill-rule="nonzero" points="265 119 269.49 119 269.49 145.72 269.66 145.72 281.13 131.53 286.13 131.53 277.13 142.34 287.42 158.46 282.42 158.46 274.55 145.46 269.55 151.34 269.55 158.43 265.06 158.43"></polygon>
<path d="M283.00414,144.261329 C282.958039,142.216299 283.297278,140.180865 284.00414,138.261329 C284.622951,136.617174 285.545679,135.104172 286.72414,133.801329 C287.803358,132.6155 289.113484,131.66268 290.57414,131.001329 C291.982231,130.351209 293.513238,130.010227 295.06414,130.001329 C296.632764,129.97726 298.189187,130.280371 299.63414,130.891329 C300.949135,131.45774 302.108459,132.332378 303.01414,133.441329 C303.96024,134.627205 304.666687,135.985757 305.09414,137.441329 C305.593888,139.132098 305.836601,140.888393 305.81414,142.651329 C305.823937,143.484534 305.76709,144.317187 305.64414,145.141329 L287.52414,145.141329 C287.563772,147.69858 288.518071,150.157053 290.21414,152.071329 C291.848615,153.783271 294.138962,154.71179 296.50414,154.621329 C297.721932,154.63509 298.932987,154.438886 300.08414,154.041329 C301.180221,153.651367 302.22991,153.141613 303.21414,152.521329 L304.82414,155.521329 C303.575693,156.292189 302.256347,156.941816 300.88414,157.461329 C299.305683,158.038254 297.634489,158.319611 295.95414,158.291329 C294.214761,158.295292 292.491748,157.955447 290.88414,157.291329 C289.339885,156.662843 287.943539,155.719458 286.78414,154.521329 C285.579588,153.253593 284.647136,151.752821 284.04414,150.111329 C283.34612,148.240386 282.993735,146.258215 283.00414,144.261329 L283.00414,144.261329 Z M301.85414,142.211329 C301.85414,139.437996 301.270807,137.321329 300.10414,135.861329 C298.912437,134.387398 297.087022,133.573211 295.19414,133.671329 C294.249989,133.66796 293.315944,133.865677 292.45414,134.251329 C291.568691,134.648887 290.76759,135.212373 290.09414,135.911329 C289.355137,136.685182 288.762254,137.586365 288.34414,138.571329 C287.857282,139.727781 287.550392,140.95197 287.43414,142.201329 L301.85414,142.211329 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M307.01,131.621063 L310.78,131.621063 L311.17,136.501063 L311.34,136.501063 C312.161105,134.945744 313.302923,133.58238 314.69,132.501063 C315.913806,131.531623 317.428747,131.003155 318.99,131.001063 C319.977637,130.984056 320.958135,131.171304 321.87,131.551063 L320.98,135.551063 C320.580245,135.416941 320.172857,135.306746 319.76,135.221063 C319.301238,135.140129 318.835782,135.103294 318.37,135.111063 C317.056609,135.169665 315.798819,135.658025 314.79,136.501063 C313.297701,137.788461 312.178697,139.453152 311.55,141.321063 L311.55,158.561063 L307,158.561063 L307.01,131.621063 Z" id="Shape" fill="#39546A" fill-rule="nonzero"></path>
<path d="M0,162.42 C73.69,169.71 132.86,126.21 147.62,107.57 C162.38,88.93 140,0 140,0 C115.74,59.48 71.63,149.63 0,162.45 L0,162.42 Z" id="Shape" fill="url(#linearGradient-1)" style="mix-blend-mode: multiply;"></path>
<path d="M34,137.42 C77,139.02 109.73,111.69 117.62,100.36 C125.51,89.03 113.43,38 113.43,38 C101.48,73.35 68.23,124.86 34,137.42 Z" id="Shape" fill="url(#linearGradient-2)" style="mix-blend-mode: multiply;"></path>
</g>
</g>
</g>
</g>
</svg>
<h1 id="welcome-message" ng-if="!authenticating">Hello!</h1>
<h1 style="display: none" ng-style="{display: authenticating ? '' : 'none'}">Authenticating...</h1>
<div class="bars">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<!-- Replaces "Welcome!" message periodically with a random quote -->
<script>
(function() {
var messageOptions = [
'If I\'m not back in five minutes... just wait longer.', // Ace Ventura: Pet Detective
'And that\'s why you always leave a note.', // Arrested Development
'Jim never has a second cup of coffee at home.', // Airplane!
'This is WZAZ in Chicago, where disco lives forever.', // Airplane!
'Carpe dentum. Seize the teeth.', // Mrs. Doubtfire
'Ah! Norman Bates!', // Airplane! (it was a really good movie)
'I am the walrus.', // The Big Lebowski
'Do you want ants? Because that\'s how you get ants!', // Archer
'Kids you can literally fly!', // Key and Peele
'I\'d like to add you to my professional network',
'Reticulating splines', // Simcity 2000
'They mostly come at night. Mostly.' // Aliens
];
if (Math.random() < 0.02) {
var idx = Math.floor(Math.random() * messageOptions.length);
document.querySelector('#welcome-message').innerHTML = messageOptions[idx];
}
})();
</script>
<script>
window.addEventListener('load', () => {
const settings = window.spinnakerSettings;
if (settings && (settings.analytics.ga || settings.analytics.customConfig)) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
});
</script>
<!-- Actually injects our application -->
<spinnaker ng-if="!authenticating"></spinnaker>
</body>
</html>