-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
129 lines (105 loc) · 5.97 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<!-- Basic HTML meta tags -->
<title></title>
<!-- Metas -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="icon" type="image/png" href="img/favicon.ico" />
<!-- Bulma & extras, hints, flags.-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hint.css/2.6.0/hint.min.css" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-extensions.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bulma-extensions.min.js"></script>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Questrial&display=swap" rel="stylesheet" crossorigin="anonymous" />
<!-- Ionicons -->
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<!-- Framework CSS -->
<link rel="stylesheet" type="text/css" href="css/lib/bulma-social.min.css" />
<link rel="stylesheet" type="text/css" href="css/lib/core.min.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
</head>
<body>
<section class="hero is-loading is-fullheight">
<!-- Nav Bar -->
<div id="main-navbar" class="navbar mobile-navbar is-inline-flex is-not-transparent is-mobile no-shadow">
<div class="container is-fluid">
<!-- Navbar HTML content loaded dynamically and included in html/skeleton/navbar.html -->
</div>
</div>
<!-- Page Content -->
<div class="hero-body">
<div class="container has-text-centered">
<div class="column is-10 is-offset-1">
<!-- Site Info -->
<!-- NOT LOGGED -->
<section class="header not-logged is-hidden">
<h3 class="title site-title is-2 has-text-grey">
Welcome to <b>{{Title}}</b>
</h3>
<hr class="login-hr" />
<p class="site-description subtitle is-size-4 has-text-weight-lighter has-text-grey has-text-centered">{{Description}}</p>
</section>
<!-- LOGGED -->
<section class="header logged is-hidden">
<h3 class="title site-title has-text-grey">
<!-- Main Background image -->
<img class="body-img site-logo" src="img/logos/loading.png" alt="{{Title}}" onerror="showErrorLogo(this)" /> Welcome{{Again}}, {{Username}}
</h3>
<hr class="login-hr" />
<p class="site-description subtitle has-text-grey has-text-centered">Your last login was <b>{{Last Login}}</b></p>
</section>
<!-- Sample Content Container. -->
<div class="sample-content">
<!-- It will be substituted by the content in html/sample-content/*-->
</div>
<!-- NOT LOGGED SECTION: Registration Placeholder -->
<div class="not-logged box is-hidden">
<!-- MAIN IMAGE -->
<figure class="avatar">
<img class="main-pic site-logo" src="img/logos/loading.png" alt="{{Title}}" onerror="showErrorLogo(this)" />
</figure>
<!-- Container for Gigya Screensets-->
<div class="gigya-placeholder" id="not_logged_placeholder"></div>
</div>
</div>
</div>
</div>
<!-- Hero footer: will stick at the bottom -->
<div class="hero-foot">
<div class="container">
<p class="is-6 has-text-centered has-text-grey-light registration-disclainer">
This site requires separate registration from the <a class="gigya-demo-link" href="https://gigyademo.com" target="_blank"> gigyademo.com </a>Recipe Demo Site.
</p>
</div>
</div>
</section>
<!-- Loading Modal -->
<div class="modal loading-modal">
<div class="modal-background"></div>
<div class="modal-content">
<div class="block has-text-centered subtitle">
<ion-icon class="has-text-grey-light" name="cloud-outline"></ion-icon>
<br />
<div class="has-text-grey-lighter ">Loading</div>
</div>
</div>
</div>
<!-- IMPORTANT: Gigya script is not present here as it's loaded dynamically with Javascript. -->
<!-- Read more in https://github.com/gigya/cdc-starter-kit/blob/master/docs/basic.md#3-basic-behavior. -->
<!-- Framework files -->
<script type="text/javascript" lang="javascript" src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<script type="text/javascript" lang="javascript" src="js/dynamic-apikey.js"></script>
<script type="text/javascript" lang="javascript" src="js/gigya-raas.js"></script>
<script type="text/javascript" lang="javascript" src="js/engine.js"></script>
<script type="text/javascript" lang="javascript" src="js/utils.js"></script>
<script type="text/javascript" lang="javascript" src="js/ui.js"></script>
<script type="text/javascript" lang="javascript" src="js/main.js"></script>
</body>
</html>