-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (182 loc) · 10.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Impekable Open Source</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700" rel="stylesheet" />
</head>
<body class="text-gray-700 bg-white bg-gray-100" style="font-family: 'Source Sans Pro', sans-serif">
<!-- Header -->
<div>
<nav class="bg-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center space-x-2">
<div class="flex-shrink-0">
<img class="h-6 w-auto" src="/assets/logo.svg" alt="Workflow">
</div>
<div class="text-white">Open Source</div>
</div>
<div class="ml-10 flex items-baseline space-x-4">
<a href="https://github.com/impekable" target="_blank"
class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Github</a>
<a href="https://www.impekable.com/case-studies" target="_blank"
class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Blog</a>
<a href="https://www.impekable.com/career" target="_blank"
class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Jobs</a>
</div>
</div>
</div>
</nav>
<!-- Main -->
<div class="relative overflow-hidden">
<div>
<div class="max-w-7xl mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
Impekable ❤️ Open Source
</h2>
<p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-3 md:text-xl md:max-w-3xl">
Impekable relies on open-source software and likes to give back to the community.
</p>
<div class="mt-8 flex justify-center">
<div class="inline-flex rounded-md shadow">
<a href="#"
class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-500 hover:bg-blue-600">
Open source
</a>
</div>
<div class="ml-3 inline-flex">
<a href="https://www.impekable.com" target="_blank"
class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-blue-100 hover:bg-blue-200">
Our Agency
</a>
</div>
</div>
</div>
</div>
</div>
<ul class="space-y-4 max-w-3xl mx-auto">
<!-- Studio Control -->
<li class="bg-white px-4 py-6 shadow sm:p-6 sm:rounded">
<article aria-labelledby="title">
<div>
<h2 id="title" class="text-xl leading-6 font-semibold text-gray-900">
Twilio Sync Studio Control
</h2>
</div>
<div class="mt-2 text-md text-gray-500">
<p>
Studio is an open source project that brings version control to twilio studio flows. This projects the
powerful tools of Github vesion control and releases with Twilio Studio Flows to manage and track studio
releases
</p>
</div>
<div class="mt-6 flex justify-between space-x-8">
<div class="flex space-x-3">
<span class="inline-flex items-center text-sm">
<span
class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-red-100 text-red-800">
Twilio
</span>
</span>
<span class="inline-flex items-center text-sm">
<span
class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-yellow-100 text-yellow-800">
Javascript
</span>
</span>
</div>
<div class="flex space-x-6">
<span class="inline-flex items-center text-sm">
<a href="https://github.com/marketplace/actions/impekable-twilio-studio-control" target="_blank"
class="inline-flex space-x-2 text-gray-400 hover:text-gray-500">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9">
</path>
</svg>
<span class="font-medium text-blue-600">Website</span>
<span class="sr-only">Website</span>
</a>
</span>
<span class="inline-flex items-center text-sm">
<a href="https://github.com/impekable/action-studio" target="_blank"
class="inline-flex space-x-2 text-gray-400 hover:text-gray-500">
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="currentColor">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
<span class="font-medium text-blue-600">Source Code</span>
<span class="sr-only">Source Code</span>
</a>
</span>
</div>
</div>
</article>
</li>
<!-- Sync DB -->
<li class="bg-white px-4 py-6 shadow sm:p-6 sm:rounded">
<article aria-labelledby="title">
<div>
<h2 id="title" class="text-xl leading-6 font-semibold text-gray-900">
Sync DB
</h2>
</div>
<div class="mt-2 text-md text-gray-500">
<p>
Syncdb.io is built on top of the Twilio's Sync library which synchronize web and mobile apps with a single
source of state in the cloud. Easily manage your sync database with our easy to use platform.
</p>
</div>
<div class="mt-6 flex justify-between space-x-8">
<div class="flex space-x-3">
<span class="inline-flex items-center text-sm">
<span
class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-red-100 text-red-800">
Twilio
</span>
</span>
<span class="inline-flex items-center text-sm">
<span
class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-yellow-100 text-yellow-800">
Javascript
</span>
</span>
</div>
<div class="flex space-x-6">
<span class="inline-flex items-center text-sm">
<a href="https://syncdb.io" target="_blank"
class="inline-flex space-x-2 text-gray-400 hover:text-gray-500">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9">
</path>
</svg>
<span class="font-medium text-blue-600">Website</span>
<span class="sr-only">Website</span>
</a>
</span>
<span class="inline-flex items-center text-sm">
<a href="https://github.com/impekable/syncdb" target="_blank"
class="inline-flex space-x-2 text-gray-400 hover:text-gray-500">
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="currentColor">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
<span class="font-medium text-blue-600">Source Code</span>
<span class="sr-only">Source Code</span>
</a>
</span>
</div>
</div>
</article>
</li>
</ul>
</div>
</body>
</html>