├── .gitignore ├── README.md ├── images ├── download.svg └── blacktocat.svg ├── LICENSE ├── stylesheets ├── pygment_trac.css ├── stylesheet.css └── normalize.css └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | # OS generated files # 2 | ###################### 3 | .DS_Store 4 | .DS_Store? -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Slate 2 | ===== 3 | Slate is responsive theme for GitHub Pages. [Fork it](https://github.com/jsncostello/slate/fork_select) and use it on your own site or generate one automatically using [GitHub Pages](http://pages.github.com). 4 | 5 | Slate in use: 6 | ![Slate](https://cloud.githubusercontent.com/assets/416727/17308540/72c4b6ce-57ef-11e6-9f68-12f6327edfde.png) 7 | 8 | Slate is available under the MIT license. 9 | -------------------------------------------------------------------------------- /images/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 11 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Jason Costello 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /images/blacktocat.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 12 | 18 | 19 | 20 | 24 | 25 | 26 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /stylesheets/pygment_trac.css: -------------------------------------------------------------------------------- 1 | .highlight .hll { background-color: #ffffcc } 2 | .highlight { background: #f0f3f3; } 3 | .highlight .c { color: #0099FF; font-style: italic } /* Comment */ 4 | .highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */ 5 | .highlight .k { color: #006699; font-weight: bold } /* Keyword */ 6 | .highlight .o { color: #555555 } /* Operator */ 7 | .highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ 8 | .highlight .cp { color: #009999 } /* Comment.Preproc */ 9 | .highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */ 10 | .highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */ 11 | .highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ 12 | .highlight .ge { font-style: italic } /* Generic.Emph */ 13 | .highlight .gr { color: #FF0000 } /* Generic.Error */ 14 | .highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */ 15 | .highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ 16 | .highlight .go { color: #AAAAAA } /* Generic.Output */ 17 | .highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */ 18 | .highlight .gs { font-weight: bold } /* Generic.Strong */ 19 | .highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */ 20 | .highlight .gt { color: #99CC66 } /* Generic.Traceback */ 21 | .highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */ 22 | .highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */ 23 | .highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */ 24 | .highlight .kp { color: #006699 } /* Keyword.Pseudo */ 25 | .highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */ 26 | .highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */ 27 | .highlight .m { color: #FF6600 } /* Literal.Number */ 28 | .highlight .s { color: #CC3300 } /* Literal.String */ 29 | .highlight .na { color: #330099 } /* Name.Attribute */ 30 | .highlight .nb { color: #336666 } /* Name.Builtin */ 31 | .highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */ 32 | .highlight .no { color: #336600 } /* Name.Constant */ 33 | .highlight .nd { color: #9999FF } /* Name.Decorator */ 34 | .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ 35 | .highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */ 36 | .highlight .nf { color: #CC00FF } /* Name.Function */ 37 | .highlight .nl { color: #9999FF } /* Name.Label */ 38 | .highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */ 39 | .highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */ 40 | .highlight .nv { color: #003333 } /* Name.Variable */ 41 | .highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */ 42 | .highlight .w { color: #bbbbbb } /* Text.Whitespace */ 43 | .highlight .mf { color: #FF6600 } /* Literal.Number.Float */ 44 | .highlight .mh { color: #FF6600 } /* Literal.Number.Hex */ 45 | .highlight .mi { color: #FF6600 } /* Literal.Number.Integer */ 46 | .highlight .mo { color: #FF6600 } /* Literal.Number.Oct */ 47 | .highlight .sb { color: #CC3300 } /* Literal.String.Backtick */ 48 | .highlight .sc { color: #CC3300 } /* Literal.String.Char */ 49 | .highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ 50 | .highlight .s2 { color: #CC3300 } /* Literal.String.Double */ 51 | .highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */ 52 | .highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */ 53 | .highlight .si { color: #AA0000 } /* Literal.String.Interpol */ 54 | .highlight .sx { color: #CC3300 } /* Literal.String.Other */ 55 | .highlight .sr { color: #33AAAA } /* Literal.String.Regex */ 56 | .highlight .s1 { color: #CC3300 } /* Literal.String.Single */ 57 | .highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */ 58 | .highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */ 59 | .highlight .vc { color: #003333 } /* Name.Variable.Class */ 60 | .highlight .vg { color: #003333 } /* Name.Variable.Global */ 61 | .highlight .vi { color: #003333 } /* Name.Variable.Instance */ 62 | .highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */ 63 | 64 | .type-csharp .highlight .k { color: #0000FF } 65 | .type-csharp .highlight .kt { color: #0000FF } 66 | .type-csharp .highlight .nf { color: #000000; font-weight: normal } 67 | .type-csharp .highlight .nc { color: #2B91AF } 68 | .type-csharp .highlight .nn { color: #000000 } 69 | .type-csharp .highlight .s { color: #A31515 } 70 | .type-csharp .highlight .sc { color: #A31515 } 71 | -------------------------------------------------------------------------------- /stylesheets/stylesheet.css: -------------------------------------------------------------------------------- 1 | /******************************************************************************* 2 | Slate Theme for GitHub Pages 3 | by Jason Costello, @jsncostello 4 | *******************************************************************************/ 5 | 6 | @import url(normalize.css); 7 | @import url(pygment_trac.css); 8 | 9 | /******************************************************************************* 10 | Theme Styles 11 | *******************************************************************************/ 12 | 13 | *, *:before, *:after { 14 | -moz-box-sizing: border-box; 15 | -webkit-box-sizing: border-box; 16 | box-sizing: border-box; 17 | } 18 | 19 | body { 20 | color:#373737; 21 | background: #212121; 22 | font-size: 18px; 23 | font-family: "Roboto", Helvetica, Arial, sans-serif; 24 | line-height: 1.5; 25 | -webkit-font-smoothing: antialiased; 26 | } 27 | 28 | h1, h2, h3, h4, h5, h6 { 29 | font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; 30 | margin: 10px 0; 31 | font-weight: 700; 32 | color:#222222; 33 | } 34 | 35 | h1 { 36 | margin-bottom: 20px; 37 | font-size: 36px; 38 | line-height: 1.1; 39 | font-weight: 700; 40 | } 41 | 42 | h1#project_title { 43 | text-transform: uppercase; 44 | } 45 | 46 | h2 { 47 | font-size: 32px; 48 | line-height: 1.2; 49 | } 50 | 51 | h3 { 52 | margin-bottom: 0; 53 | padding-bottom: 0; 54 | font-size: 24px; 55 | line-height: 1.3; 56 | } 57 | 58 | h4 { 59 | margin-bottom: 0; 60 | padding-bottom: 0; 61 | font-size: 21px; 62 | } 63 | 64 | h5 { 65 | margin-bottom: 0; 66 | padding-bottom: 0; 67 | font-size: 18px; 68 | } 69 | 70 | h6 { 71 | margin-bottom: 0; 72 | padding-bottom: 0; 73 | font-size: 16px; 74 | } 75 | 76 | p { 77 | font-family: "Roboto Slab", 78 | font-size: 18px; 79 | margin: 0px 0 15px 0; 80 | } 81 | 82 | footer p { 83 | color: #f2f2f2; 84 | } 85 | 86 | a { 87 | display: inline-block; 88 | text-decoration: none; 89 | border-bottom: 1px dotted #666; 90 | color: inherit; 91 | text-shadow: none; 92 | } 93 | 94 | a:hover, a:focus {border-bottom: 1px solid #0090ff;} 95 | 96 | 97 | em { 98 | font-style: italic; 99 | } 100 | 101 | strong { 102 | font-weight: bold; 103 | } 104 | 105 | img { 106 | position: relative; 107 | margin: 0 auto; 108 | max-width: 739px; 109 | padding: 5px; 110 | margin: 10px 0 10px 0; 111 | 112 | box-shadow: 0 0 5px #ebebeb; 113 | -webkit-box-shadow: 0 0 5px #ebebeb; 114 | -moz-box-shadow: 0 0 5px #ebebeb; 115 | -o-box-shadow: 0 0 5px #ebebeb; 116 | -ms-box-shadow: 0 0 5px #ebebeb; 117 | } 118 | 119 | p img { 120 | display: inline; 121 | margin: 0; 122 | padding: 0; 123 | vertical-align: middle; 124 | text-align: center; 125 | border: none; 126 | } 127 | 128 | pre, code { 129 | width: 100%; 130 | color: #fff; 131 | background-color: #222; 132 | 133 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; 134 | font-size: 14px; 135 | 136 | 137 | box-shadow: 0 0 10px rgba(0,0,0,.1); 138 | } 139 | 140 | pre { 141 | padding: 10px 20px; 142 | overflow: auto; 143 | } 144 | 145 | code { 146 | padding: 3px; 147 | margin: 0 3px; 148 | } 149 | 150 | pre code { 151 | display: block; 152 | box-shadow: none; 153 | } 154 | 155 | blockquote { 156 | color: #666; 157 | margin: 0 0 20px 2px; 158 | padding-left: 20px; 159 | border-left: 3px solid #bbb; 160 | font-style: italic; 161 | } 162 | 163 | ul, ol, dl { 164 | margin: 0 0 15px 0; 165 | padding-left: 20px; 166 | } 167 | 168 | dl dt { 169 | font-weight: bold; 170 | } 171 | 172 | dl dd { 173 | margin-left: 0; 174 | padding-left: 0; 175 | font-style: italic; 176 | } 177 | 178 | dl p { 179 | padding-left: 20px; 180 | font-style: italic; 181 | } 182 | 183 | hr { 184 | height: 1px; 185 | margin-bottom: 5px; 186 | border: none; 187 | background: url('../images/bg_hr.png') repeat-x center; 188 | } 189 | 190 | table { 191 | border: 1px solid #373737; 192 | margin-bottom: 20px; 193 | text-align: left; 194 | } 195 | 196 | th { 197 | padding: 10px; 198 | background: #222; 199 | color: #fff; 200 | } 201 | 202 | td { 203 | padding: 10px; 204 | border: 1px solid #222; 205 | } 206 | 207 | form { 208 | background: #f2f2f2; 209 | padding: 20px; 210 | } 211 | 212 | /******************************************************************************* 213 | Full-Width Styles 214 | *******************************************************************************/ 215 | 216 | .outer { 217 | width: 100%; 218 | padding: 0 10px; 219 | } 220 | 221 | .inner { 222 | position: relative; 223 | max-width: 960px; 224 | padding: 20px 10px; 225 | margin: 0 auto; 226 | } 227 | 228 | #forkme_banner { 229 | display: block; 230 | position: absolute; 231 | top:0; 232 | right: 10px; 233 | z-index: 10; 234 | padding: 10px 20px 10px 50px; 235 | color: #fff; 236 | background: url('../images/blacktocat.svg') #0090ff no-repeat 8% 50%; 237 | background-size: 25px; 238 | font-weight: 700; 239 | border: none; 240 | } 241 | 242 | #forkme_banner:hover { 243 | background-color: #1883ed; 244 | } 245 | 246 | header { 247 | color: #f2f2f2; 248 | } 249 | 250 | #header_wrap { 251 | background: #212121; 252 | } 253 | 254 | #header_wrap .inner { 255 | padding: 60px 10px 0px 0px; 256 | } 257 | 258 | #project_title { 259 | margin: 0; 260 | color: #fff; 261 | font-size: 54px; 262 | font-weight: 700; 263 | } 264 | 265 | #project_tagline { 266 | color: #fff; 267 | font-size: 36px; 268 | font-weight: 300; 269 | background: none; 270 | } 271 | 272 | .downloads { 273 | display: block; 274 | padding-left: 50px; 275 | color: #f2f2f2; 276 | position: relative; 277 | height: 70px; 278 | background: url(../images/download.svg) no-repeat center left; 279 | background-size: 25px 20px; 280 | } 281 | 282 | .downloads a { 283 | margin-right: 20px; 284 | } 285 | .downloads a:hover { 286 | text-decoration: underline solid #fff; 287 | } 288 | 289 | #main_content { 290 | padding-top: 40px; 291 | } 292 | 293 | #main_content.inner { 294 | background-color: #fff; 295 | padding: 70px 100px; 296 | box-shadow: 0 0 5px #ebebeb; 297 | -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); 298 | -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); 299 | -o-box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); 300 | -ms-box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); 301 | } 302 | 303 | #footer_wrap { 304 | background: #212121; 305 | } 306 | 307 | /******************************************************************************* 308 | Small Device Styles 309 | *******************************************************************************/ 310 | 311 | @media screen and (max-width: 992px) { 312 | img { 313 | max-width: 100%; 314 | } 315 | } 316 | 317 | @media screen and (max-width: 480px) { 318 | body { 319 | font-size: 13px; 320 | } 321 | 322 | .downloads { 323 | display: none; 324 | } 325 | 326 | .outer { 327 | padding: 0; 328 | } 329 | 330 | .inner { 331 | min-width: 320px; 332 | max-width: 480px; 333 | } 334 | 335 | #header_wrap .inner { 336 | padding: 60px 10px; 337 | } 338 | 339 | #main_content.inner { 340 | padding: 10px; 341 | } 342 | 343 | #project_title { 344 | font-size: 32px; 345 | } 346 | 347 | h1 { 348 | font-size: 28px; 349 | } 350 | 351 | h2 { 352 | font-size: 24px; 353 | } 354 | 355 | h3 { 356 | font-size: 21px; 357 | } 358 | 359 | h4 { 360 | font-size: 18px; 361 | } 362 | 363 | h5 { 364 | font-size: 14px; 365 | } 366 | 367 | h6 { 368 | font-size: 12px; 369 | } 370 | 371 | code, pre { 372 | min-width: 320px; 373 | max-width: 480px; 374 | font-size: 11px; 375 | } 376 | } 377 | -------------------------------------------------------------------------------- /stylesheets/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ 2 | 3 | /* ========================================================================== 4 | HTML5 display definitions 5 | ========================================================================== */ 6 | 7 | /** 8 | * Correct `block` display not defined in IE 8/9. 9 | */ 10 | 11 | article, 12 | aside, 13 | details, 14 | figcaption, 15 | figure, 16 | footer, 17 | header, 18 | hgroup, 19 | main, 20 | nav, 21 | section, 22 | summary { 23 | display: block; 24 | } 25 | 26 | /** 27 | * Correct `inline-block` display not defined in IE 8/9. 28 | */ 29 | 30 | audio, 31 | canvas, 32 | video { 33 | display: inline-block; 34 | } 35 | 36 | /** 37 | * Prevent modern browsers from displaying `audio` without controls. 38 | * Remove excess height in iOS 5 devices. 39 | */ 40 | 41 | audio:not([controls]) { 42 | display: none; 43 | height: 0; 44 | } 45 | 46 | /** 47 | * Address `[hidden]` styling not present in IE 8/9. 48 | * Hide the `template` element in IE, Safari, and Firefox < 22. 49 | */ 50 | 51 | [hidden], 52 | template { 53 | display: none; 54 | } 55 | 56 | /* ========================================================================== 57 | Base 58 | ========================================================================== */ 59 | 60 | /** 61 | * 1. Set default font family to sans-serif. 62 | * 2. Prevent iOS text size adjust after orientation change, without disabling 63 | * user zoom. 64 | */ 65 | 66 | html { 67 | font-family: sans-serif; /* 1 */ 68 | -ms-text-size-adjust: 100%; /* 2 */ 69 | -webkit-text-size-adjust: 100%; /* 2 */ 70 | } 71 | 72 | /** 73 | * Remove default margin. 74 | */ 75 | 76 | body { 77 | margin: 0; 78 | } 79 | 80 | /* ========================================================================== 81 | Links 82 | ========================================================================== */ 83 | 84 | /** 85 | * Remove the gray background color from active links in IE 10. 86 | */ 87 | 88 | a { 89 | background: transparent; 90 | } 91 | 92 | /** 93 | * Address `outline` inconsistency between Chrome and other browsers. 94 | */ 95 | 96 | a:focus { 97 | outline: thin dotted; 98 | } 99 | 100 | /** 101 | * Improve readability when focused and also mouse hovered in all browsers. 102 | */ 103 | 104 | a:active, 105 | a:hover { 106 | outline: 0; 107 | } 108 | 109 | /* ========================================================================== 110 | Typography 111 | ========================================================================== */ 112 | 113 | /** 114 | * Address variable `h1` font-size and margin within `section` and `article` 115 | * contexts in Firefox 4+, Safari 5, and Chrome. 116 | */ 117 | 118 | h1 { 119 | font-size: 2em; 120 | margin: 0.67em 0; 121 | } 122 | 123 | /** 124 | * Address styling not present in IE 8/9, Safari 5, and Chrome. 125 | */ 126 | 127 | abbr[title] { 128 | border-bottom: 1px dotted; 129 | } 130 | 131 | /** 132 | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. 133 | */ 134 | 135 | b, 136 | strong { 137 | font-weight: bold; 138 | } 139 | 140 | /** 141 | * Address styling not present in Safari 5 and Chrome. 142 | */ 143 | 144 | dfn { 145 | font-style: italic; 146 | } 147 | 148 | /** 149 | * Address differences between Firefox and other browsers. 150 | */ 151 | 152 | hr { 153 | -moz-box-sizing: content-box; 154 | box-sizing: content-box; 155 | height: 0; 156 | } 157 | 158 | /** 159 | * Address styling not present in IE 8/9. 160 | */ 161 | 162 | mark { 163 | background: #ff0; 164 | color: #000; 165 | } 166 | 167 | /** 168 | * Correct font family set oddly in Safari 5 and Chrome. 169 | */ 170 | 171 | code, 172 | kbd, 173 | pre, 174 | samp { 175 | font-family: monospace, serif; 176 | font-size: 1em; 177 | } 178 | 179 | /** 180 | * Improve readability of pre-formatted text in all browsers. 181 | */ 182 | 183 | pre { 184 | white-space: pre-wrap; 185 | } 186 | 187 | /** 188 | * Set consistent quote types. 189 | */ 190 | 191 | q { 192 | quotes: "\201C" "\201D" "\2018" "\2019"; 193 | } 194 | 195 | /** 196 | * Address inconsistent and variable font size in all browsers. 197 | */ 198 | 199 | small { 200 | font-size: 80%; 201 | } 202 | 203 | /** 204 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 205 | */ 206 | 207 | sub, 208 | sup { 209 | font-size: 75%; 210 | line-height: 0; 211 | position: relative; 212 | vertical-align: baseline; 213 | } 214 | 215 | sup { 216 | top: -0.5em; 217 | } 218 | 219 | sub { 220 | bottom: -0.25em; 221 | } 222 | 223 | /* ========================================================================== 224 | Embedded content 225 | ========================================================================== */ 226 | 227 | /** 228 | * Remove border when inside `a` element in IE 8/9. 229 | */ 230 | 231 | img { 232 | border: 0; 233 | } 234 | 235 | /** 236 | * Correct overflow displayed oddly in IE 9. 237 | */ 238 | 239 | svg:not(:root) { 240 | overflow: hidden; 241 | } 242 | 243 | /* ========================================================================== 244 | Figures 245 | ========================================================================== */ 246 | 247 | /** 248 | * Address margin not present in IE 8/9 and Safari 5. 249 | */ 250 | 251 | figure { 252 | margin: 0; 253 | } 254 | 255 | /* ========================================================================== 256 | Forms 257 | ========================================================================== */ 258 | 259 | /** 260 | * Define consistent border, margin, and padding. 261 | */ 262 | 263 | fieldset { 264 | border: 1px solid #c0c0c0; 265 | margin: 0 2px; 266 | padding: 0.35em 0.625em 0.75em; 267 | } 268 | 269 | /** 270 | * 1. Correct `color` not being inherited in IE 8/9. 271 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 272 | */ 273 | 274 | legend { 275 | border: 0; /* 1 */ 276 | padding: 0; /* 2 */ 277 | } 278 | 279 | /** 280 | * 1. Correct font family not being inherited in all browsers. 281 | * 2. Correct font size not being inherited in all browsers. 282 | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 283 | */ 284 | 285 | button, 286 | input, 287 | select, 288 | textarea { 289 | font-family: inherit; /* 1 */ 290 | font-size: 100%; /* 2 */ 291 | margin: 0; /* 3 */ 292 | } 293 | 294 | /** 295 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 296 | * the UA stylesheet. 297 | */ 298 | 299 | button, 300 | input { 301 | line-height: normal; 302 | } 303 | 304 | /** 305 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 306 | * All other form control elements do not inherit `text-transform` values. 307 | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. 308 | * Correct `select` style inheritance in Firefox 4+ and Opera. 309 | */ 310 | 311 | button, 312 | select { 313 | text-transform: none; 314 | } 315 | 316 | /** 317 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 318 | * and `video` controls. 319 | * 2. Correct inability to style clickable `input` types in iOS. 320 | * 3. Improve usability and consistency of cursor style between image-type 321 | * `input` and others. 322 | */ 323 | 324 | button, 325 | html input[type="button"], /* 1 */ 326 | input[type="reset"], 327 | input[type="submit"] { 328 | -webkit-appearance: button; /* 2 */ 329 | cursor: pointer; /* 3 */ 330 | } 331 | 332 | /** 333 | * Re-set default cursor for disabled elements. 334 | */ 335 | 336 | button[disabled], 337 | html input[disabled] { 338 | cursor: default; 339 | } 340 | 341 | /** 342 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 343 | * 2. Remove excess padding in IE 8/9/10. 344 | */ 345 | 346 | input[type="checkbox"], 347 | input[type="radio"] { 348 | box-sizing: border-box; /* 1 */ 349 | padding: 0; /* 2 */ 350 | } 351 | 352 | /** 353 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 354 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome 355 | * (include `-moz` to future-proof). 356 | */ 357 | 358 | input[type="search"] { 359 | -webkit-appearance: textfield; /* 1 */ 360 | -moz-box-sizing: content-box; 361 | -webkit-box-sizing: content-box; /* 2 */ 362 | box-sizing: content-box; 363 | } 364 | 365 | /** 366 | * Remove inner padding and search cancel button in Safari 5 and Chrome 367 | * on OS X. 368 | */ 369 | 370 | input[type="search"]::-webkit-search-cancel-button, 371 | input[type="search"]::-webkit-search-decoration { 372 | -webkit-appearance: none; 373 | } 374 | 375 | /** 376 | * Remove inner padding and border in Firefox 4+. 377 | */ 378 | 379 | button::-moz-focus-inner, 380 | input::-moz-focus-inner { 381 | border: 0; 382 | padding: 0; 383 | } 384 | 385 | /** 386 | * 1. Remove default vertical scrollbar in IE 8/9. 387 | * 2. Improve readability and alignment in all browsers. 388 | */ 389 | 390 | textarea { 391 | overflow: auto; /* 1 */ 392 | vertical-align: top; /* 2 */ 393 | } 394 | 395 | /* ========================================================================== 396 | Tables 397 | ========================================================================== */ 398 | 399 | /** 400 | * Remove most spacing between table cells. 401 | */ 402 | 403 | table { 404 | border-collapse: collapse; 405 | border-spacing: 0; 406 | } 407 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Slate : A responsive theme for GitHub Pages 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 | View on GitHub 24 | 25 |

