-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
169 lines (159 loc) · 8.83 KB
/
index.html
File metadata and controls
169 lines (159 loc) · 8.83 KB
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
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Flybits GitHub Community</title>
<link rel="icon" href="images/ic_flybits_color.png">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hint.css/1.3.5/hint.min.css">
<link rel="stylesheet" href="styles/index.css" />
</head>
<body>
<!-- Header -->
<div>
<div style="height: 470px;width: auto;background-position: center center;background-repeat: no-repeat;background-image: url('images/header_space.png');">
<div class="dimmed" style="height: 470px;">
<div class="banner_icon">
<img src="images/logo_flybits_white.png" alt="" width="200px"/>
</div>
<div style="overflow: hidden;">
<h2 class="center_white">Flybits Open Source Community</h2>
</div>
<div style="overflow: hidden;width:800px; margin:0 auto; ">
<hr />
</div>
<div style="overflow: hidden;width:600px; margin:0 auto; ">
<h4 class="center_white">Flybits community aims to share open source to the rest of the developer’s community. We feel giving back usable resources is important because it pushes the evolution of programming forward.</h4>
</div>
<div style="text-align: center; margin-top: 1em">
<a href="#section_android" class="btn btn-trans btn-trans-default">Android</a>
<a href="#section_go" class="btn btn-trans btn-trans-default">GO</a>
<a href="#section_ios" class="btn btn-trans btn-trans-default">iOS</a>
<a href="#section_javascript" class="btn btn-trans btn-trans-default">JavaScript</a>
</div>
</div>
</div>
</div>
<!-- Android -->
<div id="section_android" class="container extra-padding">
<h3 style=" margin-top:3em;margin-bottom:1em;">Android</h3>
<hr />
<div class="row">
<div class="col-md-4">
<div style="width:300px; margin:0 auto;">
<div style="overflow: hidden;">
<h5 style="float: left">Push Sample</h5>
<a href="https://github.com/flybits/AndroidPush"><img style="float: right;margin: 10px 0;" src="images/GitHub-Mark-32px.png" alt="" width="16px" height="16px"/></a>
</div>
<a href="https://github.com/flybits/AndroidPush">
<div class="imgWrap">
<img src="images/banner_notification.png" width="300px" height="200px" alt=""/>
<p class="imgDescription">This is a sample application that is designed to demonstrate the push notifications featured inside the Flybits SDK. Through this sample, a developer will gain an understanding on how best to integration their application with the Flybits SDK.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div style="width:300px; margin:0 auto;">
<div style="overflow: hidden;">
<h5 style="float: left">Context Sample</h5>
<a href="https://github.com/flybits/ContextSample"><img style="float: right;margin: 10px 0;" src="images/GitHub-Mark-32px.png" alt="" width="16px" height="16px"/></a>
</div>
<a href="https://github.com/flybits/ContextSample">
<div class="imgWrap">
<img src="images/banner_context_sample.png" width="300px" height="200px" alt=""/>
<p class="imgDescription">This is a sample application that is designed to demonstrate the context plugins featured inside the Flybits SDK. Through this sample, a developer will gain an understanding on how the context plugins of the Flybits SDK are managed.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
</div>
</div>
</div>
<!-- iOS -->
<div id="section_ios" class="container extra-padding grid_samples">
<h3 style="margin-top:3em;margin-bottom:1em">iOS</h3>
<hr style="height:2px;color: #000000;" />
<div class="row">
<div class="col-md-4">
<div style="width:300px; margin:0 auto;">
<div style="overflow: hidden;">
<h5 style="float: left">Flybits Bank Sample</h5>
<a href="https://github.com/flybits/FlybitsBank-iOS"><img style="float: right;margin: 10px 0;" src="images/GitHub-Mark-32px.png" alt="" width="16px" height="16px"/></a>
</div>
<a href="https://github.com/flybits/FlybitsBank-iOS">
<div class="imgWrap">
<img src="images/banner_bank.png" width="300px" height="200px" alt=""/>
<p class="imgDescription">This is a sample banking application that simulates how a bank can personalize a user's experience in order to improve user engagement.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div style="width:300px; margin:0 auto;">
<div style="overflow: hidden;">
<h5 style="float: left">Starlight</h5>
<a href="https://github.com/flybits/Starlight"><img style="float: right;margin: 10px 0;" src="images/GitHub-Mark-32px.png" alt="" width="16px" height="16px"/></a>
</div>
<a href="https://github.com/flybits/Starlight">
<div class="imgWrap">
<img src="images/banner_starlight.png" width="300px" height="200px" alt=""/>
<p class="imgDescription">This is a sample gaming application that demonstrates how context plugins can be used to create a more immersive gaming experience based on contextual factors such as the user's location, fitness attributes, and weather.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div style="width:300px; margin:0 auto;">
<div style="overflow: hidden;">
<h5 style="float: left">SDK Workshop - Swift</h5>
<a href="https://github.com/flybits/iOSSDKWorkshop"><img style="float: right;margin: 10px 0;" src="images/GitHub-Mark-32px.png" alt="" width="16px" height="16px"/></a>
</div>
<a href="https://github.com/flybits/iOSSDKWorkshop">
<div class="imgWrap">
<img src="images/banner_sdk_workshop.png" width="300px" height="200px" alt=""/>
<p class="imgDescription">This is a workshop sample that demonstrates some of the key functionality of the Flybits iOS SDK. This workshop sample focuses on applications being developed in Swift.</p>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- GO -->
<div id="section_go" class="container extra-padding grid_samples">
<h3 style="margin-top:3em;margin-bottom:1em">GO</h3>
<hr style="height:2px;color: #000000;" />
<div class="row">
<div class="col-md-4">
<div style="width:300px; margin:0 auto;">
<div style="overflow: hidden;">
<h5 style="float: left">Config</h5>
<a href="https://github.com/flybits/config"><img style="float: right;margin: 10px 0;" src="images/GitHub-Mark-32px.png" alt="" width="16px" height="16px"/></a>
</div>
<a href="https://github.com/flybits/config">
<div class="imgWrap">
<img src="images/banner_config.png" width="300px" height="200px" alt=""/>
<p class="imgDescription">The config package can parse Kubernetes Secrets mounted in a container into a convenient structure.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
<!-- JavaScript -->
<div id="section_javascript" class="container extra-padding grid_samples" style="margin-bottom:5em">
<h3 style="margin-top:3em;margin-bottom:1em">JavaScript</h3>
<hr style="height:2px;color: #000000;" />
<div class="row">
<h4 style="text-align:center">Coming Soon!!</h4>
</div>
</div>
</body>
</html>