Skip to content

Commit 5387535

Browse files
pavangudiwadapavangudiwada
committed
Final test
1 parent e5815fb commit 5387535

1 file changed

Lines changed: 78 additions & 110 deletions

File tree

‎README.md‎

Lines changed: 78 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -99,117 +99,110 @@ We add new features regularly. Stay up to date by watching us on GitHub.
9999

100100
Robusta integrates with a variety of tools and platforms. Click on any logo to learn more about the integration.
101101

102-
### 📤 Notification Sinks
102+
<svg fill="none" viewBox="0 0 800 50" width="800" height="50" xmlns="http://www.w3.org/2000/svg">
103+
<foreignObject width="100%" height="100%">
104+
<div xmlns="http://www.w3.org/1999/xhtml">
105+
<style>
106+
.container {
107+
display: flex;
108+
align-items: center;
109+
justify-content: space-between;
110+
width: 100%;
111+
height: 100%;
112+
background-color: transparent;
113+
}
114+
.icon-box {
115+
display: flex;
116+
align-items: center;
117+
justify-content: center;
118+
background-color: white;
119+
border-radius: 8px;
120+
padding: 8px;
121+
width: 40px;
122+
height: 40px;
123+
}
124+
</style>
125+
126+
<div class="container">
127+
<h3>📤 Notification Sinks</h3>
128+
</div>
129+
</div>
130+
</foreignObject>
131+
</svg>
103132

