janispagel.de

Source code for https://janispagel.de
Log | Files | Refs | README | LICENSE

commit 0ffbd6ec7b898bb5e379a70b5138143f3c99baa7
parent 1ef95aef587f632b46dd55a2b9d06f40e601a983
Author: Janis Pagel <janis.pagel@ims.uni-stuttgart.de>
Date:   Fri, 19 Jun 2020 04:22:37 +0200

Bump to the minima sass style of Minima 3.0

Diffstat:
M_sass/minima.scss | 26++++++++++++--------------
M_sass/minima/_base.scss | 104++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
A_sass/minima/_custom-styles.scss | 53+++++++++++++++++++++++++++++++++++++++++++++++++++++
M_sass/minima/_layout.scss | 264++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
D_sass/minima/_syntax-highlighting.scss | 71-----------------------------------------------------------------------
A_sass/minima/skins/dark.scss | 95+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
A_sass/minima/skins/light.scss | 89+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mabout.md | 6+++---
Massets/main.scss | 33+++------------------------------
Mindex.md | 2++
10 files changed, 491 insertions(+), 252 deletions(-)

diff --git a/_sass/minima.scss b/_sass/minima.scss @@ -2,7 +2,8 @@ // Define defaults for each variable. -$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default; +$code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace; $base-font-size: 16px !default; $base-font-weight: 400 !default; $small-font-size: $base-font-size * 0.875 !default; @@ -10,14 +11,6 @@ $base-line-height: 1.5 !default; $spacing-unit: 30px !default; -$text-color: #111 !default; -$background-color: #fdfdfd !default; -$brand-color: #2a7ae2 !default; - -$grey-color: #828282 !default; -$grey-color-light: lighten($grey-color, 40%) !default; -$grey-color-dark: darken($grey-color, 25%) !default; - $table-text-align: left !default; // Width of the content area @@ -26,6 +19,9 @@ $content-width: 800px !default; $on-palm: 600px !default; $on-laptop: 800px !default; +$on-medium: $on-palm !default; +$on-large: $on-laptop !default; + // Use media queries like this: // @include media-query($on-palm) { // .wrapper { @@ -33,6 +29,8 @@ $on-laptop: 800px !default; // padding-left: $spacing-unit / 2; // } // } +// Notice the following mixin uses max-width, in a deprecated, desktop-first +// approach, whereas media queries used elsewhere now use min-width. @mixin media-query($device) { @media screen and (max-width: $device) { @content; @@ -40,12 +38,12 @@ $on-laptop: 800px !default; } @mixin relative-font-size($ratio) { - font-size: $base-font-size * $ratio; + font-size: #{$ratio}rem; } -// Import partials. +// Import pre-styling-overrides hook and style-partials. @import - "minima/base", - "minima/layout", - "minima/syntax-highlighting" + "minima/base", // Defines element resets. + "minima/layout", // Defines structure and style based on CSS selectors. + "minima/custom-styles" // Hook to override existing styles. ; diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss @@ -1,3 +1,7 @@ +html { + font-size: $base-font-size; +} + /** * Reset some basic elements */ @@ -6,6 +10,7 @@ p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; + } @@ -26,6 +31,7 @@ body { display: flex; min-height: 100vh; flex-direction: column; + overflow-wrap: break-word; } @@ -37,10 +43,13 @@ h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, %vertical-rhythm { - margin-bottom: $spacing-unit; + margin-bottom: $spacing-unit / 2; } - +hr { + margin-top: $spacing-unit; + margin-bottom: $spacing-unit; +} /** * `main` element @@ -103,15 +112,15 @@ h1, h2, h3, h4, h5, h6 { * Links */ a { - color: $brand-color; + color: $link-base-color; text-decoration: none; &:visited { - color: darken($brand-color, 15%); + color: $link-visited-color; } &:hover { - color: $text-color; + color: $link-hover-color; text-decoration: underline; } @@ -129,16 +138,19 @@ a { * Blockquotes */ blockquote { - color: $grey-color; - border-left: 4px solid $grey-color-light; + color: $brand-color; + border-left: 4px solid $border-color-01; padding-left: $spacing-unit / 2; @include relative-font-size(1.125); - letter-spacing: -1px; font-style: italic; > :last-child { margin-bottom: 0; } + + i, em { + font-style: normal; + } } @@ -148,10 +160,11 @@ blockquote { */ pre, code { - @include relative-font-size(0.9375); - border: 1px solid $grey-color-light; + font-family: $code-font-family; + font-size: 0.9375em; + border: 1px solid $border-color-01; border-radius: 3px; - background-color: #eef; + background-color: $code-background-color; } code { @@ -169,25 +182,33 @@ pre { } } +.highlight { + border-radius: 3px; + background: $code-background-color; + @extend %vertical-rhythm; + + .highlighter-rouge & { + background: $code-background-color; + } +} + /** * Wrapper */ .wrapper { - max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); - max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); + max-width: calc(#{$content-width} - (#{$spacing-unit})); margin-right: auto; margin-left: auto; - padding-right: $spacing-unit; - padding-left: $spacing-unit; + padding-right: $spacing-unit / 2; + padding-left: $spacing-unit / 2; @extend %clearfix; - @include media-query($on-laptop) { - max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit})); - max-width: calc(#{$content-width} - (#{$spacing-unit})); - padding-right: $spacing-unit / 2; - padding-left: $spacing-unit / 2; + @media screen and (min-width: $on-large) { + max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); + padding-right: $spacing-unit; + padding-left: $spacing-unit; } } @@ -208,21 +229,22 @@ pre { * Icons */ -.svg-icon { - width: 16px; - height: 16px; - display: inline-block; - fill: #{$grey-color}; - padding-right: 5px; - vertical-align: text-top; +.orange { + color: #f66a0a; } -.social-media-list { - li + li { - padding-top: 5px; - } +.grey { + color: #828282; } +.svg-icon { + width: 16px; + height: 16px; + display: inline-block; + fill: currentColor; + padding: 5px 3px 2px 5px; + vertical-align: text-bottom; +} /** @@ -232,23 +254,29 @@ table { margin-bottom: $spacing-unit; width: 100%; text-align: $table-text-align; - color: lighten($text-color, 18%); + color: $table-text-color; border-collapse: collapse; - border: 1px solid $grey-color-light; + border: 1px solid $table-border-color; tr { &:nth-child(even) { - background-color: lighten($grey-color-light, 6%); + background-color: $table-zebra-color; } } th, td { padding: ($spacing-unit / 3) ($spacing-unit / 2); } th { - background-color: lighten($grey-color-light, 3%); - border: 1px solid darken($grey-color-light, 4%); - border-bottom-color: darken($grey-color-light, 12%); + background-color: $table-header-bg-color; + border: 1px solid $table-header-border; } td { - border: 1px solid $grey-color-light; + border: 1px solid $table-border-color; + } + + @include media-query($on-laptop) { + display: block; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; } } diff --git a/_sass/minima/_custom-styles.scss b/_sass/minima/_custom-styles.scss @@ -0,0 +1,53 @@ +/* Override minima header */ +.site-header { + border-top: 0px; +} + +/* Override minima nav */ +.site-nav { + + ul { + margin: 0; + padding: 0; + } + + li { + float: left; + list-style: none; + padding: 0; + &:not(:last-child) { + margin-right: 20px; + } + } +} + +/** + * publications + */ + +.publication { + margin-bottom: 20px; + + span.booktitle { + font-style: italic; + } + + span.status { + font-style: italic; + } + + span.title { + font-weight: bold; + } + + span.journal { + font-style: italic; + } +} + +/* logo */ +.logo { + max-width: 100px; + max-height: 50px; + padding: 10px; + } diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss @@ -2,9 +2,10 @@ * Site header */ .site-header { - //border-top: 5px solid $grey-color-dark; - border-bottom: 1px solid $grey-color-light; + border-top: 5px solid $border-color-03; + border-bottom: 1px solid $border-color-01; min-height: $spacing-unit * 1.865; + line-height: $base-line-height * $base-font-size * 2.25; // Positioning context for the mobile navigation icon position: relative; @@ -13,104 +14,104 @@ .site-title { @include relative-font-size(1.625); font-weight: 300; - line-height: $base-line-height * $base-font-size * 2.25; letter-spacing: -1px; margin-bottom: 0; float: left; + @include media-query($on-palm) { + padding-right: 45px; + } + &, &:visited { - color: $grey-color-dark; + color: $site-title-color; } } .site-nav { + position: absolute; + top: 9px; + right: $spacing-unit / 2; + background-color: $background-color; + border: 1px solid $border-color-01; + border-radius: 5px; + text-align: right; - ul { - margin: 0; - padding: 0; + .nav-trigger { + display: none; } - li { - float: left; - list-style: none; - padding: 0; - &:not(:last-child) { - margin-right: 20px; - } + .menu-icon { + float: right; + width: 36px; + height: 26px; + line-height: 0; + padding-top: 10px; + text-align: center; + + > svg path { + fill: $border-color-03; + } } - float: right; - line-height: $base-line-height * $base-font-size * 2.25; - - .nav-trigger { - display: none; + label[for="nav-trigger"] { + display: block; + float: right; + width: 36px; + height: 36px; + z-index: 2; + cursor: pointer; } - .menu-icon { + input ~ .trigger { + clear: both; display: none; } + input:checked ~ .trigger { + display: block; + padding-bottom: 5px; + } + .page-link { color: $text-color; line-height: $base-line-height; + display: block; + padding: 5px 10px; // Gaps between nav items, but not on the last one &:not(:last-child) { - margin-right: 20px; + margin-right: 0; } + margin-left: 20px; } - @include media-query($on-palm) { - position: absolute; - top: 9px; - right: $spacing-unit / 2; - background-color: $background-color; - border: 1px solid $grey-color-light; - border-radius: 5px; - text-align: right; + @media screen and (min-width: $on-medium) { + position: static; + float: right; + border: none; + background-color: inherit; label[for="nav-trigger"] { - display: block; - float: right; - width: 36px; - height: 36px; - z-index: 2; - cursor: pointer; + display: none; } .menu-icon { - display: block; - float: right; - width: 36px; - height: 26px; - line-height: 0; - padding-top: 10px; - text-align: center; - - > svg { - fill: $grey-color-dark; - } - } - - input ~ .trigger { - clear: both; display: none; } - input:checked ~ .trigger { + input ~ .trigger { display: block; - padding-bottom: 5px; } .page-link { - display: block; - padding: 5px 10px; + display: inline; + padding: 0; &:not(:last-child) { - margin-right: 0; + margin-right: 20px; } - margin-left: 20px; + margin-left: auto; } } } @@ -121,7 +122,7 @@ * Site footer */ .site-footer { - border-top: 1px solid $grey-color-light; + border-top: 1px solid $border-color-01; padding: $spacing-unit 0; } @@ -130,58 +131,67 @@ margin-bottom: $spacing-unit / 2; } +.feed-subscribe .svg-icon { + padding: 5px 5px 2px 0 +} + .contact-list, .social-media-list { list-style: none; margin-left: 0; } -.footer-col-wrapper { +.footer-col-wrapper, +.social-links { @include relative-font-size(0.9375); - color: $grey-color; - margin-left: -$spacing-unit / 2; - @extend %clearfix; + color: $brand-color; } .footer-col { - float: left; margin-bottom: $spacing-unit / 2; - padding-left: $spacing-unit / 2; -} - -.footer-col-1 { - width: -webkit-calc(35% - (#{$spacing-unit} / 2)); - width: calc(35% - (#{$spacing-unit} / 2)); } +.footer-col-1, .footer-col-2 { - width: -webkit-calc(20% - (#{$spacing-unit} / 2)); - width: calc(20% - (#{$spacing-unit} / 2)); + width: calc(50% - (#{$spacing-unit} / 2)); } .footer-col-3 { - width: -webkit-calc(45% - (#{$spacing-unit} / 2)); - width: calc(45% - (#{$spacing-unit} / 2)); + width: calc(100% - (#{$spacing-unit} / 2)); } -@include media-query($on-laptop) { - .footer-col-1, +@media screen and (min-width: $on-large) { + .footer-col-1 { + width: calc(35% - (#{$spacing-unit} / 2)); + } + .footer-col-2 { - width: -webkit-calc(50% - (#{$spacing-unit} / 2)); - width: calc(50% - (#{$spacing-unit} / 2)); + width: calc(20% - (#{$spacing-unit} / 2)); } .footer-col-3 { - width: -webkit-calc(100% - (#{$spacing-unit} / 2)); - width: calc(100% - (#{$spacing-unit} / 2)); + width: calc(45% - (#{$spacing-unit} / 2)); } } -@include media-query($on-palm) { +@media screen and (min-width: $on-medium) { + .footer-col-wrapper { + display: flex + } + .footer-col { - float: none; - width: -webkit-calc(100% - (#{$spacing-unit} / 2)); - width: calc(100% - (#{$spacing-unit} / 2)); + width: calc(100% - (#{$spacing-unit} / 2)); + padding: 0 ($spacing-unit / 2); + + &:first-child { + padding-right: $spacing-unit / 2; + padding-left: 0; + } + + &:last-child { + padding-right: 0; + padding-left: $spacing-unit / 2; + } } } @@ -192,7 +202,7 @@ */ .page-content { padding: $spacing-unit 0; - flex: 1; + flex: 1 0 auto; } .page-heading { @@ -214,7 +224,7 @@ .post-meta { font-size: $small-font-size; - color: $grey-color; + color: $brand-color; } .post-link { @@ -231,40 +241,102 @@ margin-bottom: $spacing-unit; } -.post-title { +.post-title, +.post-content h1 { @include relative-font-size(2.625); letter-spacing: -1px; - line-height: 1; + line-height: 1.15; - @include media-query($on-laptop) { - @include relative-font-size(2.25); + @media screen and (min-width: $on-large) { + @include relative-font-size(2.625); } } .post-content { margin-bottom: $spacing-unit; + h1, h2, h3 { margin-top: $spacing-unit * 2 } + h4, h5, h6 { margin-top: $spacing-unit } + h2 { - @include relative-font-size(2); + @include relative-font-size(1.75); - @include media-query($on-laptop) { - @include relative-font-size(1.75); + @media screen and (min-width: $on-large) { + @include relative-font-size(2); } } h3 { - @include relative-font-size(1.625); + @include relative-font-size(1.375); - @include media-query($on-laptop) { - @include relative-font-size(1.375); + @media screen and (min-width: $on-large) { + @include relative-font-size(1.625); } } h4 { @include relative-font-size(1.25); + } + + h5 { + @include relative-font-size(1.125); + } + h6 { + @include relative-font-size(1.0625); + } +} + + +.social-media-list { + display: table; + margin: 0 auto; + li { + float: left; + margin: 5px 10px 5px 0; + &:last-of-type { margin-right: 0 } + a { + display: block; + padding: $spacing-unit / 4; + border: 1px solid $border-color-01; + &:hover { border-color: $border-color-02 } + } + } +} + + + +/** + * Pagination navbar + */ +.pagination { + margin-bottom: $spacing-unit; + @extend .social-media-list; + li { + a, div { + min-width: 41px; + text-align: center; + box-sizing: border-box; + } + div { + display: block; + padding: $spacing-unit / 4; + border: 1px solid transparent; - @include media-query($on-laptop) { - @include relative-font-size(1.125); + &.pager-edge { + color: $border-color-01; + border: 1px dashed; + } } } } + + + +/** + * Grid helpers + */ +@media screen and (min-width: $on-large) { + .one-half { + width: calc(50% - (#{$spacing-unit} / 2)); + } +} diff --git a/_sass/minima/_syntax-highlighting.scss b/_sass/minima/_syntax-highlighting.scss @@ -1,71 +0,0 @@ -/** - * Syntax highlighting styles - */ -.highlight { - background: #fff; - @extend %vertical-rhythm; - - .highlighter-rouge & { - background: #eef; - } - - .c { color: #998; font-style: italic } // Comment - .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1 { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long -} diff --git a/_sass/minima/skins/dark.scss b/_sass/minima/skins/dark.scss @@ -0,0 +1,95 @@ +@charset "utf-8"; + +$brand-color: #999999 !default; +$brand-color-light: lighten($brand-color, 5%) !default; +$brand-color-dark: darken($brand-color, 35%) !default; + +$site-title-color: $brand-color-light !default; + +$text-color: #bbbbbb !default; +$background-color: #181818 !default; +$code-background-color: #212121 !default; + +$link-base-color: #79b8ff !default; +$link-visited-color: $link-base-color !default; +$link-hover-color: $text-color !default; + +$border-color-01: $brand-color-dark !default; +$border-color-02: $brand-color-light !default; +$border-color-03: $brand-color !default; + +$table-text-color: $text-color !default; +$table-zebra-color: lighten($background-color, 4%) !default; +$table-header-bg-color: lighten($background-color, 10%) !default; +$table-header-border: lighten($background-color, 21%) !default; +$table-border-color: $border-color-01 !default; + + +// Syntax highlighting styles should be adjusted appropriately for every "skin" +// List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens +// Some colors come from Material Theme Darker: +// https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts +// https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts +// ---------------------------------------------------------------------------- + +.highlight { + .c { color: #545454; font-style: italic } // Comment + .err { color: #f07178; background-color: #e3d2d2 } // Error + .k { color: #89DDFF; font-weight: bold } // Keyword + .o { font-weight: bold } // Operator + .cm { color: #545454; font-style: italic } // Comment.Multiline + .cp { color: #545454; font-weight: bold } // Comment.Preproc + .c1 { color: #545454; font-style: italic } // Comment.Single + .cs { color: #545454; font-weight: bold; font-style: italic } // Comment.Special + .gd { color: #000; background-color: #fdd } // Generic.Deleted + .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific + .ge { font-style: italic } // Generic.Emph + .gr { color: #f07178 } // Generic.Error + .gh { color: #999 } // Generic.Heading + .gi { color: #000; background-color: #dfd } // Generic.Inserted + .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific + .go { color: #888 } // Generic.Output + .gp { color: #555 } // Generic.Prompt + .gs { font-weight: bold } // Generic.Strong + .gu { color: #aaa } // Generic.Subheading + .gt { color: #f07178 } // Generic.Traceback + .kc { font-weight: bold } // Keyword.Constant + .kd { font-weight: bold } // Keyword.Declaration + .kp { font-weight: bold } // Keyword.Pseudo + .kr { font-weight: bold } // Keyword.Reserved + .kt { color: #FFCB6B; font-weight: bold } // Keyword.Type + .m { color: #F78C6C } // Literal.Number + .s { color: #C3E88D } // Literal.String + .na { color: #008080 } // Name.Attribute + .nb { color: #EEFFFF } // Name.Builtin + .nc { color: #FFCB6B; font-weight: bold } // Name.Class + .no { color: #008080 } // Name.Constant + .ni { color: #800080 } // Name.Entity + .ne { color: #900; font-weight: bold } // Name.Exception + .nf { color: #82AAFF; font-weight: bold } // Name.Function + .nn { color: #555 } // Name.Namespace + .nt { color: #FFCB6B } // Name.Tag + .nv { color: #EEFFFF } // Name.Variable + .ow { font-weight: bold } // Operator.Word + .w { color: #EEFFFF } // Text.Whitespace + .mf { color: #F78C6C } // Literal.Number.Float + .mh { color: #F78C6C } // Literal.Number.Hex + .mi { color: #F78C6C } // Literal.Number.Integer + .mo { color: #F78C6C } // Literal.Number.Oct + .sb { color: #C3E88D } // Literal.String.Backtick + .sc { color: #C3E88D } // Literal.String.Char + .sd { color: #C3E88D } // Literal.String.Doc + .s2 { color: #C3E88D } // Literal.String.Double + .se { color: #EEFFFF } // Literal.String.Escape + .sh { color: #C3E88D } // Literal.String.Heredoc + .si { color: #C3E88D } // Literal.String.Interpol + .sx { color: #C3E88D } // Literal.String.Other + .sr { color: #C3E88D } // Literal.String.Regex + .s1 { color: #C3E88D } // Literal.String.Single + .ss { color: #C3E88D } // Literal.String.Symbol + .bp { color: #999 } // Name.Builtin.Pseudo + .vc { color: #FFCB6B } // Name.Variable.Class + .vg { color: #EEFFFF } // Name.Variable.Global + .vi { color: #EEFFFF } // Name.Variable.Instance + .il { color: #F78C6C } // Literal.Number.Integer.Long +} diff --git a/_sass/minima/skins/light.scss b/_sass/minima/skins/light.scss @@ -0,0 +1,89 @@ +@charset "utf-8"; + +$brand-color: #828282 !default; +$brand-color-light: lighten($brand-color, 40%) !default; +$brand-color-dark: darken($brand-color, 25%) !default; + +$site-title-color: $brand-color-dark !default; + +$text-color: #111111 !default; +$background-color: #fdfdfd !default; +$code-background-color: #eeeeff !default; + +$link-base-color: #2a7ae2 !default; +$link-visited-color: darken($link-base-color, 15%) !default; +$link-hover-color: $text-color !default; + +$border-color-01: $brand-color-light !default; +$border-color-02: lighten($brand-color, 35%) !default; +$border-color-03: $brand-color-dark !default; + +$table-text-color: lighten($text-color, 18%) !default; +$table-zebra-color: lighten($brand-color, 46%) !default; +$table-header-bg-color: lighten($brand-color, 43%) !default; +$table-header-border: lighten($brand-color, 37%) !default; +$table-border-color: $border-color-01 !default; + +// Syntax highlighting styles should be adjusted appropriately for every "skin" +// ---------------------------------------------------------------------------- +.highlight { + .c { color: #998; font-style: italic } // Comment + .err { color: #a61717; background-color: #e3d2d2 } // Error + .k { font-weight: bold } // Keyword + .o { font-weight: bold } // Operator + .cm { color: #998; font-style: italic } // Comment.Multiline + .cp { color: #999; font-weight: bold } // Comment.Preproc + .c1 { color: #998; font-style: italic } // Comment.Single + .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special + .gd { color: #000; background-color: #fdd } // Generic.Deleted + .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific + .ge { font-style: italic } // Generic.Emph + .gr { color: #a00 } // Generic.Error + .gh { color: #999 } // Generic.Heading + .gi { color: #000; background-color: #dfd } // Generic.Inserted + .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific + .go { color: #888 } // Generic.Output + .gp { color: #555 } // Generic.Prompt + .gs { font-weight: bold } // Generic.Strong + .gu { color: #aaa } // Generic.Subheading + .gt { color: #a00 } // Generic.Traceback + .kc { font-weight: bold } // Keyword.Constant + .kd { font-weight: bold } // Keyword.Declaration + .kp { font-weight: bold } // Keyword.Pseudo + .kr { font-weight: bold } // Keyword.Reserved + .kt { color: #458; font-weight: bold } // Keyword.Type + .m { color: #099 } // Literal.Number + .s { color: #d14 } // Literal.String + .na { color: #008080 } // Name.Attribute + .nb { color: #0086B3 } // Name.Builtin + .nc { color: #458; font-weight: bold } // Name.Class + .no { color: #008080 } // Name.Constant + .ni { color: #800080 } // Name.Entity + .ne { color: #900; font-weight: bold } // Name.Exception + .nf { color: #900; font-weight: bold } // Name.Function + .nn { color: #555 } // Name.Namespace + .nt { color: #000080 } // Name.Tag + .nv { color: #008080 } // Name.Variable + .ow { font-weight: bold } // Operator.Word + .w { color: #bbb } // Text.Whitespace + .mf { color: #099 } // Literal.Number.Float + .mh { color: #099 } // Literal.Number.Hex + .mi { color: #099 } // Literal.Number.Integer + .mo { color: #099 } // Literal.Number.Oct + .sb { color: #d14 } // Literal.String.Backtick + .sc { color: #d14 } // Literal.String.Char + .sd { color: #d14 } // Literal.String.Doc + .s2 { color: #d14 } // Literal.String.Double + .se { color: #d14 } // Literal.String.Escape + .sh { color: #d14 } // Literal.String.Heredoc + .si { color: #d14 } // Literal.String.Interpol + .sx { color: #d14 } // Literal.String.Other + .sr { color: #009926 } // Literal.String.Regex + .s1 { color: #d14 } // Literal.String.Single + .ss { color: #990073 } // Literal.String.Symbol + .bp { color: #999 } // Name.Builtin.Pseudo + .vc { color: #008080 } // Name.Variable.Class + .vg { color: #008080 } // Name.Variable.Global + .vi { color: #008080 } // Name.Variable.Instance + .il { color: #099 } // Literal.Number.Integer.Long +} diff --git a/about.md b/about.md @@ -6,7 +6,7 @@ permalink: /about/ Angaben gemäß § 5 TMG und Art. 13 DSGVO -# Kontakt/Contact +## Kontakt/Contact Janis Pagel Pfaffenwaldring 5b @@ -14,7 +14,7 @@ Pfaffenwaldring 5b Tel.: +49 711 68581389 Email: janis.pagel@ims.uni-stuttgart.de -# Inhaltlich Verantwortlich/Responsible for the Content +## Inhaltlich Verantwortlich/Responsible for the Content Janis Pagel Pfaffenwaldring 5b @@ -22,7 +22,7 @@ Pfaffenwaldring 5b Tel.: +49 711 68581389 Email: janis.pagel@ims.uni-stuttgart.de -# Datenschutz/Privacy +## Datenschutz/Privacy Ich speichere keine Informationen irgendeiner Art über die Besucher dieser Seite. Mein Webhoster speichert verschiedene Arten von nicht-anonymisierten Informationen für maximal 14 Tage, wie etwa die IP-Adresse, Nutzung von eingehenden und ausgehenden Links, Browserart und Versionsnummer sowie Datum und Uhrzeit des Zugriffs. Informationen in anonymisierter Form werden für maximal 3 Monate aufbewahrt. Anonymisiert bedeutet hier, dass die letzte Ziffer der IP-Adresse durch eine 0 ersetzt wird. Ich selbst kann nur die anonymisierten Informationen einsehen, speichere diese jedoch nicht. diff --git a/assets/main.scss b/assets/main.scss @@ -2,33 +2,6 @@ # Only the main Sass file needs front matter (the dashes are enough) --- -@import "minima"; - -/** - * publications - */ - -.publication { - margin-bottom:20px; - span.booktitle { - font-style: italic; - } - -.status { - font-style: italic; - } - -span.title { - font-weight: bold; - } - -span.journal { - font-style: italic; - } -} - -.logo { - max-width: 100px; - max-height: 50px; - padding: 10px; - } +@import + "minima/skins/light", + "minima"; diff --git a/index.md b/index.md @@ -18,9 +18,11 @@ I am a computational linguist and currently PhD candidate at the [Institute for ## External +<p> <div class="social-links"> {%- include social.html -%} </div> +</p> ## PGP