M _includes/head.html => _includes/head.html +2 -1
@@ 8,7 8,8 @@
<link href='{{ site.baseurl }}/feed.xml' rel='alternate' type='application/atom+xml'>
<link rel="canonical" href="{{ site.baseurl }}{{ page.url }}">
- <link rel="stylesheet" href="https://fonts.google.com/css2?family=Overpass+Mono">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Overpass+Mono">
<link rel="stylesheet" href="https://unpkg.com/normalize.css@{{ site.normalize_css.version }}">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css">
+ <link rel="stylesheet" href="{{ site.baseurl }}/assets/pygments-dracula.css">
</head>
M _posts/2015-03-02-set-openshift-bundle_without.md => _posts/2015-03-02-set-openshift-bundle_without.md +1 -1
@@ 33,7 33,7 @@ already have a `.openshift` directory with some stuff in there. Create
`.openshift/action_hooks/pre_build` and open it in your favorite editor.
Inside, you'll want to paste the following code.
-```
+```bash
#!/usr/bin/env bash
source $OPENSHIFT_CARTRIDGE_SDK_BASH
M _posts/2015-06-10-set-vim-colors-in-iterm2.md => _posts/2015-06-10-set-vim-colors-in-iterm2.md +3 -3
@@ 29,13 29,13 @@ the [magic incantation][magic] providing my desired results:
[magic]: https://github.com/komidore64/dotfiles/commit/9ec628e037a5f186711736a668465607a34b8cea
-```
+```vim
set nocompatible
-[...]
+" snip
colorscheme default
set t_Co=256
set background=light
-[...]
+" snip
```
I haven't messed with it a whole lot, but my guess is these settings would go
A assets/pygments-dracula.css => assets/pygments-dracula.css +83 -0
@@ 0,0 1,83 @@
+pre { line-height: 125%; }
+td.linenos .normal { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; }
+.highlight .hll { background-color: #44475a }
+.highlight { background: #282a36; color: #f8f8f2 }
+.highlight .c { color: #6272a4 } /* Comment */
+.highlight .err { color: #f8f8f2 } /* Error */
+.highlight .g { color: #f8f8f2 } /* Generic */
+.highlight .k { color: #ff79c6 } /* Keyword */
+.highlight .l { color: #f8f8f2 } /* Literal */
+.highlight .n { color: #f8f8f2 } /* Name */
+.highlight .o { color: #ff79c6 } /* Operator */
+.highlight .x { color: #f8f8f2 } /* Other */
+.highlight .p { color: #f8f8f2 } /* Punctuation */
+.highlight .ch { color: #6272a4 } /* Comment.Hashbang */
+.highlight .cm { color: #6272a4 } /* Comment.Multiline */
+.highlight .cp { color: #ff79c6 } /* Comment.Preproc */
+.highlight .cpf { color: #6272a4 } /* Comment.PreprocFile */
+.highlight .c1 { color: #6272a4 } /* Comment.Single */
+.highlight .cs { color: #6272a4 } /* Comment.Special */
+.highlight .gd { color: #8b080b } /* Generic.Deleted */
+.highlight .ge { color: #f8f8f2; text-decoration: underline } /* Generic.Emph */
+.highlight .gr { color: #f8f8f2 } /* Generic.Error */
+.highlight .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #f8f8f2; font-weight: bold } /* Generic.Inserted */
+.highlight .go { color: #44475a } /* Generic.Output */
+.highlight .gp { color: #f8f8f2 } /* Generic.Prompt */
+.highlight .gs { color: #f8f8f2 } /* Generic.Strong */
+.highlight .gu { color: #f8f8f2; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #f8f8f2 } /* Generic.Traceback */
+.highlight .kc { color: #ff79c6 } /* Keyword.Constant */
+.highlight .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */
+.highlight .kn { color: #ff79c6 } /* Keyword.Namespace */
+.highlight .kp { color: #ff79c6 } /* Keyword.Pseudo */
+.highlight .kr { color: #ff79c6 } /* Keyword.Reserved */
+.highlight .kt { color: #8be9fd } /* Keyword.Type */
+.highlight .ld { color: #f8f8f2 } /* Literal.Date */
+.highlight .m { color: #ffb86c } /* Literal.Number */
+.highlight .s { color: #bd93f9 } /* Literal.String */
+.highlight .na { color: #50fa7b } /* Name.Attribute */
+.highlight .nb { color: #8be9fd; font-style: italic } /* Name.Builtin */
+.highlight .nc { color: #50fa7b } /* Name.Class */
+.highlight .no { color: #f8f8f2 } /* Name.Constant */
+.highlight .nd { color: #f8f8f2 } /* Name.Decorator */
+.highlight .ni { color: #f8f8f2 } /* Name.Entity */
+.highlight .ne { color: #f8f8f2 } /* Name.Exception */
+.highlight .nf { color: #50fa7b } /* Name.Function */
+.highlight .nl { color: #8be9fd; font-style: italic } /* Name.Label */
+.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
+.highlight .nx { color: #f8f8f2 } /* Name.Other */
+.highlight .py { color: #f8f8f2 } /* Name.Property */
+.highlight .nt { color: #ff79c6 } /* Name.Tag */
+.highlight .nv { color: #8be9fd; font-style: italic } /* Name.Variable */
+.highlight .ow { color: #ff79c6 } /* Operator.Word */
+.highlight .pm { color: #f8f8f2 } /* Punctuation.Marker */
+.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
+.highlight .mb { color: #ffb86c } /* Literal.Number.Bin */
+.highlight .mf { color: #ffb86c } /* Literal.Number.Float */
+.highlight .mh { color: #ffb86c } /* Literal.Number.Hex */
+.highlight .mi { color: #ffb86c } /* Literal.Number.Integer */
+.highlight .mo { color: #ffb86c } /* Literal.Number.Oct */
+.highlight .sa { color: #bd93f9 } /* Literal.String.Affix */
+.highlight .sb { color: #bd93f9 } /* Literal.String.Backtick */
+.highlight .sc { color: #bd93f9 } /* Literal.String.Char */
+.highlight .dl { color: #bd93f9 } /* Literal.String.Delimiter */
+.highlight .sd { color: #bd93f9 } /* Literal.String.Doc */
+.highlight .s2 { color: #bd93f9 } /* Literal.String.Double */
+.highlight .se { color: #bd93f9 } /* Literal.String.Escape */
+.highlight .sh { color: #bd93f9 } /* Literal.String.Heredoc */
+.highlight .si { color: #bd93f9 } /* Literal.String.Interpol */
+.highlight .sx { color: #bd93f9 } /* Literal.String.Other */
+.highlight .sr { color: #bd93f9 } /* Literal.String.Regex */
+.highlight .s1 { color: #bd93f9 } /* Literal.String.Single */
+.highlight .ss { color: #bd93f9 } /* Literal.String.Symbol */
+.highlight .bp { color: #f8f8f2; font-style: italic } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #50fa7b } /* Name.Function.Magic */
+.highlight .vc { color: #8be9fd; font-style: italic } /* Name.Variable.Class */
+.highlight .vg { color: #8be9fd; font-style: italic } /* Name.Variable.Global */
+.highlight .vi { color: #8be9fd; font-style: italic } /* Name.Variable.Instance */
+.highlight .vm { color: #8be9fd; font-style: italic } /* Name.Variable.Magic */
+.highlight .il { color: #ffb86c } /* Literal.Number.Integer.Long */
M assets/style.sass => assets/style.sass +72 -27
@@ 1,9 1,23 @@
---
---
-$black: #000
+$dracula-background: #282a36
+$dracula-currentline: #44475a
+$dracula-selection: #44475a
+$dracula-foreground: #f8f8f2
+$dracula-comment: #6272a4
+$dracula-cyan: #8be9fd
+$dracula-green: #50fa7b
+$dracula-orange: #ffb86c
+$dracula-pink: #ff79c6
+$dracula-purple: #bd93f9
+$dracula-red: #f55
+$dracula-yellow: #f1fa8c
+$grey: #808080
body
+ background-color: $dracula-background
+ color: $dracula-foreground
font-family: Verdana, sans-serif
font-size: 1em
line-height: 1.5
@@ 14,48 28,77 @@ body
text-align: left
word-wrap: break-word
-nav
- a
- margin-right: 8px
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6
- font-family: Verdana, sans-serif
-
a
+ color: $dracula-green
cursor: pointer
text-decoration: none
&:hover
+ color: darken($dracula-green, 20%)
text-decoration: underline
+h1
+ color: $dracula-green
+
+h2,
+h3
+ color: $dracula-cyan
+
+h4,
+h5,
+h6
+ color: $dracula-yellow
+
+nav
+ a
+ margin-right: 8px
+
content
line-height: 1.6
hr
+ background: $dracula-green
border: 0
- border-top: 1px dashed
+ border-radius: 2px
+ height: 3px
+ margin: 0 0 20px
+ outline: none
-img,
-table
+img
display: block
margin-left: auto
margin-right: auto
max-width: 100%
+table
+ border-collapse: collapse
+ border-color: $grey
+ margin: 0 0 20px
+ width: 100%
+
+thead
+ border-color: inherit
+ vertical-align: middle
+
+th
+ background: $dracula-comment
+ padding: 10px
+
+td
+ border-bottom: 2px solid $dracula-purple
+ padding: 5px 10px
+
code
- border-radius: 3px
+ background-color: $dracula-selection
+ border-radius: 2px
font-family: Overpass Mono, monospace
padding: 2px
blockquote
- border-left: 1px solid $black
+ border-left: 3px solid $dracula-green
font-style: italic
- padding-left: 20px
+ margin: 0
+ padding: 0 0 0 20px
footer
padding: 25px 0
@@ 65,14 108,6 @@ footer
&:hover
text-decoration: none
-.highlight,
-.code
- border-radius: 3px
- margin-block-end: 1em
- margin-block-start: 1em
- overflow-x: auto
- padding: 1px 15px
-
.dates-with-items
list-style-type: none
padding: unset
@@ 82,3 117,13 @@ footer
span
flex: 0 0 130px
+
+pre
+ border: 3px solid $dracula-pink
+ border-radius: 2px
+ overflow-x: auto
+ padding: 8px 15px
+
+ code
+ background-color: $dracula-background
+ padding: 0