Material icons.

8 years ago · c8bcb23fd6
--- a/hc/accounts/views.py
+++ b/hc/accounts/views.py
@ -210,6 +210,7 @@ def profile(request):
        badge_urls.append(get_badge_url(username, tag))

    ctx = {
        "page": "profile",
        "badge_urls": badge_urls,
        "profile": profile,
        "show_api_key": show_api_key
--- a/hc/front/tests/test_my_checks.py
+++ b/hc/front/tests/test_my_checks.py
@ -26,7 +26,7 @@ class MyChecksTestCase(BaseTestCase):
        r = self.client.get("/checks/")

        # Desktop
        self.assertContains(r, "glyphicon-ok-sign")
        self.assertContains(r, "icon-up")

        # Mobile
        self.assertContains(r, "label-success")
@ -40,7 +40,7 @@ class MyChecksTestCase(BaseTestCase):
        r = self.client.get("/checks/")

        # Desktop
        self.assertContains(r, "glyphicon-exclamation-sign")
        self.assertContains(r, "icon-down")

        # Mobile
        self.assertContains(r, "label-danger")
@ -54,7 +54,7 @@ class MyChecksTestCase(BaseTestCase):
        r = self.client.get("/checks/")

        # Desktop
        self.assertContains(r, "glyphicon-exclamation-sign grace")
        self.assertContains(r, "icon-grace")

        # Mobile
        self.assertContains(r, "label-warning")
--- a/static/css/base.css
+++ b/static/css/base.css
@ -53,25 +53,14 @@ body {
    font-size: small;
 }

 .glyphicon.up, .glyphicon.new, .glyphicon.paused, .glyphicon.grace, .glyphicon.down {
    font-size: 22px;
 .status {
    font-size: 24px;
 }

 .glyphicon.up {
    color: #5cb85c;
 }

 .glyphicon.new, .glyphicon.paused {
    color: #AAA;
 }

 .glyphicon.grace {
    color: #f0ad4e;
 }

 .glyphicon.down {
    color: #d9534f;
 }
 .status.icon-up { color: #5cb85c; }
 .status.icon-up.new, .status.icon-paused { color: #CCC; }
 .status.icon-grace { color: #f0ad4e; }
 .status.icon-down { color: #d9534f; }

 .hc-dialog {
    background: #FFF;
--- a/static/css/bootstrap.css
+++ b/static/css/bootstrap.css
@ -252,809 +252,6 @@ th {
    border: 1px solid #ddd !important;
  }
 }
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 }
 .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 .glyphicon-asterisk:before {
  content: "\002a";
 }
 .glyphicon-plus:before {
  content: "\002b";
 }
 .glyphicon-euro:before,
 .glyphicon-eur:before {
  content: "\20ac";
 }
 .glyphicon-minus:before {
  content: "\2212";
 }
 .glyphicon-cloud:before {
  content: "\2601";
 }
 .glyphicon-envelope:before {
  content: "\2709";
 }
 .glyphicon-pencil:before {
  content: "\270f";
 }
 .glyphicon-glass:before {
  content: "\e001";
 }
 .glyphicon-music:before {
  content: "\e002";
 }
 .glyphicon-search:before {
  content: "\e003";
 }
 .glyphicon-heart:before {
  content: "\e005";
 }
 .glyphicon-star:before {
  content: "\e006";
 }
 .glyphicon-star-empty:before {
  content: "\e007";
 }
 .glyphicon-user:before {
  content: "\e008";
 }
 .glyphicon-film:before {
  content: "\e009";
 }
 .glyphicon-th-large:before {
  content: "\e010";
 }
 .glyphicon-th:before {
  content: "\e011";
 }
 .glyphicon-th-list:before {
  content: "\e012";
 }
 .glyphicon-ok:before {
  content: "\e013";
 }
 .glyphicon-remove:before {
  content: "\e014";
 }
 .glyphicon-zoom-in:before {
  content: "\e015";
 }
 .glyphicon-zoom-out:before {
  content: "\e016";
 }
 .glyphicon-off:before {
  content: "\e017";
 }
 .glyphicon-signal:before {
  content: "\e018";
 }
 .glyphicon-cog:before {
  content: "\e019";
 }
 .glyphicon-trash:before {
  content: "\e020";
 }
 .glyphicon-home:before {
  content: "\e021";
 }
 .glyphicon-file:before {
  content: "\e022";
 }
 .glyphicon-time:before {
  content: "\e023";
 }
 .glyphicon-road:before {
  content: "\e024";
 }
 .glyphicon-download-alt:before {
  content: "\e025";
 }
 .glyphicon-download:before {
  content: "\e026";
 }
 .glyphicon-upload:before {
  content: "\e027";
 }
 .glyphicon-inbox:before {
  content: "\e028";
 }
 .glyphicon-play-circle:before {
  content: "\e029";
 }
 .glyphicon-repeat:before {
  content: "\e030";
 }
 .glyphicon-refresh:before {
  content: "\e031";
 }
 .glyphicon-list-alt:before {
  content: "\e032";
 }
 .glyphicon-lock:before {
  content: "\e033";
 }
 .glyphicon-flag:before {
  content: "\e034";
 }
 .glyphicon-headphones:before {
  content: "\e035";
 }
 .glyphicon-volume-off:before {
  content: "\e036";
 }
 .glyphicon-volume-down:before {
  content: "\e037";
 }
 .glyphicon-volume-up:before {
  content: "\e038";
 }
 .glyphicon-qrcode:before {
  content: "\e039";
 }
 .glyphicon-barcode:before {
  content: "\e040";
 }
 .glyphicon-tag:before {
  content: "\e041";
 }
 .glyphicon-tags:before {
  content: "\e042";
 }
 .glyphicon-book:before {
  content: "\e043";
 }
 .glyphicon-bookmark:before {
  content: "\e044";
 }
 .glyphicon-print:before {
  content: "\e045";
 }
 .glyphicon-camera:before {
  content: "\e046";
 }
 .glyphicon-font:before {
  content: "\e047";
 }
 .glyphicon-bold:before {
  content: "\e048";
 }
 .glyphicon-italic:before {
  content: "\e049";
 }
 .glyphicon-text-height:before {
  content: "\e050";
 }
 .glyphicon-text-width:before {
  content: "\e051";
 }
 .glyphicon-align-left:before {
  content: "\e052";
 }
 .glyphicon-align-center:before {
  content: "\e053";
 }
 .glyphicon-align-right:before {
  content: "\e054";
 }
 .glyphicon-align-justify:before {
  content: "\e055";
 }
 .glyphicon-list:before {
  content: "\e056";
 }
 .glyphicon-indent-left:before {
  content: "\e057";
 }
 .glyphicon-indent-right:before {
  content: "\e058";
 }
 .glyphicon-facetime-video:before {
  content: "\e059";
 }
 .glyphicon-picture:before {
  content: "\e060";
 }
 .glyphicon-map-marker:before {
  content: "\e062";
 }
 .glyphicon-adjust:before {
  content: "\e063";
 }
 .glyphicon-tint:before {
  content: "\e064";
 }
 .glyphicon-edit:before {
  content: "\e065";
 }
 .glyphicon-share:before {
  content: "\e066";
 }
 .glyphicon-check:before {
  content: "\e067";
 }
 .glyphicon-move:before {
  content: "\e068";
 }
 .glyphicon-step-backward:before {
  content: "\e069";
 }
 .glyphicon-fast-backward:before {
  content: "\e070";
 }
 .glyphicon-backward:before {
  content: "\e071";
 }
 .glyphicon-play:before {
  content: "\e072";
 }
 .glyphicon-pause:before {
  content: "\e073";
 }
 .glyphicon-stop:before {
  content: "\e074";
 }
 .glyphicon-forward:before {
  content: "\e075";
 }
 .glyphicon-fast-forward:before {
  content: "\e076";
 }
 .glyphicon-step-forward:before {
  content: "\e077";
 }
 .glyphicon-eject:before {
  content: "\e078";
 }
 .glyphicon-chevron-left:before {
  content: "\e079";
 }
 .glyphicon-chevron-right:before {
  content: "\e080";
 }
 .glyphicon-plus-sign:before {
  content: "\e081";
 }
 .glyphicon-minus-sign:before {
  content: "\e082";
 }
 .glyphicon-remove-sign:before {
  content: "\e083";
 }
 .glyphicon-ok-sign:before {
  content: "\e084";
 }
 .glyphicon-question-sign:before {
  content: "\e085";
 }
 .glyphicon-info-sign:before {
  content: "\e086";
 }
 .glyphicon-screenshot:before {
  content: "\e087";
 }
 .glyphicon-remove-circle:before {
  content: "\e088";
 }
 .glyphicon-ok-circle:before {
  content: "\e089";
 }
 .glyphicon-ban-circle:before {
  content: "\e090";
 }
 .glyphicon-arrow-left:before {
  content: "\e091";
 }
 .glyphicon-arrow-right:before {
  content: "\e092";
 }
 .glyphicon-arrow-up:before {
  content: "\e093";
 }
 .glyphicon-arrow-down:before {
  content: "\e094";
 }
 .glyphicon-share-alt:before {
  content: "\e095";
 }
 .glyphicon-resize-full:before {
  content: "\e096";
 }
 .glyphicon-resize-small:before {
  content: "\e097";
 }
 .glyphicon-exclamation-sign:before {
  content: "\e101";
 }
 .glyphicon-gift:before {
  content: "\e102";
 }
 .glyphicon-leaf:before {
  content: "\e103";
 }
 .glyphicon-fire:before {
  content: "\e104";
 }
 .glyphicon-eye-open:before {
  content: "\e105";
 }
 .glyphicon-eye-close:before {
  content: "\e106";
 }
 .glyphicon-warning-sign:before {
  content: "\e107";
 }
 .glyphicon-plane:before {
  content: "\e108";
 }
 .glyphicon-calendar:before {
  content: "\e109";
 }
 .glyphicon-random:before {
  content: "\e110";
 }
 .glyphicon-comment:before {
  content: "\e111";
 }
 .glyphicon-magnet:before {
  content: "\e112";
 }
 .glyphicon-chevron-up:before {
  content: "\e113";
 }
 .glyphicon-chevron-down:before {
  content: "\e114";
 }
 .glyphicon-retweet:before {
  content: "\e115";
 }
 .glyphicon-shopping-cart:before {
  content: "\e116";
 }
 .glyphicon-folder-close:before {
  content: "\e117";
 }
 .glyphicon-folder-open:before {
  content: "\e118";
 }
 .glyphicon-resize-vertical:before {
  content: "\e119";
 }
 .glyphicon-resize-horizontal:before {
  content: "\e120";
 }
 .glyphicon-hdd:before {
  content: "\e121";
 }
 .glyphicon-bullhorn:before {
  content: "\e122";
 }
 .glyphicon-bell:before {
  content: "\e123";
 }
 .glyphicon-certificate:before {
  content: "\e124";
 }
 .glyphicon-thumbs-up:before {
  content: "\e125";
 }
 .glyphicon-thumbs-down:before {
  content: "\e126";
 }
 .glyphicon-hand-right:before {
  content: "\e127";
 }
 .glyphicon-hand-left:before {
  content: "\e128";
 }
 .glyphicon-hand-up:before {
  content: "\e129";
 }
 .glyphicon-hand-down:before {
  content: "\e130";
 }
 .glyphicon-circle-arrow-right:before {
  content: "\e131";
 }
 .glyphicon-circle-arrow-left:before {
  content: "\e132";
 }
 .glyphicon-circle-arrow-up:before {
  content: "\e133";
 }
 .glyphicon-circle-arrow-down:before {
  content: "\e134";
 }
 .glyphicon-globe:before {
  content: "\e135";
 }
 .glyphicon-wrench:before {
  content: "\e136";
 }
 .glyphicon-tasks:before {
  content: "\e137";
 }
 .glyphicon-filter:before {
  content: "\e138";
 }
 .glyphicon-briefcase:before {
  content: "\e139";
 }
 .glyphicon-fullscreen:before {
  content: "\e140";
 }
 .glyphicon-dashboard:before {
  content: "\e141";
 }
 .glyphicon-paperclip:before {
  content: "\e142";
 }
 .glyphicon-heart-empty:before {
  content: "\e143";
 }
 .glyphicon-link:before {
  content: "\e144";
 }
 .glyphicon-phone:before {
  content: "\e145";
 }
 .glyphicon-pushpin:before {
  content: "\e146";
 }
 .glyphicon-usd:before {
  content: "\e148";
 }
 .glyphicon-gbp:before {
  content: "\e149";
 }
 .glyphicon-sort:before {
  content: "\e150";
 }
 .glyphicon-sort-by-alphabet:before {
  content: "\e151";
 }
 .glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
 }
 .glyphicon-sort-by-order:before {
  content: "\e153";
 }
 .glyphicon-sort-by-order-alt:before {
  content: "\e154";
 }
 .glyphicon-sort-by-attributes:before {
  content: "\e155";
 }
 .glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
 }
 .glyphicon-unchecked:before {
  content: "\e157";
 }
 .glyphicon-expand:before {
  content: "\e158";
 }
 .glyphicon-collapse-down:before {
  content: "\e159";
 }
 .glyphicon-collapse-up:before {
  content: "\e160";
 }
 .glyphicon-log-in:before {
  content: "\e161";
 }
 .glyphicon-flash:before {
  content: "\e162";
 }
 .glyphicon-log-out:before {
  content: "\e163";
 }
 .glyphicon-new-window:before {
  content: "\e164";
 }
 .glyphicon-record:before {
  content: "\e165";
 }
 .glyphicon-save:before {
  content: "\e166";
 }
 .glyphicon-open:before {
  content: "\e167";
 }
 .glyphicon-saved:before {
  content: "\e168";
 }
 .glyphicon-import:before {
  content: "\e169";
 }
 .glyphicon-export:before {
  content: "\e170";
 }
 .glyphicon-send:before {
  content: "\e171";
 }
 .glyphicon-floppy-disk:before {
  content: "\e172";
 }
 .glyphicon-floppy-saved:before {
  content: "\e173";
 }
 .glyphicon-floppy-remove:before {
  content: "\e174";
 }
 .glyphicon-floppy-save:before {
  content: "\e175";
 }
 .glyphicon-floppy-open:before {
  content: "\e176";
 }
 .glyphicon-credit-card:before {
  content: "\e177";
 }
 .glyphicon-transfer:before {
  content: "\e178";
 }
 .glyphicon-cutlery:before {
  content: "\e179";
 }
 .glyphicon-header:before {
  content: "\e180";
 }
 .glyphicon-compressed:before {
  content: "\e181";
 }
 .glyphicon-earphone:before {
  content: "\e182";
 }
 .glyphicon-phone-alt:before {
  content: "\e183";
 }
 .glyphicon-tower:before {
  content: "\e184";
 }
 .glyphicon-stats:before {
  content: "\e185";
 }
 .glyphicon-sd-video:before {
  content: "\e186";
 }
 .glyphicon-hd-video:before {
  content: "\e187";
 }
 .glyphicon-subtitles:before {
  content: "\e188";
 }
 .glyphicon-sound-stereo:before {
  content: "\e189";
 }
 .glyphicon-sound-dolby:before {
  content: "\e190";
 }
 .glyphicon-sound-5-1:before {
  content: "\e191";
 }
 .glyphicon-sound-6-1:before {
  content: "\e192";
 }
 .glyphicon-sound-7-1:before {
  content: "\e193";
 }
 .glyphicon-copyright-mark:before {
  content: "\e194";
 }
 .glyphicon-registration-mark:before {
  content: "\e195";
 }
 .glyphicon-cloud-download:before {
  content: "\e197";
 }
 .glyphicon-cloud-upload:before {
  content: "\e198";
 }
 .glyphicon-tree-conifer:before {
  content: "\e199";
 }
 .glyphicon-tree-deciduous:before {
  content: "\e200";
 }
 .glyphicon-cd:before {
  content: "\e201";
 }
 .glyphicon-save-file:before {
  content: "\e202";
 }
 .glyphicon-open-file:before {
  content: "\e203";
 }
 .glyphicon-level-up:before {
  content: "\e204";
 }
 .glyphicon-copy:before {
  content: "\e205";
 }
 .glyphicon-paste:before {
  content: "\e206";
 }
 .glyphicon-alert:before {
  content: "\e209";
 }
 .glyphicon-equalizer:before {
  content: "\e210";
 }
 .glyphicon-king:before {
  content: "\e211";
 }
 .glyphicon-queen:before {
  content: "\e212";
 }
 .glyphicon-pawn:before {
  content: "\e213";
 }
 .glyphicon-bishop:before {
  content: "\e214";
 }
 .glyphicon-knight:before {
  content: "\e215";
 }
 .glyphicon-baby-formula:before {
  content: "\e216";
 }
 .glyphicon-tent:before {
  content: "\26fa";
 }
 .glyphicon-blackboard:before {
  content: "\e218";
 }
 .glyphicon-bed:before {
  content: "\e219";
 }
 .glyphicon-apple:before {
  content: "\f8ff";
 }
 .glyphicon-erase:before {
  content: "\e221";
 }
 .glyphicon-hourglass:before {
  content: "\231b";
 }
 .glyphicon-lamp:before {
  content: "\e223";
 }
 .glyphicon-duplicate:before {
  content: "\e224";
 }
 .glyphicon-piggy-bank:before {
  content: "\e225";
 }
 .glyphicon-scissors:before {
  content: "\e226";
 }
 .glyphicon-bitcoin:before {
  content: "\e227";
 }
 .glyphicon-btc:before {
  content: "\e227";
 }
 .glyphicon-xbt:before {
  content: "\e227";
 }
 .glyphicon-yen:before {
  content: "\00a5";
 }
 .glyphicon-jpy:before {
  content: "\00a5";
 }
 .glyphicon-ruble:before {
  content: "\20bd";
 }
 .glyphicon-rub:before {
  content: "\20bd";
 }
 .glyphicon-scale:before {
  content: "\e230";
 }
 .glyphicon-ice-lolly:before {
  content: "\e231";
 }
 .glyphicon-ice-lolly-tasted:before {
  content: "\e232";
 }
 .glyphicon-education:before {
  content: "\e233";
 }
 .glyphicon-option-horizontal:before {
  content: "\e234";
 }
 .glyphicon-option-vertical:before {
  content: "\e235";
 }
 .glyphicon-menu-hamburger:before {
  content: "\e236";
 }
 .glyphicon-modal-window:before {
  content: "\e237";
 }
 .glyphicon-oil:before {
  content: "\e238";
 }
 .glyphicon-grain:before {
  content: "\e239";
 }
 .glyphicon-sunglasses:before {
  content: "\e240";
 }
 .glyphicon-text-size:before {
  content: "\e241";
 }
 .glyphicon-text-color:before {
  content: "\e242";
 }
 .glyphicon-text-background:before {
  content: "\e243";
 }
 .glyphicon-object-align-top:before {
  content: "\e244";
 }
 .glyphicon-object-align-bottom:before {
  content: "\e245";
 }
 .glyphicon-object-align-horizontal:before {
  content: "\e246";
 }
 .glyphicon-object-align-left:before {
  content: "\e247";
 }
 .glyphicon-object-align-vertical:before {
  content: "\e248";
 }
 .glyphicon-object-align-right:before {
  content: "\e249";
 }
 .glyphicon-triangle-right:before {
  content: "\e250";
 }
 .glyphicon-triangle-left:before {
  content: "\e251";
 }
 .glyphicon-triangle-bottom:before {
  content: "\e252";
 }
 .glyphicon-triangle-top:before {
  content: "\e253";
 }
 .glyphicon-console:before {
  content: "\e254";
 }
 .glyphicon-superscript:before {
  content: "\e255";
 }
 .glyphicon-subscript:before {
  content: "\e256";
 }
 .glyphicon-menu-left:before {
  content: "\e257";
 }
 .glyphicon-menu-right:before {
  content: "\e258";
 }
 .glyphicon-menu-down:before {
  content: "\e259";
 }
 .glyphicon-menu-up:before {
  content: "\e260";
 }
 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
--- a/static/css/channels.css
+++ b/static/css/channels.css
@ -180,4 +180,8 @@ table.channels-table > tbody > tr > th {

 .link-to-github p {
    margin-bottom: 0;
 }

 .page-channels .icon-delete {
    font-size: 16px;
 }
--- a/static/css/icomoon.css
+++ b/static/css/icomoon.css
@ -0,0 +1,62 @@
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?j2asdo');
  src:  url('../fonts/icomoon.eot?j2asdo#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?j2asdo') format('truetype'),
    url('../fonts/icomoon.woff?j2asdo') format('woff'),
    url('../fonts/icomoon.svg?j2asdo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
 }

 [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }

 .icon-cancel:before {
  content: "\e5c9";
 }
 .icon-ok:before {
  content: "\e86d";
 }
 .icon-up:before {
  content: "\e86c";
 }
 .icon-close:before {
  content: "\e5cd";
 }
 .icon-delete:before {
  content: "\e872";
 }
 .icon-mail:before {
  content: "\e159";
 }
 .icon-grace:before {
  content: "\e000";
 }
 .icon-missing:before {
  content: "\e001";
 }
 .icon-dots:before {
  content: "\e5d3";
 }
 .icon-down:before {
  content: "\e7f8";
 }
 .icon-paused:before {
  content: "\e7f7";
 }
 .icon-settings:before {
  content: "\e8b8";
 }
--- a/static/css/my_checks.css
+++ b/static/css/my_checks.css
@ -60,6 +60,7 @@
 .label-tag {
    background-color: #eee;
    color: #555;
    font-style: normal;
 }


--- a/static/css/my_checks_desktop.css
+++ b/static/css/my_checks_desktop.css
@ -62,6 +62,10 @@ table.table tr > th.th-name {
    visibility: hidden;
 }

 .check-menu .icon-settings {
    font-size: 16px;
 }

 .dropdown-menu > li > a.check-menu-remove {
    color: #B71C1C;
 }
--- a/static/css/my_checks_mobile.css
+++ b/static/css/my_checks_mobile.css
@ -14,13 +14,6 @@
    font-weight: 400;
 }

 #checks-list h2 .glyphicon {
    position: relative;
    top: 11px;
    margin: 0 10px;

 }

 #checks-list h2 code {
    display: block;
    font-size: 12px;
@ -33,6 +26,7 @@
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
 }

 #checks-list .unnamed {
--- a/static/css/pricing.css
+++ b/static/css/pricing.css
@ -1,10 +1,6 @@
 .panel-pricing .panel-heading {
  padding: 20px 10px;
 }
 .panel-pricing .panel-heading .glyphicon {
  margin-top: 10px;
  font-size: 58px;
 }
 .panel-pricing .list-group-item {
  color: #777777;
  border-bottom: 1px solid rgba(250, 250, 250, 0.5);
--- a/static/css/settings.css
+++ b/static/css/settings.css
@ -13,4 +13,8 @@

 #badges-description {
    margin-bottom: 24px;
 }

 .page-profile .icon-ok {
    color: #5cb85c;
 }
--- a/static/fonts/icomoon.eot
+++ b/static/fonts/icomoon.eot
--- a/static/fonts/icomoon.svg
+++ b/static/fonts/icomoon.svg
@ -0,0 +1,22 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>Generated by IcoMoon</metadata>
 <defs>
 <font id="icomoon" horiz-adv-x="1024">
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
 <glyph unicode="&#xe000;" glyph-name="grace" d="M554 384.667v256h-84v-256h84zM554 212.667v86h-84v-86h84zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
 <glyph unicode="&#xe001;" glyph-name="missing" d="M512 84.667c188 0 342 154 342 342s-154 342-342 342-342-154-342-342 154-342 342-342zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426zM470 640.667h84v-256h-84v256zM470 298.667h84v-86h-84v86z" />
 <glyph unicode="&#xe159;" glyph-name="mail" d="M854 596.667v86l-342-214-342 214v-86l342-212zM854 768.667c46 0 84-40 84-86v-512c0-46-38-86-84-86h-684c-46 0-84 40-84 86v512c0 46 38 86 84 86h684z" />
 <glyph unicode="&#xe5c9;" glyph-name="cancel" d="M726 272.667l-154 154 154 154-60 60-154-154-154 154-60-60 154-154-154-154 60-60 154 154 154-154zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
 <glyph unicode="&#xe5cd;" glyph-name="close" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
 <glyph unicode="&#xe5d3;" glyph-name="dots" d="M512 512.667c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86zM768 512.667c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86zM256 512.667c46 0 86-40 86-86s-40-86-86-86-86 40-86 86 40 86 86 86z" />
 <glyph unicode="&#xe7f7;" glyph-name="paused" d="M768 312.667l-382 402c10 4 20 10 30 14h2l12 6c6 2 12 2 18 4v30c0 36 28 64 64 64s64-28 64-64v-30c122-30 192-138 192-270v-156zM512 0.667c-48 0-86 36-86 84h172c0-48-38-84-86-84zM334 676.667c187.235-193.432 375.34-385.994 562-580l-54-54-86 86h-586v42l86 86v214c0 54 12 104 34 146l-120 118 54 56z" />
 <glyph unicode="&#xe7f8;" glyph-name="down" d="M512 0.667c-48 0-86 38-86 84h170c0-49.675-37.225-84-84-84zM768 468.667v-212l86-86v-42h-684v42l86 86v212c0 132 70 240 192 270v30c0 36 28 64 64 64s64-28 64-64v-30c122-30 192-140 192-270zM852 490.667c-6 114-64 212-150 274l60 60c102-78 170-198 176-334h-86zM324 764.667c-88-62-146-160-152-274h-86c6 136 74 256 176 334z" />
 <glyph unicode="&#xe86c;" glyph-name="up" d="M426 212.667l384 384-60 62-324-324-152 152-60-60zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
 <glyph unicode="&#xe86d;" glyph-name="ok" d="M426 212.667l384 384-60 62-324-324-152 152-60-60zM512 852.667c236 0 426-190 426-426s-190-426-426-426-426 190-426 426 190 426 426 426z" />
 <glyph unicode="&#xe872;" glyph-name="delete" d="M810 768.667v-86h-596v86h148l44 42h212l44-42h148zM256 128.667v512h512v-512c0-46-40-86-86-86h-340c-46 0-86 40-86 86z" />
 <glyph unicode="&#xe8b8;" glyph-name="settings" d="M512 276.667c82 0 150 68 150 150s-68 150-150 150-150-68-150-150 68-150 150-150zM830 384.667l90-70c8-6 10-18 4-28l-86-148c-6-10-16-12-26-8l-106 42c-22-16-46-32-72-42l-16-112c-2-10-10-18-20-18h-172c-10 0-18 8-20 18l-16 112c-26 10-50 24-72 42l-106-42c-10-4-20-2-26 8l-86 148c-6 10-4 22 4 28l90 70c-2 14-2 28-2 42s0 28 2 42l-90 70c-8 6-10 18-4 28l86 148c6 10 16 12 26 8l106-42c22 16 46 32 72 42l16 112c2 10 10 18 20 18h172c10 0 18-8 20-18l16-112c26-10 50-24 72-42l106 42c10 4 20 2 26-8l86-148c6-10 4-22-4-28l-90-70c2-14 2-28 2-42s0-28-2-42z" />
 </font></defs></svg>
--- a/static/fonts/icomoon.ttf
+++ b/static/fonts/icomoon.ttf
--- a/static/fonts/icomoon.woff
+++ b/static/fonts/icomoon.woff
--- a/stuff/bootstrap/bootstrap.less
+++ b/stuff/bootstrap/bootstrap.less
@ -11,7 +11,7 @@
 // Reset and dependencies
@import "normalize.less";
@import "print.less";
@import "glyphicons.less";
 // @import "glyphicons.less";

 // Core CSS
@import "scaffolding.less";
--- a/templates/accounts/login.html
+++ b/templates/accounts/login.html
@ -31,7 +31,7 @@
                <div class="form-group">
                    <div class="input-group input-group-lg">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-user"></span>
                            <span class="icon-mail"></span>
                        </div>
                        <input
                            type="text"
@ -55,7 +55,7 @@
                <div id="password-block" class="form-group {% if not bad_credentials %} hide {% endif %}">
                    <div class="input-group input-group-lg">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-lock"></span>
                            <span class="icon-dots"></span>
                        </div>
                        <input
                            type="password"
--- a/templates/accounts/profile.html
+++ b/templates/accounts/profile.html
@ -129,7 +129,7 @@
                            class="btn btn-danger pull-right">Revoke</button>

                    {% else %}
                        <span class="text-success glyphicon glyphicon-ok"></span>
                        <span class="icon-ok"></span>
                        API access is enabled.
                        <form method="post">
                            {% csrf_token %}
@ -141,7 +141,7 @@
                        </form>
                    {% endif %}
                {% else %}
                    <span class="glyphicon glyphicon-remove"></span>
                    <span class="icon-cancel"></span>
                    API access is disabled.
                    <form method="post">
                        {% csrf_token %}
--- a/templates/accounts/set_password.html
+++ b/templates/accounts/set_password.html
@ -17,7 +17,7 @@
                <div class="form-group">
                    <div class="input-group input-group-lg">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-lock"></span>
                            <span class="icon-dots"></span>
                        </div>
                        <input
                            type="password"
--- a/templates/base.html
+++ b/templates/base.html
@ -13,6 +13,7 @@

    {% compress css %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/icomoon.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/nouislider.min.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/nouislider.pips.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/base.css' %}" type="text/css">
--- a/templates/front/channels.html
+++ b/templates/front/channels.html
@ -112,7 +112,7 @@
                    data-url="{% url 'hc-remove-channel' ch.code %}"
                    class="btn btn-sm btn-default channel-remove"
                    type="button">
                    <span class="glyphicon glyphicon-trash"></span>
                    <span class="icon-delete"></span>
                </button>
            </td>
            <td>
--- a/templates/front/docs.html
+++ b/templates/front/docs.html
@ -198,7 +198,7 @@ powershell.exe -ExecutionPolicy bypass -File C:\Scripts\healthchecks.ps1
 <table class="table">
    <tr>
        <td>
            <span class="glyphicon glyphicon-question-sign new"></span>
            <span class="status icon-up new"></span>
        </td>
        <td>
            <strong>New.</strong>
@ -207,7 +207,7 @@ powershell.exe -ExecutionPolicy bypass -File C:\Scripts\healthchecks.ps1
    </tr>
    <tr>
        <td>
            <span class="glyphicon glyphicon-pause new"></span>
            <span class="status icon-paused"></span>
        </td>
        <td>
            <strong>Monitoring Paused.</strong>
@ -216,7 +216,7 @@ powershell.exe -ExecutionPolicy bypass -File C:\Scripts\healthchecks.ps1
    </tr>
    <tr>
        <td>
            <span class="glyphicon glyphicon-ok-sign up"></span>
            <span class="status icon-up"></span>
        </td>
        <td>
            <strong>Up.</strong>
@ -225,7 +225,7 @@ powershell.exe -ExecutionPolicy bypass -File C:\Scripts\healthchecks.ps1
    </tr>
    <tr>
        <td>
            <span class="glyphicon glyphicon-exclamation-sign grace"></span>
            <span class="status icon-grace"></span>
        </td>
        <td>
            <strong>Late.</strong>
@ -235,7 +235,7 @@ powershell.exe -ExecutionPolicy bypass -File C:\Scripts\healthchecks.ps1
    </tr>
    <tr>
        <td>
            <span class="glyphicon glyphicon-exclamation-sign down"></span>
            <span class="status icon-down"></span>
        </td>
        <td>
            <strong>Down.</strong>
--- a/templates/front/log.html
+++ b/templates/front/log.html
@ -73,7 +73,7 @@
        {% if record.placeholder_date %}
        <tr class="missing">
            <td class="n-cell">
                <span class="glyphicon glyphicon-remove"></span>
                <span class="icon-missing"></span>
            </td>
            <td class="datetime" data-raw="{{ record.placeholder_date.isoformat }}">
                <div>
--- a/templates/front/my_checks_desktop.html
+++ b/templates/front/my_checks_desktop.html
@ -15,17 +15,17 @@
    <tr class="checks-row">
        <td class="indicator-cell">
            {% if check.get_status == "new" %}
                <span class="glyphicon glyphicon-question-sign new"
                <span class="status icon-up new"
                    data-toggle="tooltip" title="New. Has never received a ping."></span>
            {% elif check.get_status == "paused" %}
                <span class="glyphicon glyphicon-pause new"
                <span class="status icon-paused"
                    data-toggle="tooltip" title="Monitoring paused. Ping to resume."></span>
            {% elif check.in_grace_period %}
                <span class="glyphicon glyphicon-exclamation-sign grace"></span>
                <span class="status icon-grace"></span>
            {% elif check.get_status == "up" %}
                <span class="glyphicon glyphicon-ok-sign up"></span>
                <span class="status icon-up"></span>
            {% elif check.get_status == "down" %}
                <span class="glyphicon glyphicon-exclamation-sign down"></span>
                <span class="status icon-down"></span>
            {% endif %}
        </td>
        <td class="name-cell">
@ -76,7 +76,7 @@
        <td>
            <div class="check-menu dropdown">
                <button class="btn btn-sm btn-default dropdown-toggle" type="button" data-toggle="dropdown">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                <span class="icon-settings" aria-hidden="true"></span>
                </button>
                <ul class="dropdown-menu">
                    <li {% if check.status == "new" or check.status == "paused" %}class="disabled"{% endif %}>
--- a/templates/front/my_checks_mobile.html
+++ b/templates/front/my_checks_mobile.html
@ -16,7 +16,7 @@
            class="btn remove-link check-menu-remove"
            data-name="{{ check.name_then_code }}"
            data-url="{% url 'hc-remove-check' check.code %}">
            <span class="glyphicon glyphicon-remove"></span>
            <span class="icon-close"></span>
        </a>

        <table class="table">
--- a/templates/front/welcome.html
+++ b/templates/front/welcome.html
@ -171,7 +171,7 @@
        <table class="table">
            <tr>
                <td>
                    <span class="glyphicon glyphicon-question-sign new"></span>
                    <span class="status icon-up new"></span>
                </td>
                <td>
                    New.
@ -180,7 +180,7 @@
            </tr>
            <tr>
                <td>
                    <span class="glyphicon glyphicon-ok-sign up"></span>
                    <span class="status icon-up"></span>
                </td>
                <td>
                    Up.
@ -189,7 +189,7 @@
            </tr>
            <tr>
                <td>
                    <span class="glyphicon glyphicon-exclamation-sign grace"></span>
                    <span class="status icon-grace"></span>
                </td>
                <td>
                    Late.
@ -199,7 +199,7 @@
            </tr>
            <tr>
                <td>
                    <span class="glyphicon glyphicon-exclamation-sign down"></span>
                    <span class="status icon-down"></span>
                </td>
                <td>
                    Down.