Compare commits
1 Commits
main
...
fe8250f182
| Author | SHA1 | Date | |
|---|---|---|---|
|
fe8250f182
|
@@ -1,6 +1,6 @@
|
||||
pre {
|
||||
color: var(--text);
|
||||
background-color: var(--background-50);
|
||||
background-color: color-mix(in srgb, var(--background) 70%, var(--background-50));
|
||||
padding: 1rem;
|
||||
border-radius: 0.5rem;
|
||||
overflow-x: auto;
|
||||
@@ -14,7 +14,7 @@ pre {
|
||||
|
||||
/* Error */
|
||||
.err {
|
||||
color: var(--accent-600);
|
||||
color: var(--accent-500);
|
||||
}
|
||||
|
||||
/* LineLink */
|
||||
@@ -42,7 +42,7 @@ pre {
|
||||
|
||||
/* LineHighlight */
|
||||
.hl {
|
||||
background-color: var(--background-100);
|
||||
background-color: var(--background-200);
|
||||
}
|
||||
|
||||
/* LineNumbersTable */
|
||||
@@ -71,250 +71,250 @@ pre {
|
||||
|
||||
/* Keyword */
|
||||
.k {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* KeywordConstant */
|
||||
.kc {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* KeywordDeclaration */
|
||||
.kd {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* KeywordNamespace */
|
||||
.kn {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* KeywordPseudo */
|
||||
.kp {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* KeywordReserved */
|
||||
.kr {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* KeywordType */
|
||||
.kt {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* Name */
|
||||
.nc {
|
||||
color: var(--accent-700);
|
||||
color: var(--accent-600);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* NameConstant */
|
||||
.no {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* NameDecorator */
|
||||
.nd {
|
||||
color: var(--secondary-800);
|
||||
color: var(--secondary-700);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* NameEntity */
|
||||
.ni {
|
||||
color: var(--accent-700);
|
||||
color: var(--accent-600);
|
||||
}
|
||||
|
||||
/* NameException */
|
||||
.ne {
|
||||
color: var(--accent-700);
|
||||
color: var(--accent-600);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* NameLabel */
|
||||
.nl {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* NameNamespace */
|
||||
.nn {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* NameProperty */
|
||||
.py {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* NameTag */
|
||||
.nt {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* NameVariable */
|
||||
.nv {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* NameVariableClass */
|
||||
.vc {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* NameVariableGlobal */
|
||||
.vg {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* NameVariableInstance */
|
||||
.vi {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* NameVariableMagic */
|
||||
.vm {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* NameFunction */
|
||||
.nf {
|
||||
color: var(--secondary-800);
|
||||
color: var(--secondary-700);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* NameFunctionMagic */
|
||||
.fm {
|
||||
color: var(--secondary-800);
|
||||
color: var(--secondary-700);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Literal */
|
||||
.l {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralDate */
|
||||
.ld {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* LiteralString */
|
||||
.s {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringAffix */
|
||||
.sa {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* LiteralStringBacktick */
|
||||
.sb {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringChar */
|
||||
.sc {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringDelimiter */
|
||||
.dl {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* LiteralStringDoc */
|
||||
.sd {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringDouble */
|
||||
.s2 {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringEscape */
|
||||
.se {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* LiteralStringHeredoc */
|
||||
.sh {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* LiteralStringInterpol */
|
||||
.si {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringOther */
|
||||
.sx {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringRegex */
|
||||
.sr {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* LiteralStringSingle */
|
||||
.s1 {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralStringSymbol */
|
||||
.ss {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumber */
|
||||
.m {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumberBin */
|
||||
.mb {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumberFloat */
|
||||
.mf {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumberHex */
|
||||
.mh {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumberInteger */
|
||||
.mi {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumberIntegerLong */
|
||||
.il {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* LiteralNumberOct */
|
||||
.mo {
|
||||
color: var(--primary-700);
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.o {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* OperatorWord */
|
||||
.ow {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -376,12 +376,12 @@ pre {
|
||||
|
||||
/* GenericError */
|
||||
.gr {
|
||||
color: var(--accent-600);
|
||||
color: var(--accent-500);
|
||||
}
|
||||
|
||||
/* GenericHeading */
|
||||
.gh {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -408,12 +408,12 @@ pre {
|
||||
|
||||
/* GenericSubheading */
|
||||
.gu {
|
||||
color: var(--primary-600);
|
||||
color: var(--primary-500);
|
||||
}
|
||||
|
||||
/* GenericTraceback */
|
||||
.gt {
|
||||
color: var(--secondary-700);
|
||||
color: var(--secondary-600);
|
||||
}
|
||||
|
||||
/* GenericUnderline */
|
||||
|
||||
@@ -1,71 +1,71 @@
|
||||
// https://www.realtimecolors.com/
|
||||
|
||||
:root {
|
||||
--text: #0d1416;
|
||||
--background: #fdfdfd;
|
||||
--primary: #669ca3;
|
||||
--secondary: #a5abc9;
|
||||
--accent: #8d8cba;
|
||||
--text: #060208;
|
||||
--background: #fefdff;
|
||||
--primary: #41255f;
|
||||
--secondary: #d086bb;
|
||||
--accent: #963c64;
|
||||
}
|
||||
|
||||
:root {
|
||||
--text-50: #eff4f6;
|
||||
--text-100: #dfe9ec;
|
||||
--text-200: #bfd4d9;
|
||||
--text-300: #9fbec6;
|
||||
--text-400: #7ea8b4;
|
||||
--text-500: #5e92a1;
|
||||
--text-600: #4b7581;
|
||||
--text-700: #395860;
|
||||
--text-800: #263b40;
|
||||
--text-900: #131d20;
|
||||
--text-950: #090f10;
|
||||
--text-50: #f5ebfa;
|
||||
--text-100: #ebd6f5;
|
||||
--text-200: #d6adeb;
|
||||
--text-300: #c285e0;
|
||||
--text-400: #ad5cd6;
|
||||
--text-500: #9933cc;
|
||||
--text-600: #7a29a3;
|
||||
--text-700: #5c1f7a;
|
||||
--text-800: #3d1452;
|
||||
--text-900: #1f0a29;
|
||||
--text-950: #0f0514;
|
||||
|
||||
--background-50: #f0f5f5;
|
||||
--background-100: #e0ebeb;
|
||||
--background-200: #c2d6d6;
|
||||
--background-300: #a3c2c2;
|
||||
--background-400: #85adad;
|
||||
--background-500: #669999;
|
||||
--background-600: #527a7a;
|
||||
--background-700: #3d5c5c;
|
||||
--background-800: #293d3d;
|
||||
--background-900: #141f1f;
|
||||
--background-950: #0a0f0f;
|
||||
--background-50: #f2e5ff;
|
||||
--background-100: #e5ccff;
|
||||
--background-200: #cc99ff;
|
||||
--background-300: #b266ff;
|
||||
--background-400: #9933ff;
|
||||
--background-500: #7f00ff;
|
||||
--background-600: #6600cc;
|
||||
--background-700: #4c0099;
|
||||
--background-800: #330066;
|
||||
--background-900: #190033;
|
||||
--background-950: #0d001a;
|
||||
|
||||
--primary-50: #eff5f5;
|
||||
--primary-100: #dfeaec;
|
||||
--primary-200: #bfd6d9;
|
||||
--primary-300: #9fc1c6;
|
||||
--primary-400: #80adb3;
|
||||
--primary-500: #60989f;
|
||||
--primary-600: #4d7a80;
|
||||
--primary-700: #395b60;
|
||||
--primary-800: #263d40;
|
||||
--primary-900: #131e20;
|
||||
--primary-950: #0a0f10;
|
||||
--primary-50: #f2edf8;
|
||||
--primary-100: #e5daf1;
|
||||
--primary-200: #cbb6e2;
|
||||
--primary-300: #b191d4;
|
||||
--primary-400: #986cc6;
|
||||
--primary-500: #7e47b8;
|
||||
--primary-600: #653993;
|
||||
--primary-700: #4b2b6e;
|
||||
--primary-800: #321d49;
|
||||
--primary-900: #190e25;
|
||||
--primary-950: #0d0712;
|
||||
|
||||
--secondary-50: #eff0f5;
|
||||
--secondary-100: #dfe1ec;
|
||||
--secondary-200: #bfc4d9;
|
||||
--secondary-300: #9fa6c6;
|
||||
--secondary-400: #8088b3;
|
||||
--secondary-500: #606a9f;
|
||||
--secondary-600: #4d5580;
|
||||
--secondary-700: #394060;
|
||||
--secondary-800: #262b40;
|
||||
--secondary-900: #131520;
|
||||
--secondary-950: #0a0b10;
|
||||
--secondary-50: #f8edf5;
|
||||
--secondary-100: #f1daea;
|
||||
--secondary-200: #e2b6d6;
|
||||
--secondary-300: #d491c1;
|
||||
--secondary-400: #c66cac;
|
||||
--secondary-500: #b84798;
|
||||
--secondary-600: #933979;
|
||||
--secondary-700: #6e2b5b;
|
||||
--secondary-800: #491d3d;
|
||||
--secondary-900: #250e1e;
|
||||
--secondary-950: #12070f;
|
||||
|
||||
--accent-50: #efeff5;
|
||||
--accent-100: #dfdfec;
|
||||
--accent-200: #c0bfd9;
|
||||
--accent-300: #a09fc6;
|
||||
--accent-400: #8080b3;
|
||||
--accent-500: #61609f;
|
||||
--accent-600: #4d4d80;
|
||||
--accent-700: #3a3960;
|
||||
--accent-800: #272640;
|
||||
--accent-900: #131320;
|
||||
--accent-950: #0a0a10;
|
||||
--accent-50: #f8edf2;
|
||||
--accent-100: #f0dbe4;
|
||||
--accent-200: #e2b6ca;
|
||||
--accent-300: #d392af;
|
||||
--accent-400: #c56d95;
|
||||
--accent-500: #b6497a;
|
||||
--accent-600: #923a62;
|
||||
--accent-700: #6d2c49;
|
||||
--accent-800: #491d31;
|
||||
--accent-900: #240f18;
|
||||
--accent-950: #12070c;
|
||||
}
|
||||
|
||||
@@ -64,7 +64,7 @@ li {
|
||||
}
|
||||
|
||||
details {
|
||||
background-color: var(--background-50);
|
||||
background-color: color-mix(in srgb, var(--background) 70%, var(--background-50));
|
||||
padding: 1rem 1.5rem 1rem 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
|
||||
|
||||
@@ -15,6 +15,6 @@
|
||||
|
||||
@media (max-width: $width-mobile) {
|
||||
.hero {
|
||||
padding: 1rem 1rem 0 1rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
font-size: 0.8rem;
|
||||
|
||||
.date {
|
||||
color: var(--text);
|
||||
color: var(--text-800);
|
||||
}
|
||||
|
||||
.tag {
|
||||
|
||||
@@ -11,17 +11,13 @@
|
||||
{{- $original = ($page.Resources.Get $src) | default (resources.Get $src) -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- $rotate := images.AutoOrient -}}
|
||||
{{- $full := $original | images.Filter (images.Process "webp q90") -}}
|
||||
|
||||
{{- $processFull := images.Process "webp q90" -}}
|
||||
{{- $full := $original | images.Filter (slice $rotate $processFull) -}}
|
||||
|
||||
{{- $processThumb := "" -}}
|
||||
{{- $thumb := "" -}}
|
||||
{{- if gt $original.Width 2000 -}}
|
||||
{{- $processThumb = images.Process "resize 2000x webp q75" -}}
|
||||
{{- $thumb = $original | images.Filter (images.Process "resize 2000x webp q75") -}}
|
||||
{{- else -}}
|
||||
{{- $processThumb = images.Process "webp q75" -}}
|
||||
{{- $thumb = $original | images.Filter (images.Process "webp q75") -}}
|
||||
{{- end -}}
|
||||
{{- $thumb := $original | images.Filter (slice $rotate $processThumb) -}}
|
||||
|
||||
{{- return dict "original" $original "full" $full "thumb" $thumb -}}
|
||||
|
||||
Reference in New Issue
Block a user