From 8432238132ad2818368663eeb33a52e8adff015c Mon Sep 17 00:00:00 2001 From: gil Date: Mon, 10 Jun 2024 17:25:56 -0500 Subject: [PATCH] Brighten links --- src/_includes/landing.njk | 2 +- src/css/landing.css | 12 ++++++++---- src/css/landing.css.map | 2 +- src/scss/landing.scss | 9 ++++++--- 4 files changed, 16 insertions(+), 9 deletions(-) diff --git a/src/_includes/landing.njk b/src/_includes/landing.njk index 3466d7e..db8f454 100644 --- a/src/_includes/landing.njk +++ b/src/_includes/landing.njk @@ -9,10 +9,10 @@ -
{{ content | safe }}
Enter
+
{{ content | safe }}
Enter
diff --git a/src/css/landing.css b/src/css/landing.css index d4a4dee..3ba081c 100644 --- a/src/css/landing.css +++ b/src/css/landing.css @@ -102,12 +102,16 @@ body { main { width: 100%; - max-width: 500px; gap: 10px; color: white; display: flex; flex-direction: column; } +@media screen and (min-width: 768px) { + main { + max-width: 500px; + } +} main article { background: rgb(28, 27, 26); padding: 10px; @@ -143,11 +147,11 @@ main article ul { } } main a { - color: rgb(102, 128, 11); - text-decoration: underline rgb(102, 128, 11) 2px; + color: #9ec611; + text-decoration: underline #9ec611 2px; } main a:hover { - color: rgb(135, 154, 57); + color: #beec1f; } aside { diff --git a/src/css/landing.css.map b/src/css/landing.css.map index b5bf053..034f1ba 100644 --- a/src/css/landing.css.map +++ b/src/css/landing.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAYA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA5BO;EA6BP;;AC3BA;EDsBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,WAtCU;EAuCV,KAzCO;EA0CP;EACA;EACA;;AAEA;EACE;EACA,SAhDK;EAiDL;EACA;;AAEA;EACE;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;ACzEJ;ED4CA;IAiCI;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;AC/FA;ED6FF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AC9HF;EDiHF;IAiBI;;;;AAIJ;EACE","file":"landing.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAYA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA5BO;EA6BP;;AC3BA;EDsBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAxCO;EAyCP;EACA;EACA;;ACzCA;EDoCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA,SAnDK;EAoDL;EACA;;AAEA;EACE;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AC5EJ;ED+CA;IAiCI;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;AClGA;EDgGF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;ACjIF;EDoHF;IAiBI;;;;AAIJ;EACE","file":"landing.css"} \ No newline at end of file diff --git a/src/scss/landing.scss b/src/scss/landing.scss index 97ba5a4..ee81251 100644 --- a/src/scss/landing.scss +++ b/src/scss/landing.scss @@ -22,8 +22,8 @@ COLORS */ $fg: white; -$link-color: colors.$green-600; -$link-color-hover: colors.$green-400; +$link-color: lighten(colors.$green-600, 15%); +$link-color-hover: lighten(colors.$green-600, 25%); :root { font: { @@ -49,12 +49,15 @@ body { main { width: 100%; - max-width: $max-width; gap: $gutter; color: #{$fg}; display: flex; flex-direction: column; + @include breakpoint("md") { + max-width: $max-width; + } + article { background: #{colors.$base-950}; padding: $gutter;