| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="description" content="{{ site.description }}"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>{{ site.title }}</title> | ||
| <link rel="stylesheet" href="css/normalize.css"> | ||
| <link rel="stylesheet" href="css/syntax.css"> | ||
| <link rel="stylesheet" href="css/solo.css"> | ||
| {% include head.html %} | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <h1><a href="./">{{ site.tag_text }}</a></h1> | ||
| {{ content }} | ||
| </div> | ||
| {% include scripts.html %} | ||
| </body> | ||
| </html> |
| @@ -0,0 +1,153 @@ | ||
| @import url(//fonts.googleapis.com/css?family=Montserrat:700); | ||
| @import url(//fonts.googleapis.com/css?family=Inconsolata:400,700); | ||
|
|
||
| html { | ||
| font: 16px/1.5 Inconsolata, sans-serif; | ||
| } | ||
|
|
||
| @media (min-width: 30rem) { | ||
| html { | ||
| font-size: 20px; | ||
| } | ||
| } | ||
|
|
||
| body { | ||
| margin: 2rem 0 5rem; | ||
| color: #333; | ||
| } | ||
|
|
||
| @media (min-width: 30rem) { | ||
| body { | ||
| margin-top: 5rem; | ||
| } | ||
| } | ||
|
|
||
| a { | ||
| color: #0074d9; /* From http://clrs.cc */ | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| a:hover, a:focus { | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| h1, h2, h3, h4, h5, h6 { | ||
| font-family: Montserrat, sans-serif; | ||
| margin: 0 0 0.5rem -0.1rem /* align left edge */; | ||
| line-height: 1; | ||
| color: #111; | ||
| text-rendering: optimizeLegibility; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 2.5rem; | ||
| margin-bottom: 1rem; | ||
| } | ||
|
|
||
| @media (min-width: 30rem) { | ||
| h1 { | ||
| font-size: 3rem; | ||
| margin-bottom: 3rem; | ||
| } | ||
| } | ||
|
|
||
| h1 a { | ||
| color: inherit; | ||
| } | ||
|
|
||
| h2 { | ||
| margin-top: 2rem; | ||
| font-size: 1.25rem; | ||
| margin-bottom: 0.75rem; | ||
| } | ||
|
|
||
| @media (min-width: 30rem) { | ||
| h2 { | ||
| margin-top: 2.5rem; | ||
| font-size: 1.5rem; | ||
| margin-bottom: 1rem; | ||
| } | ||
| } | ||
|
|
||
| h3, h4, h5, h6 { | ||
| margin-top: 1.5rem; | ||
| font-size: 1rem; | ||
| text-transform: uppercase; | ||
| } | ||
|
|
||
| p, ul, ol, dl, table, pre, blockquote { | ||
| margin-top: 0; | ||
| margin-bottom: 1rem; | ||
| } | ||
|
|
||
| ul, ol { | ||
| padding-left: 1.5rem; | ||
| } | ||
|
|
||
| dd { | ||
| margin-left: 1.5rem; | ||
| } | ||
|
|
||
| blockquote { | ||
| margin-left: 0; | ||
| margin-right: 0; | ||
| padding: .5rem 1rem; | ||
| border-left: .25rem solid #ccc; | ||
| color: #666; | ||
| } | ||
|
|
||
| blockquote p:last-child { | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| hr { | ||
| border: none; | ||
| margin: 1.5rem 0; | ||
| border-bottom: 1px solid #ccc; | ||
| position: relative; | ||
| top: -1px; | ||
| } | ||
|
|
||
| .container img, .container iframe { | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| .container img { | ||
| margin: 0 auto; | ||
| display: block; | ||
| } | ||
|
|
||
| table { | ||
| width: 100%; | ||
| border: 1px solid #ccc; | ||
| border-collapse: collapse; | ||
| } | ||
|
|
||
| td, th { | ||
| padding: .25rem .5rem; | ||
| border: 1px solid #ccc; | ||
| } | ||
|
|
||
| pre, code { | ||
| font-family: inherit; | ||
| background-color: #eee; | ||
| } | ||
|
|
||
| pre { | ||
| padding: .5rem 1rem; | ||
| font-size: 0.8rem; | ||
| } | ||
|
|
||
| code { | ||
| padding: .1rem .25rem; | ||
| } | ||
|
|
||
| pre > code { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .container { | ||
| max-width: 30rem; | ||
| margin: 0 auto; | ||
| padding: 0 1rem; | ||
| } |
| @@ -0,0 +1,66 @@ | ||
| .hll { background-color: #ffffcc } | ||
| /*{ background: #f0f3f3; }*/ | ||
| .c { color: #999; } /* Comment */ | ||
| .err { color: #AA0000; background-color: #FFAAAA } /* Error */ | ||
| .k { color: #006699; } /* Keyword */ | ||
| .o { color: #555555 } /* Operator */ | ||
| .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ | ||
| .cp { color: #009999 } /* Comment.Preproc */ | ||
| .c1 { color: #999; } /* Comment.Single */ | ||
| .cs { color: #999; } /* Comment.Special */ | ||
| .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ | ||
| .ge { font-style: italic } /* Generic.Emph */ | ||
| .gr { color: #FF0000 } /* Generic.Error */ | ||
| .gh { color: #003300; } /* Generic.Heading */ | ||
| .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ | ||
| .go { color: #AAAAAA } /* Generic.Output */ | ||
| .gp { color: #000099; } /* Generic.Prompt */ | ||
| .gs { } /* Generic.Strong */ | ||
| .gu { color: #003300; } /* Generic.Subheading */ | ||
| .gt { color: #99CC66 } /* Generic.Traceback */ | ||
| .kc { color: #006699; } /* Keyword.Constant */ | ||
| .kd { color: #006699; } /* Keyword.Declaration */ | ||
| .kn { color: #006699; } /* Keyword.Namespace */ | ||
| .kp { color: #006699 } /* Keyword.Pseudo */ | ||
| .kr { color: #006699; } /* Keyword.Reserved */ | ||
| .kt { color: #007788; } /* Keyword.Type */ | ||
| .m { color: #FF6600 } /* Literal.Number */ | ||
| .s { color: #d44950 } /* Literal.String */ | ||
| .na { color: #4f9fcf } /* Name.Attribute */ | ||
| .nb { color: #336666 } /* Name.Builtin */ | ||
| .nc { color: #00AA88; } /* Name.Class */ | ||
| .no { color: #336600 } /* Name.Constant */ | ||
| .nd { color: #9999FF } /* Name.Decorator */ | ||
| .ni { color: #999999; } /* Name.Entity */ | ||
| .ne { color: #CC0000; } /* Name.Exception */ | ||
| .nf { color: #CC00FF } /* Name.Function */ | ||
| .nl { color: #9999FF } /* Name.Label */ | ||
| .nn { color: #00CCFF; } /* Name.Namespace */ | ||
| .nt { color: #2f6f9f; } /* Name.Tag */ | ||
| .nv { color: #003333 } /* Name.Variable */ | ||
| .ow { color: #000000; } /* Operator.Word */ | ||
| .w { color: #bbbbbb } /* Text.Whitespace */ | ||
| .mf { color: #FF6600 } /* Literal.Number.Float */ | ||
| .mh { color: #FF6600 } /* Literal.Number.Hex */ | ||
| .mi { color: #FF6600 } /* Literal.Number.Integer */ | ||
| .mo { color: #FF6600 } /* Literal.Number.Oct */ | ||
| .sb { color: #CC3300 } /* Literal.String.Backtick */ | ||
| .sc { color: #CC3300 } /* Literal.String.Char */ | ||
| .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ | ||
| .s2 { color: #CC3300 } /* Literal.String.Double */ | ||
| .se { color: #CC3300; } /* Literal.String.Escape */ | ||
| .sh { color: #CC3300 } /* Literal.String.Heredoc */ | ||
| .si { color: #AA0000 } /* Literal.String.Interpol */ | ||
| .sx { color: #CC3300 } /* Literal.String.Other */ | ||
| .sr { color: #33AAAA } /* Literal.String.Regex */ | ||
| .s1 { color: #CC3300 } /* Literal.String.Single */ | ||
| .ss { color: #FFCC33 } /* Literal.String.Symbol */ | ||
| .bp { color: #336666 } /* Name.Builtin.Pseudo */ | ||
| .vc { color: #003333 } /* Name.Variable.Class */ | ||
| .vg { color: #003333 } /* Name.Variable.Global */ | ||
| .vi { color: #003333 } /* Name.Variable.Instance */ | ||
| .il { color: #FF6600 } /* Literal.Number.Integer.Long */ | ||
|
|
||
| .css .o, | ||
| .css .o + .nt, | ||
| .css .nt + .nt { color: #999; } |
| @@ -0,0 +1,20 @@ | ||
| --- | ||
| layout: default | ||
| --- | ||
|
|
||
| ## Supporting customers is hard. We want to help. | ||
|
|
||
| We're two customer ops pros with years of experience supporting users in fast-paced, SaaS environments. We've got messy and made mistakes and we want to share with you what we've learned along the way. | ||
|
|
||
| <br> | ||
|
|
||
| <div class="profilepics"><img class="profile" src="/img/thomas.png" style="float: left"><img class="profile" src="/img/jess.png"></div> | ||
|
|
||
| <br> | ||
|
|
||
| ## Email is Awesome | ||
|
|
||
| Learn at your own pace. | ||
|
|
||
|
|
||
|
|