Slate

26 |

A responsive theme for GitHub Pages

27 |
28 |
29 | 30 |
31 |
32 | Download .zip 33 | Download .tar.gz 34 |
35 |
36 | 37 | 38 | 39 |
40 |
41 | 42 |

A simple, legible layout.

43 |

Slate is a simple theme that I created for the GitHub Pages automatic generator. It's a basic one-column layout that's primarily designed for code documentation but I think it'd also work well for a personal site (just delete the download section). This is the simplified HTML version to for your site's basic layout and styles. Clone these files and replace this content to get the ball rolling.

44 | 45 |

Headline 1

46 | 47 |

Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.

48 | 49 |

Headline 2

50 | 51 |

Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.

52 | 53 |

Headline 3

54 | 55 |

Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.

56 | 57 |

Headline 4

58 | 59 |

Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.

60 | 61 |
Headline 5
62 | 63 |

Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.

64 | 65 |
Headline 6
66 | 67 |

Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.

68 | 69 |

Roses are emphasized
70 | Violets are strong

71 | 72 |

We all like making lists

73 | 74 | 79 | 80 |

Let's get crazy:

81 | 82 |
    83 |
  1. 84 |

    This is a list item with two paragraphs. Lorem ipsum dolor 85 | sit amet, consectetuer adipiscing elit. Aliquam hendrerit 86 | mi posuere lectus.

    87 | 88 |

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet 89 | vitae, risus. Donec sit amet nisl. Aliquam semper ipsum 90 | sit amet velit.

    91 |
    2. 92 |

  2. Suspendisse id sem consectetuer libero luctus adipiscing.

    3. 93 |
