From b0d4262f17a3b11cc18cce7d57ff24400b7f0256 Mon Sep 17 00:00:00 2001 From: Benjaneb Date: Wed, 19 Jun 2024 01:38:23 +0200 Subject: [PATCH 1/6] Make action buttons larger on hover --- src/components/Frontpage/FixMe.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/Frontpage/FixMe.css b/src/components/Frontpage/FixMe.css index 8e078b3..2026247 100644 --- a/src/components/Frontpage/FixMe.css +++ b/src/components/Frontpage/FixMe.css @@ -72,6 +72,10 @@ a.action { text-align: center; margin: 20px auto 0; } +a.action:hover, a.action:focus { + transform: scale(1.05); + box-shadow: 0 3px 3px rgba(0, 0, 0, .1); +} .inline_link { color: #e83d84; text-decoration: underline !important; From 7d925271971e391d0473fd45886576713187ba02 Mon Sep 17 00:00:00 2001 From: Benjaneb Date: Wed, 19 Jun 2024 02:18:21 +0200 Subject: [PATCH 2/6] Make more button scale on focus too --- src/components/Frontpage/Frontpage.module.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/Frontpage/Frontpage.module.css b/src/components/Frontpage/Frontpage.module.css index 53601bd..c686ff4 100644 --- a/src/components/Frontpage/Frontpage.module.css +++ b/src/components/Frontpage/Frontpage.module.css @@ -82,7 +82,8 @@ color: #828ca2; } -.content.hero .more-btn:hover { +.content.hero .more-btn:hover, +.content.hero .more-btn:focus { transform: scale(1.05); box-shadow: 0 3px 3px rgba(0, 0, 0, .1); } From 82c6a65d4b662a1ecc58aa61f72f71f577a0c9c5 Mon Sep 17 00:00:00 2001 From: Benjaneb Date: Wed, 19 Jun 2024 03:04:21 +0200 Subject: [PATCH 3/6] Add color change on hover for news & events on frontpage --- src/components/Frontpage/Frontpage.module.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/components/Frontpage/Frontpage.module.css b/src/components/Frontpage/Frontpage.module.css index c686ff4..8a1d281 100644 --- a/src/components/Frontpage/Frontpage.module.css +++ b/src/components/Frontpage/Frontpage.module.css @@ -130,6 +130,12 @@ text-shadow: 1px 1px #fff; margin: 20px; text-transform: uppercase; + transition: color 0.1s ease-out; +} + +.content .news h2:hover, +.content .news h2:focus { + color: #ec5f99; } .content .news ul { @@ -152,6 +158,12 @@ overflow: hidden; text-overflow: ellipsis; color: #6a758f; + transition: color 0.1s ease-out; +} + +.content .news ul li h3:hover, +.content .news ul li h3:focus { + color: #959eb3; } .content .news ul div { From 188a92a6bf1a7b23114eb93975b7aa3edf43fcd4 Mon Sep 17 00:00:00 2001 From: Benjaneb Date: Tue, 25 Jun 2024 14:20:32 +0200 Subject: [PATCH 4/6] Update Methone and fix error with EventCalendar --- package-lock.json | 7 +++---- package.json | 2 +- src/components/Frontpage/index.js | 4 ++-- 3 files changed, 6 insertions(+), 7 deletions(-) diff --git a/package-lock.json b/package-lock.json index 85f3320..8e1ef2f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "express": "^4.18.2", "is-in-browser": "^1.1.3", "lodash": "^4.17.21", - "methone": "datasektionen/Methone", + "methone": "github:datasektionen/Methone", "razzle": "^2.4.0", "razzle-heroku": "^2.1.0", "react": "^16.14.0", @@ -10104,9 +10104,8 @@ } }, "node_modules/methone": { - "version": "0.7.7", - "resolved": "git+ssh://git@github.com/datasektionen/Methone.git#709f5e8bb5d2b56b55cf6d43f6658deb125b4a6c", - "integrity": "sha512-u3cpaRg/Embw1mlqd2oiY8Qc3fiIre/d+9aVoHhrG9owZAn8yDZnU6eBPCTeeMeD6M+h0PC0jezTGyCbgrcKCw==", + "version": "1.0.0", + "resolved": "git+ssh://git@github.com/datasektionen/Methone.git#0cb1baca45461250d0b20b9a3f4e2a39ab13aa9b", "dependencies": { "@material-ui/core": "^3.2.2", "camelcase": "^5.0.0", diff --git a/package.json b/package.json index 3ed0b96..25a9895 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "express": "^4.18.2", "is-in-browser": "^1.1.3", "lodash": "^4.17.21", - "methone": "datasektionen/Methone", + "methone": "github:datasektionen/Methone", "razzle": "^2.4.0", "razzle-heroku": "^2.1.0", "react": "^16.14.0", diff --git a/src/components/Frontpage/index.js b/src/components/Frontpage/index.js index f960d97..d33250d 100644 --- a/src/components/Frontpage/index.js +++ b/src/components/Frontpage/index.js @@ -9,7 +9,7 @@ import { Translate, English, Swedish } from '../Translate' import styles from './Frontpage.module.css' import skold from './skold.svg' -import EventCalendar, { getWeekTimeSpan } from '../EventCalendar/index.jsx'; +import EventCalendar, { getWeekTimeSpan } from '../EventCalendar'; import './FixMe.css' const cx = classNames.bind(styles) @@ -230,7 +230,7 @@ const Frontpage = ({ location, lang }) => Datasektionen - + {/* Studies, Social & Business sections, condensed in a loop */}
{sidebar && sidebar.split('
').map(__html => From 930ee2642beb3c277237f83377da2a1b2d05c023 Mon Sep 17 00:00:00 2001 From: Benjaneb Date: Tue, 25 Jun 2024 15:41:43 +0200 Subject: [PATCH 5/6] Make news links dark on hover and action buttons light --- src/components/Frontpage/FixMe.css | 10 +++++++--- src/components/Frontpage/Frontpage.module.css | 2 +- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/components/Frontpage/FixMe.css b/src/components/Frontpage/FixMe.css index 2026247..9e03cd9 100644 --- a/src/components/Frontpage/FixMe.css +++ b/src/components/Frontpage/FixMe.css @@ -73,14 +73,18 @@ a.action { margin: 20px auto 0; } a.action:hover, a.action:focus { - transform: scale(1.05); - box-shadow: 0 3px 3px rgba(0, 0, 0, .1); + background: #ec5f99; + border-bottom: 4px solid #e83d84; } .inline_link { color: #e83d84; text-decoration: underline !important; } - +.inline_link:hover, +.inline_link:focus { + color: #ec5f99; + text-decoration: underline !important; +} #footer { background: #333333; margin: -50px 0; diff --git a/src/components/Frontpage/Frontpage.module.css b/src/components/Frontpage/Frontpage.module.css index 8a1d281..aa307df 100644 --- a/src/components/Frontpage/Frontpage.module.css +++ b/src/components/Frontpage/Frontpage.module.css @@ -163,7 +163,7 @@ .content .news ul li h3:hover, .content .news ul li h3:focus { - color: #959eb3; + color: #4a5164; } .content .news ul div { From 66b2de126713d05a1cca23c3505536ded54726fc Mon Sep 17 00:00:00 2001 From: Benjaneb Date: Tue, 25 Jun 2024 15:43:26 +0200 Subject: [PATCH 6/6] Upgrade aurora to https --- src/server.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/server.js b/src/server.js index 1c40c50..3f7dd7e 100644 --- a/src/server.js +++ b/src/server.js @@ -85,7 +85,7 @@ server - + ${assets.client.css ? `` : ''