diff --git a/src/index/index.module.css b/src/index/index.module.css index 6035f7f13..858b00ff7 100644 --- a/src/index/index.module.css +++ b/src/index/index.module.css @@ -323,15 +323,29 @@ /* Summerjob splash */ .infoBlock { + align-items: center; display: flex; gap: 2rem; + padding: 1rem; } +.infoBlock__imageContainer img { + display: block; + max-width: 100%; + height: auto; + border-radius: 50%; +} +.infoBlock__title { + margin-top: 0rem; +} +.infoBlock__content { + max-width: 30rem; +} .infoBlock__text, .infoBlock__link { display: block; - color: var(--color-standard__white); - text-decoration-color: var(--color-standard__white); + color: var(--color-standard__black); + text-decoration-color: var(--color-standard__black); } .infoBlock__blob { @@ -345,8 +359,4 @@ flex-direction: column; align-items: center; } - - .infoBlock__title { - margin-left: 6rem; - } } diff --git a/src/index/index.tsx b/src/index/index.tsx index b1792a21b..10d0812f5 100644 --- a/src/index/index.tsx +++ b/src/index/index.tsx @@ -14,6 +14,7 @@ import Tjenesteomrader from 'src/tjenesteomrader'; import { EmployeeItem } from 'src/employees/types'; import { CaseJSON } from 'src/case/Case'; import { HighlightedItemsLists } from 'src/rss/service'; +import Arrow from '@components/arrow'; export type HomeProps = { randomEmployee: EmployeeItem; @@ -114,6 +115,10 @@ const Home = ({ randomEmployee, randomCases, feeds }: HomeProps) => { +
+ +
+

Bli en Variant!

@@ -324,4 +329,37 @@ const Home = ({ randomEmployee, randomCases, feeds }: HomeProps) => { ); }; +function RefillLink() { + return ( +
+
+ {'Refill'} +
+
+

+ + Refill stream + + +

+ +

+ Vi inviterer til første iterasjon av Refill-konferansen. En + tverrfaglig konferanse fylt til randen med læreglede. +

+ +

+ Konferansen streames fredag 7. juni klokken 14:00 i to parallelle + tracks: utvikling og design. +

+
+
+ ); +} + export default Home;