├── ads.txt ├── bg.jpg ├── favicon.ico ├── favicon.png ├── Monitoring-Artist-logo.jpg ├── Monitoring-Artist-logo-web.png ├── managed-by-monitoringartist.png ├── monitoring-artist-logo-grafana.png ├── monitoring-artist-text-grafana.png ├── monitoring-artist-logo-docker-store.png ├── github-monitoring-artist-logo-white-transparent.png ├── index.html └── style.css /ads.txt: -------------------------------------------------------------------------------- 1 | google.com, pub-3816527838626497, DIRECT, f08c47fec0942fa0 -------------------------------------------------------------------------------- /bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/bg.jpg -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/favicon.ico -------------------------------------------------------------------------------- /favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/favicon.png -------------------------------------------------------------------------------- /Monitoring-Artist-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/Monitoring-Artist-logo.jpg -------------------------------------------------------------------------------- /Monitoring-Artist-logo-web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/Monitoring-Artist-logo-web.png -------------------------------------------------------------------------------- /managed-by-monitoringartist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/managed-by-monitoringartist.png -------------------------------------------------------------------------------- /monitoring-artist-logo-grafana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/monitoring-artist-logo-grafana.png -------------------------------------------------------------------------------- /monitoring-artist-text-grafana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/monitoring-artist-text-grafana.png -------------------------------------------------------------------------------- /monitoring-artist-logo-docker-store.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/monitoring-artist-logo-docker-store.png -------------------------------------------------------------------------------- /github-monitoring-artist-logo-white-transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/monitoringartist/monitoringartist.github.io/master/github-monitoring-artist-logo-white-transparent.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Monitoring Artist - piece of monitoring art for everyone 8 | 9 | 10 | 11 | 19 | 20 | 26 | 27 | 28 |
29 | 30 |

31 |

32 |

 

33 |

34 | 35 |

36 |
37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/ 3 | ------------------------------------------------------------------ */ 4 | body, html { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; } 5 | 6 | /* Clear Floated Elements http://sonspring.com/journal/clearing-floats */ 7 | .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} 8 | 9 | /*------------------------------------------------------------------ */ 10 | 11 | /* Page Style */ 12 | body{ 13 | color: #e9e2ee; 14 | font-size: 14px; 15 | font-family: sans-serif; 16 | line-height: 20px; 17 | text-shadow: 0 1px 1px rgba(0,0,0,0.75); 18 | background: #55575c url(bg.jpg); 19 | -webkit-box-shadow: inset 0 0 300px rgba(0,0,0,0.5); 20 | -moz-box-shadow: inset 0 0 300px rgba(0,0,0,0.5); 21 | box-shadow: inset 0 0 300px rgba(0,0,0,0.5); 22 | } 23 | a, 24 | a:link, 25 | a:visited { 26 | color: #c6eaf7; 27 | font-weight: bold; 28 | text-decoration:none; 29 | } 30 | a:active, 31 | a:hover { 32 | color: #d8f3fd; 33 | text-shadow: 0 1px 1px rgba(0,0,0,0.75), 0 0 5px rgba(198,234,247,0.4); 34 | } 35 | p{ 36 | margin-bottom: 0.3em; 37 | } 38 | .center, 39 | img.center { 40 | text-align: center; 41 | clear: both; 42 | display: block; 43 | margin-left: auto; 44 | margin-right: auto; 45 | } 46 | #coming-soon{ 47 | background: rgba(0,0,0,0.0); 48 | display: block; 49 | position: absolute; 50 | width: 800px; 51 | height: 280px; 52 | top: 50%; 53 | left: 50%; 54 | margin: -190px 0 0 -400px; 55 | } 56 | #coming-soon h1{ 57 | text-align: center; 58 | font-size: 35px; 59 | } 60 | #coming-soon img{ 61 | clear: both; 62 | display: block; 63 | margin-left: auto; 64 | margin-right: auto; 65 | margin-bottom: 20px; 66 | } 67 | #coming-soon p{ 68 | text-align: center; 69 | } 70 | 71 | /*Submit Form*/ 72 | #subscribe{ 73 | width: 552px; 74 | display: block; 75 | margin: 20px auto 40px auto; 76 | padding: 4px; 77 | background: rgba(0,0,0,0.1); 78 | -webkit-border-radius: 4px; 79 | -moz-border-radius: 4px; 80 | border-radius: 4px; 81 | } 82 | #subscribe input{ 83 | display: block; 84 | font-size: 13px; 85 | font-weight: bold; 86 | float: left; 87 | border: 0; 88 | -webkit-border-radius: 3px; 89 | -moz-border-radius: 3px; 90 | border-radius: 3px; 91 | padding: 0 10px; 92 | height: 35px; 93 | } 94 | #subscribe input[type="text"], 95 | #subscribe input[type="email"]{ 96 | color: #c4c4c4; 97 | margin: 0 4px 0 0; 98 | width: 443px; 99 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); 100 | -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); 101 | box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); 102 | } 103 | #subscribe input[type="submit"]{ 104 | margin:0; 105 | width: 85px; 106 | color: #5d7731; 107 | text-shadow: 0 1px 0 rgba(255,255,255,0.4); 108 | background: #b6d76f; 109 | background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954)); 110 | background: -moz-linear-gradient(top, #cae285, #9dc954); 111 | -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3); 112 | -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3); 113 | box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3); 114 | } 115 | #subscribe input[type="submit"]:hover{ 116 | cursor: pointer; 117 | -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5); 118 | -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5); 119 | box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5); 120 | } 121 | #subscribe input[type="submit"]:active{ 122 | cursor: pointer; 123 | position: relative; 124 | top: 1px; 125 | text-shadow: 0 -1px 0 rgba(255,255,255,0.4); 126 | background: #9dc954; 127 | background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285)); 128 | background: -moz-linear-gradient(top, #9dc954, #cae285); 129 | -webkit-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent; 130 | -moz-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent; 131 | box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent; 132 | } 133 | 134 | #coming-soon .twitter:before{ 135 | content: '@'; 136 | padding-top: 2px; 137 | padding-left: 24px; 138 | background: url(twitter.png) no-repeat 0 0px; 139 | } 140 | #coming-soon .twitter{ 141 | padding-top: 5px; 142 | } 143 | 144 | #logo { 145 | display: block; 146 | width: 535px; 147 | height: 171px; 148 | background: url("Monitoring-Artist-logo-web.png") no-repeat scroll center top rgba(0, 0, 0, 0); 149 | margin: 0 auto; 150 | } 151 | 152 | #logo:hover { 153 | background-position: center bottom; 154 | } --------------------------------------------------------------------------------