94 | 95 |

What about some code in a list? That's insane, right?

96 | 97 |
    98 |
  1. 99 |

    In Ruby you can map like this:

    100 | ['a', 'b'].map { |x| x.uppercase } 101 |
    2. 102 |
  2. 103 |

    In Rails, you can do a shortcut:

    104 | ['a', 'b'].map(&:uppercase) 105 |
    3. 106 |
107 | 108 |

Some people seem to like definition lists

109 | 110 |
111 |
Lower cost
112 |
The new version of this product costs significantly less than the previous one!
113 |
Easier to use
114 |
We've changed the product so that it's much easier to use!
115 |
116 | 117 |

I am a robot

118 | 119 |

Maybe you want to print robot to the console 1000 times. Why not?

120 | 
121 | def robot_invasion
122 | puts("robot " * 1000)
123 | end
124 |
125 | 126 |

How about we throw some angle braces and ampersands in there?

127 | 128 | 
<div class="footer">
129 | &copy; 2013 Zorg Industries
130 | </div>
131 |
132 | 133 |

If you need to blame someone, the best way to do so is by quoting them:

134 | 135 |
136 |

I, at any rate, am convinced that He does not throw dice.

137 |
138 | 139 |

Or perhaps someone a little less eloquent:

140 | 141 |
142 |

I wish you'd have given me this written question ahead of time so I 143 | could plan for it... I'm sure something will pop into my head here in 144 | the midst of this press conference, with all the pressure of trying to 145 | come up with answer, but it hadn't yet...

146 | 147 |

I don't want to sound like 148 | I have made no mistakes. I'm confident I have. I just haven't - you 149 | just put me under the spot here, and maybe I'm not as quick on my feet 150 | as I should be in coming up with one.

151 |
152 | 153 |

An octocat appears!

154 | an octocat! 155 |

My favorite octocat, illustrated by @cameronmceffee.

156 | 157 |

Table for two

158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 |
IDNameRank
1Tom Preston-WernerAwesome
2Albert EinsteinNearly as awesome
176 | 177 |
178 |
179 | 180 | 181 | 187 | 188 | 189 | 190 | --------------------------------------------------------------------------------