-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
212 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,109 @@ | ||
| body { | ||
| font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; | ||
| } | ||
| .logo { | ||
|
|
||
| } | ||
| .logo img { | ||
| width:120px; | ||
| } | ||
| .container { | ||
| padding-top:50px; | ||
| max-width: 968px; | ||
| } | ||
| .section { | ||
| margin-top:40px; | ||
| border: 1px solid #efefef; | ||
| border-radius: 5px; | ||
| } | ||
| .status-header { | ||
| padding: 40px 40px 80px 40px; | ||
| } | ||
| .status-header .indicator { | ||
| display: inline-block; | ||
| width: 15px; | ||
| height: 15px; | ||
| border-radius: 100%; | ||
| margin-right: 20px; | ||
| background: #17d766; | ||
| background: -moz-linear-gradient(top, #17d766 0%, #17d766 50%, #16cf62 51%, #16cf62 100%); | ||
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17d766), color-stop(50%,#17d766), color-stop(51%,#16cf62), color-stop(100%,#16cf62)); | ||
| background: -webkit-linear-gradient(top, #17d766 0%,#17d766 50%,#16cf62 51%,#16cf62 100%); | ||
| background: -ms-linear-gradient(top, #17d766 0%,#17d766 50%,#16cf62 51%,#16cf62 100%); | ||
| background: linear-gradient(to bottom, #17d766 0%,#17d766 50%,#16cf62 51%,#16cf62 100%); | ||
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17d766', endColorsGradientType=0); | ||
| opacity: 0.8; | ||
| filter:alpha(opacity=80); | ||
| } | ||
| .status-header .title { | ||
| display: inline-block; | ||
| } | ||
| .status-header .subtitle { | ||
| display: block; | ||
| margin-left: 35px; | ||
| } | ||
| .status-uptime { | ||
| border-top: 1px solid #efefef; | ||
| border-bottom: 1px solid #efefef; | ||
| padding: 15px 95px 0 95px; | ||
| margin: 0 -20px -20px -20px; | ||
| } | ||
| .status-uptime .title { | ||
| display: inline-block; | ||
| font-size: 14px; | ||
| color: #bbb; | ||
| } | ||
| .status-uptime .uptime { | ||
| display: inline-block; | ||
| margin-left: 60px; | ||
| font-size: 14px; | ||
| color: #bbb; | ||
| } | ||
| .status-list { | ||
| padding:95px; | ||
| } | ||
| .status-list .label { | ||
| font-size: 16px; | ||
| font-weight: bold; | ||
| } | ||
| .status-list .amount { | ||
| font-size: 16px; | ||
| font-weight: bold; | ||
| color: #bbb; | ||
| } | ||
| .status-tweets { | ||
| } | ||
| .status-tweets .twitter { | ||
| padding: 0 15px 15px 15px; | ||
| margin: -20px -20px 50px -20px; | ||
| border-bottom: 1px solid #efefef; | ||
| } | ||
| .status-tweets .icon { | ||
| display: inline-block; | ||
| padding-left:20px; | ||
| color: #11bff2; | ||
| } | ||
| .status-tweets .username { | ||
| display: inline-block; | ||
| padding-left: 30px; | ||
| } | ||
| .status-tweets .updates { | ||
| padding: 0 40px 40px 40px; | ||
| } | ||
| .status-tweets .update { | ||
| padding-top: 40px; | ||
| } | ||
| .status-tweets .update .timestamp { | ||
| font-weight: bold; | ||
| color: #bbb; | ||
| } | ||
| .status-tweets .updates .event { | ||
| font-size: 16px; | ||
| line-height: 1.6; | ||
| } | ||
| .status-footer { | ||
| padding-left: 20px; | ||
| } | ||
| .status-footer a { | ||
| padding: 0 10px; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,90 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>Status Page - Free Bulma template</title> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.1.0/css/bulma.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="../css/statuspage.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="logo"> | ||
| <a href="../index.html"> | ||
| <img src="../images/bulma.png"> | ||
| </a> | ||
| </div> | ||
| <div class="section"> | ||
| <div class="status-header"> | ||
| <div class="indicator"></div> | ||
| <div class="title">All services are online.</div> | ||
| <div class="subtitle">As of August 1, 2016 at 11:08PM MST.</div> | ||
| </div> | ||
| <div class="status-uptime"> | ||
| <div class="title">Services</div> | ||
| <div class="uptime">Uptime of the past 90 days</div> | ||
| </div> | ||
| <div class="status-list"> | ||
| <div class="api"> | ||
| <div class="label">API</div> | ||
| <div class="bar"><progress class="progress is-success" value="99" max="100">99%</progress></div> | ||
| <div class="amount has-text-centered">99%</div> | ||
| </div> | ||
| <hr> | ||
| <div class="lib"> | ||
| <div class="label">library.js</div> | ||
| <div class="bar"><progress class="progress is-success" value="99" max="100">99%</progress></div> | ||
| <div class="amount has-text-centered">99%</div> | ||
| </div> | ||
| <hr> | ||
| <div class="website"> | ||
| <div class="label">website</div> | ||
| <div class="bar"><progress class="progress is-success" value="100" max="100">100%</progress></div> | ||
| <div class="amount has-text-centered">100%</div> | ||
| </div> | ||
| <hr> | ||
| <div class="website"> | ||
| <div class="label">something hacky</div> | ||
| <div class="bar"><progress class="progress is-warning" value="40" max="100">40%</progress></div> | ||
| <div class="amount has-text-centered">40%</div> | ||
| </div> | ||
| <hr> | ||
| <div class="website"> | ||
| <div class="label">something unreliable</div> | ||
| <div class="bar"><progress class="progress is-danger" value="14" max="100">14%</progress></div> | ||
| <div class="amount has-text-centered">14%</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="section"> | ||
| <div class="status-tweets"> | ||
| <div class="twitter"> | ||
| <div class="icon"><i class="fa fa-twitter"></i></div> | ||
| <div class="username">@username</div> | ||
| </div> | ||
| <div class="updates"> | ||
| <div class="update"> | ||
| <div class="timestamp">July 29 at 5:39pm</div> | ||
| <div class="event">We're experiencing higher than normal load on our batch infrastructure. Webhooks are about an hour delayed. API calls are not impacted</div> | ||
| </div> | ||
| <div class="update"> | ||
| <div class="timestamp">July 23 at 9:21pm</div> | ||
| <div class="event">Sorry about that! Our systems are showing everything as caught up now. Let us know if you're still seeing problems!</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="section"> | ||
| <div class="status-footer"> | ||
| <p> | ||
| <a href="#">Legal</a> | ||
| <a href="#">About</a> | ||
| <a href="#">Jobs</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |