web-component-examples/account-button-wc.html at master · wink-travel/web-component-examples · GitHub

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
<!--
  ~ Copyright (c) wink.travel 2023
  -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Wink - Web Components library</title>

    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"
    />

    <meta name="robots" content="no-follow" />
    <meta
      name="description"
      content="Wink's Web Component library"
    />
    <meta
      name="copyright"
      content="All Rights Reserved - Wink"
    />

    <!-- Favicon stuff -->
    <link rel="apple-touch-icon" sizes="57x57" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_57/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="60x60" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_60/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="72x72" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_72/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="76x76" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_76/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="114x114" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_114/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="120x120" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_120/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="144x144" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_144/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="152x152" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_152/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_180/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_192/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_32/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="icon" type="image/png" sizes="96x96" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_96/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_16/v1653293223/wink/icon_text_white_purple_bg.png">
    <link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/traveliko/image/upload/c_scale,w_16/v1653293223/wink/icon_text_white_purple_bg.ico">

    <!-- social -->
    <meta property="og:image" content="https://res.cloudinary.com/traveliko/image/upload/v1653294291/wink/logo_text_white_purple_bg_social_card.png"/>
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@wink2travel" />
    <meta property="og:url" content="https://wink.travel" />
    <meta property="og:title" content="wink.travel | Book" />
    <meta
      property="og:description"
      content="Wink's Web Component library"
    />

	<link rel="stylesheet" href="https://elements.wink.travel/styles.css">
  </head>
  <body>

    <div style="width: 75px;">
      <wink-account-button></wink-account-button>
    </div>

    <!-- A client ID can be found by going to https://sell.wink.travel/user-settings/application/list -->
    <!-- A configuration ID can be found by going to your affiliate and select Customizations from the Account navbar -->
    <wink-app-loader
      client-id="PASTE YOUR CLIENT ID HERE"
      configuration-id="OPTIONAL CONFIGURATION ID"
    ></wink-app-loader>

	  <script src="https://elements.wink.travel/elements.js" defer></script>
  </body>
</html>