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:
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
