diff --git a/static/css/welcome.css b/static/css/welcome.css index f60dd380..72b6b2ab 100644 --- a/static/css/welcome.css +++ b/static/css/welcome.css @@ -61,17 +61,36 @@ .tour-section { - margin-bottom: 50px; + margin-bottom: 80px; } -.welcome-integrations img { - width: 22px; - height: 22px; +#welcome-integrations h1 { + text-align: center; + margin-bottom: 20px; } -.welcome-integrations span { +#welcome-integrations .integration { display: inline-block; - font-size: 22px; + border: 1px solid #ddd; + border-radius: 3px; + padding: 20px 0; + margin: 0 20px 20px 0; + text-align: center; + width: 175px; +} + +#welcome-integrations img { + width: 48px; + height: 48px; +} + +#welcome-integrations h3 { + font-size: 18px; + margin-bottom: 0; +} + +#welcome-integrations h3 small { + font-size: 12px; } .page-welcome .tab-content { diff --git a/templates/front/welcome.html b/templates/front/welcome.html index f5e7aef6..5c5b34d3 100644 --- a/templates/front/welcome.html +++ b/templates/front/welcome.html @@ -283,7 +283,7 @@

You can add a longer, free-form description to each - check. Leave notes and pointers for your future self and + check. Leave notes and pointers for yourself and for your team.

@@ -293,112 +293,6 @@

-
-
- Channels page -
-
-

- You can set up additional ways to get notified: -

- - - - - - - - {% if enable_sms %} - - - - - {% endif %} - - - - - - - - - - - - {% if enable_pushover %} - - - - - {% endif %} - - {% if enable_pushbullet %} - - - - - {% endif %} - - {% if enable_telegram %} - - - - - {% endif %} - - {% if enable_pd %} - - - - - {% endif %} - - - - - - - - - - - - - - - - - {% if enable_discord %} - - - - - {% endif %} - - - - - - - - - -
Good old email messages.
SMS text messages.
- Webhook icon - HTTP webhooks.
- Slack icon - Notifications in Slack channel.
Instant push notifications with Pushover.
- Pushbullet icon - Instant push notifications with Pushbullet.
- Telegram icon - Notifications to a Telegram group or user.
Open and resolve incidents in PagerDuty.
Open and resolve incidents in PagerTree.
Notifications in HipChat channel.
Open and resolve incidents in VictorOps.
Notifications in Discord channel.
Open and resolve incidents in OpsGenie.
-
-
-
+
+
+

Integrations
+ Set up additional ways to get notified: +

+
+
+ Email icon +

Email
  +

+
+
+ SMS icon +

SMS
 

+
+
+ Webhook icon +

Webhooks
 

+
+
+ Slack icon +

Slack
Chat

+
+
+ Telegram icon +

Telegram
Chat

+
+
+ Pushover icon +

Pushover
Push Notifications

+
+
+ Pushbullet icon +

Pushbullet
Push Notifications

+
+
+ PagerDuty icon +

PagerDuty
Incident Management

+
+
+ HipChat icon +

HipChat
Chat

+
+
+ VictorOps icon +

VictorOps
Incident Management

+
+
+ Discord icon +

Discord
Chat

+
+
+ OpsGenie icon +

OpsGenie
Incident Management

+
+
+ PagerTree icon +

PagerTree
Incident Management

+
+
+ +
+