104133
<table>
105134
<tr>
106135
<td align="center" width="100">
107136
<a href="https://docs.robusta.dev/master/configuration/sinks/slack.html">
108-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
109-
<rect width="60" height="60" rx="10" fill="white"/>
110-
<image href="./docs/images/integration_logos/slack-icon.png" x="10" y="10" height="40" width="40"/>
111-
</svg>
137+
<img src="./docs/images/integration_logos/slack-icon.png" alt="Slack" width="40" style="background-color:white; padding:8px; border-radius:8px;">
112138
<br><strong>Slack</strong>
113139
</a>
114140
</td>
115141
<td align="center" width="100">
116142
<a href="https://docs.robusta.dev/master/configuration/sinks/ms-teams.html">
117-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
118-
<rect width="60" height="60" rx="10" fill="white"/>
119-
<image href="./docs/images/integration_logos/teams-icon.png" x="10" y="10" height="40" width="40"/>
120-
</svg>
143+
<img src="./docs/images/integration_logos/teams-icon.png" alt="MS Teams" width="40" style="background-color:white; padding:8px; border-radius:8px;">
121144
<br><strong>MS Teams</strong>
122145
</a>
123146
</td>
124147
<td align="center" width="100">
125148
<a href="https://docs.robusta.dev/master/configuration/sinks/discord.html">
126-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
127-
<rect width="60" height="60" rx="10" fill="white"/>
128-
<image href="./docs/images/integration_logos/discord-icon.png" x="10" y="10" height="40" width="40"/>
129-
</svg>
149+
<img src="./docs/images/integration_logos/discord-icon.png" alt="Discord" width="40" style="background-color:white; padding:8px; border-radius:8px;">
130150
<br><strong>Discord</strong>
131151
</a>
132152
</td>
133153
<td align="center" width="100">
134154
<a href="https://docs.robusta.dev/master/configuration/sinks/telegram.html">
135-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
136-
<rect width="60" height="60" rx="10" fill="white"/>
137-
<image href="./docs/images/integration_logos/telegram-icon.png" x="10" y="10" height="40" width="40"/>
138-
</svg>
155+
<img src="./docs/images/integration_logos/telegram-icon.png" alt="Telegram" width="40" style="background-color:white; padding:8px; border-radius:8px;">
139156
<br><strong>Telegram</strong>
140157
</a>
141158
</td>
142159
<td align="center" width="100">
143160
<a href="https://docs.robusta.dev/master/configuration/sinks/google_chat.html">
144-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
145-
<rect width="60" height="60" rx="10" fill="white"/>
146-
<image href="./docs/images/integration_logos/google_chat-icon.png" x="10" y="10" height="40" width="40"/>
147-
</svg>
161+
<img src="./docs/images/integration_logos/google_chat-icon.png" alt="Google Chat" width="40" style="background-color:white; padding:8px; border-radius:8px;">
148162
<br><strong>Google Chat</strong>
149163
</a>
150164
</td>
151165
<td align="center" width="100">
152166
<a href="https://docs.robusta.dev/master/configuration/sinks/mattermost.html">
153-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
154-
<rect width="60" height="60" rx="10" fill="white"/>
155-
<image href="./docs/images/integration_logos/mattermost-icon.png" x="10" y="10" height="40" width="40"/>
156-
</svg>
167+
<img src="./docs/images/integration_logos/mattermost-icon.png" alt="Mattermost" width="40" style="background-color:white; padding:8px; border-radius:8px;">
157168
<br><strong>Mattermost</strong>
158169
</a>
159170
</td>
160171
</tr>
161172
<tr>
162173
<td align="center" width="100">
163174
<a href="https://docs.robusta.dev/master/configuration/sinks/PagerDuty.html">
164-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
165-
<rect width="60" height="60" rx="10" fill="white"/>
166-
<image href="./docs/images/integration_logos/pagerduty-icon.png" x="10" y="10" height="40" width="40"/>
167-
</svg>
175+
<img src="./docs/images/integration_logos/pagerduty-icon.png" alt="PagerDuty" width="40" style="background-color:white; padding:8px; border-radius:8px;">
168176
<br><strong>PagerDuty</strong>
169177
</a>
170178
</td>
171179
<td align="center" width="100">
172180
<a href="https://docs.robusta.dev/master/configuration/sinks/Opsgenie.html">
173-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
174-
<rect width="60" height="60" rx="10" fill="white"/>
175-
<image href="./docs/images/integration_logos/opsgenie-icon.png" x="10" y="10" height="40" width="40"/>
176-
</svg>
181+
<img src="./docs/images/integration_logos/opsgenie-icon.png" alt="Opsgenie" width="40" style="background-color:white; padding:8px; border-radius:8px;">
177182
<br><strong>Opsgenie</strong>
178183
</a>
179184
</td>
180185
<td align="center" width="100">
181186
<a href="https://docs.robusta.dev/master/configuration/sinks/jira.html">
182-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
183-
<rect width="60" height="60" rx="10" fill="white"/>
184-
<image href="./docs/images/integration_logos/jira-icon.png" x="10" y="10" height="40" width="40"/>
185-
</svg>
187+
<img src="./docs/images/integration_logos/jira-icon.png" alt="Jira" width="40" style="background-color:white; padding:8px; border-radius:8px;">
186188
<br><strong>Jira</strong>
187189
</a>
188190
</td>
189191
<td align="center" width="100">
190192
<a href="https://docs.robusta.dev/master/configuration/sinks/ServiceNow.html">
191-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
192-
<rect width="60" height="60" rx="10" fill="white"/>
193-
<image href="./docs/images/integration_logos/servicenow-icon.png" x="10" y="10" height="40" width="40"/>
194-
</svg>
193+
<img src="./docs/images/integration_logos/servicenow-icon.png" alt="ServiceNow" width="40" style="background-color:white; padding:8px; border-radius:8px;">
195194
<br><strong>ServiceNow</strong>
196195
</a>
197196
</td>
198197
<td align="center" width="100">
199198
<a href="https://docs.robusta.dev/master/configuration/sinks/mail.html">
200-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
201-
<rect width="60" height="60" rx="10" fill="white"/>
202-
<image href="./docs/images/integration_logos/smtp-icon.png" x="10" y="10" height="40" width="40"/>
203-
</svg>
199+
<img src="./docs/images/integration_logos/smtp-icon.png" alt="Email" width="40" style="background-color:white; padding:8px; border-radius:8px;">
204200
<br><strong>Email</strong>
205201
</a>
206202
</td>
207203
<td align="center" width="100">
208204
<a href="https://docs.robusta.dev/master/configuration/sinks/webhook.html">
209-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
210-
<rect width="60" height="60" rx="10" fill="white"/>
211-
<image href="./docs/images/integration_logos/webhook-icon.png" x="10" y="10" height="40" width="40"/>
212-
</svg>
205+
<img src="./docs/images/integration_logos/webhook-icon.png" alt="Webhook" width="40" style="background-color:white; padding:8px; border-radius:8px;">
213206
<br><strong>Webhook</strong>
214207
</a>
215208
</td>
@@ -222,55 +215,37 @@ Robusta integrates with a variety of tools and platforms. Click on any logo to l
222215
<tr>
223216
<td align="center" width="100">
224217
<a href="https://docs.robusta.dev/master/configuration/alertmanager-integration/alert-manager.html">
225-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
226-
<rect width="60" height="60" rx="10" fill="white"/>
227-
<image href="./docs/images/integration_logos/prometheus-icon.png" x="10" y="10" height="40" width="40"/>
228-
</svg>
218+
<img src="./docs/images/integration_logos/prometheus-icon.png" alt="Prometheus" width="40" style="background-color:white; padding:8px; border-radius:8px;">
229219
<br><strong>Prometheus</strong>
230220
</a>
231221
</td>
232222
<td align="center" width="100">
233223
<a href="https://docs.robusta.dev/master/configuration/alertmanager-integration/victoria-metrics.html">
234-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
235-
<rect width="60" height="60" rx="10" fill="white"/>
236-
<image href="./docs/images/integration_logos/victoriametrics-icon.png" x="10" y="10" height="40" width="40"/>
237-
</svg>
224+
<img src="./docs/images/integration_logos/victoriametrics-icon.png" alt="Victoria Metrics" width="40" style="background-color:white; padding:8px; border-radius:8px;">
238225
<br><strong>Victoria Metrics</strong>
239226
</a>
240227
</td>
241228
<td align="center" width="100">
242229
<a href="https://docs.robusta.dev/master/configuration/alertmanager-integration/grafana-alert-manager.html">
243-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
244-
<rect width="60" height="60" rx="10" fill="white"/>
245-
<image href="./docs/images/integration_logos/grafana-icon.png" x="10" y="10" height="40" width="40"/>
246-
</svg>
230+
<img src="./docs/images/integration_logos/grafana-icon.png" alt="Grafana" width="40" style="background-color:white; padding:8px; border-radius:8px;">
247231
<br><strong>Grafana</strong>
248232
</a>
249233
</td>
250234
<td align="center" width="100">
251235
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/toolsets/grafanaloki.html">
252-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
253-
<rect width="60" height="60" rx="10" fill="white"/>
254-
<image href="./docs/images/integration_logos/grafana_loki-icon.png" x="10" y="10" height="40" width="40"/>
255-
</svg>
236+
<img src="./docs/images/integration_logos/grafana_loki-icon.png" alt="Grafana Loki" width="40" style="background-color:white; padding:8px; border-radius:8px;">
256237
<br><strong>Grafana Loki</strong>
257238
</a>
258239
</td>
259240
<td align="center" width="100">
260241
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/toolsets/coralogix_logs.html">
261-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
262-
<rect width="60" height="60" rx="10" fill="white"/>
263-
<image href="./docs/images/integration_logos/coralogix-icon.png" x="10" y="10" height="40" width="40"/>
264-
</svg>
242+
<img src="./docs/images/integration_logos/coralogix-icon.png" alt="Coralogix" width="40" style="background-color:white; padding:8px; border-radius:8px;">
265243
<br><strong>Coralogix</strong>
266244
</a>
267245
</td>
268246
<td align="center" width="100">
269247
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/toolsets/opensearch.html">
270-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
271-
<rect width="60" height="60" rx="10" fill="white"/>
272-
<image href="./docs/images/integration_logos/opensearchserverless-icon.png" x="10" y="10" height="40" width="40"/>
273-
</svg>
248+
<img src="./docs/images/integration_logos/opensearchserverless-icon.png" alt="OpenSearch" width="40" style="background-color:white; padding:8px; border-radius:8px;">
274249
<br><strong>OpenSearch</strong>
275250
</a>
276251
</td>
@@ -283,37 +258,25 @@ Robusta integrates with a variety of tools and platforms. Click on any logo to l
283258
<tr>
284259
<td align="center" width="100">
285260
<a href="https://docs.robusta.dev/master/configuration/alertmanager-integration/eks-managed-prometheus.html">
286-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
287-
<rect width="60" height="60" rx="10" fill="white"/>
288-
<image href="./docs/images/integration_logos/eks-icon.png" x="10" y="10" height="40" width="40"/>
289-
</svg>
261+
<img src="./docs/images/integration_logos/eks-icon.png" alt="AWS EKS" width="40" style="background-color:white; padding:8px; border-radius:8px;">
290262
<br><strong>AWS EKS</strong>
291263
</a>
292264
</td>
293265
<td align="center" width="100">
294266
<a href="https://docs.robusta.dev/master/configuration/alertmanager-integration/google-managed-prometheus.html">
295-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
296-
<rect width="60" height="60" rx="10" fill="white"/>
297-
<image href="./docs/images/integration_logos/gke-icon.png" x="10" y="10" height="40" width="40"/>
298-
</svg>
267+
<img src="./docs/images/integration_logos/gke-icon.png" alt="Google GKE" width="40" style="background-color:white; padding:8px; border-radius:8px;">
299268
<br><strong>Google GKE</strong>
300269
</a>
301270
</td>
302271
<td align="center" width="100">
303272
<a href="https://docs.robusta.dev/master/configuration/alertmanager-integration/azure-managed-prometheus.html">
304-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
305-
<rect width="60" height="60" rx="10" fill="white"/>
306-
<image href="./docs/images/integration_logos/aks-icon.png" x="10" y="10" height="40" width="40"/>
307-
</svg>
273+
<img src="./docs/images/integration_logos/aks-icon.png" alt="Azure AKS" width="40" style="background-color:white; padding:8px; border-radius:8px;">
308274
<br><strong>Azure AKS</strong>
309275
</a>
310276
</td>
311277
<td align="center" width="100">
312278
<a href="https://docs.robusta.dev/master/setup-robusta/openshift.html">
313-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
314-
<rect width="60" height="60" rx="10" fill="white"/>
315-
<image href="./docs/images/integration_logos/openshift-icon.png" x="10" y="10" height="40" width="40"/>
316-
</svg>
279+
<img src="./docs/images/integration_logos/openshift-icon.png" alt="OpenShift" width="40" style="background-color:white; padding:8px; border-radius:8px;">
317280
<br><strong>OpenShift</strong>
318281
</a>
319282
</td>
@@ -326,50 +289,55 @@ Robusta integrates with a variety of tools and platforms. Click on any logo to l
326289
<tr>
327290
<td align="center" width="100">
328291
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/index.html">
329-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
330-
<rect width="60" height="60" rx="10" fill="white"/>
331-
<image href="./docs/images/integration_logos/anthropic-icon.png" x="10" y="10" height="40" width="40"/>
332-
</svg>
292+
<img src="./docs/images/integration_logos/anthropic-icon.png" alt="Anthropic Claude" width="40" style="background-color:white; padding:8px; border-radius:8px;">
333293
<br><strong>Anthropic Claude</strong>
334294
</a>
335295
</td>
336296
<td align="center" width="100">
337297
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/index.html">
338-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
339-
<rect width="60" height="60" rx="10" fill="white"/>
340-
<image href="./docs/images/integration_logos/openai-icon.png" x="10" y="10" height="40" width="40"/>
341-
</svg>
298+
<img src="./docs/images/integration_logos/openai-icon.png" alt="OpenAI" width="40" style="background-color:white; padding:8px; border-radius:8px;">
342299
<br><strong>OpenAI</strong>
343300
</a>
344301
</td>
345302
<td align="center" width="100">
346303
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/toolsets/kubernetes.html">
347-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
348-
<rect width="60" height="60" rx="10" fill="white"/>
349-
<image href="./docs/images/integration_logos/kubernetes-icon.png" x="10" y="10" height="40" width="40"/>
350-
</svg>
304+
<img src="./docs/images/integration_logos/kubernetes-icon.png" alt="Kubernetes" width="40" style="background-color:white; padding:8px; border-radius:8px;">
351305
<br><strong>Kubernetes</strong>
352306
</a>
353307
</td>
354308
<td align="center" width="100">
355309
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/toolsets/argocd.html">
356-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
357-
<rect width="60" height="60" rx="10" fill="white"/>
358-
<image href="./docs/images/integration_logos/argocd-icon.png" x="10" y="10" height="40" width="40"/>
359-
</svg>
310+
<img src="./docs/images/integration_logos/argocd-icon.png" alt="ArgoCD" width="40" style="background-color:white; padding:8px; border-radius:8px;">
360311
<br><strong>ArgoCD</strong>
361312
</a>
362313
</td>
363314
<td align="center" width="100">
364315
<a href="https://docs.robusta.dev/master/configuration/holmesgpt/toolsets/kafka.html">
365-
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
366-
<rect width="60" height="60" rx="10" fill="white"/>
367-
<image href="./docs/images/integration_logos/kafka-icon.png" x="10" y="10" height="40" width="40"/>
368-
</svg>
316+
<img src="./docs/images/integration_logos/kafka-icon.png" alt="Kafka" width="40" style="background-color:white; padding:8px; border-radius:8px;">
369317
<br><strong>Kafka</strong>
370318
</a>
371319
</td>
372320
</tr>
373321
</table>
374322

375-
<p align="right">(<a href="#top">back to top</a>)</p>
323+
<p align="right">(<a href="#top">back to top</a>)</p>
324+
325+
<svg fill="none" viewBox="0 0 600 300" width="600" height="300" xmlns="http://www.w3.org/2000/svg">
326+
<foreignObject width="100%" height="100%">
327+
<div xmlns="http://www.w3.org/1999/xhtml">
328+
<style>
329+
.container {
330+
display: flex;
331+
width: 100%;
332+
height: 300px;
333+
background-color: black;
334+
color: green;
335+
}
336+
</style>
337+
338+
<div class="container">
339+
<h1>Final experiment and test</h1>
340+
</div>
341+
</div>
342+
</foreignObject>
343+
</svg>

0 commit comments

Comments
 (0)