@@ -7,33 +7,140 @@ import {
77} from "@arbetsmarknad/components/Breadcrumb" ;
88import { Container } from "@arbetsmarknad/components/Container" ;
99import { HeaderMenu } from "@arbetsmarknad/components/HeaderMenu" ;
10+ import {
11+ LegislationDescription ,
12+ LegislationIcon ,
13+ LegislationItem ,
14+ LegislationList ,
15+ LegislationLink ,
16+ } from "@arbetsmarknad/components/LegislationList" ;
1017import { Page } from "@arbetsmarknad/components/Page" ;
1118import { TopLevelHeading } from "@arbetsmarknad/components/TopLevelHeading" ;
1219
1320export default function Home ( ) {
1421 return (
1522 < Page >
1623 < HeaderMenu
17- href = "https://arbetsmarknad .github.io"
18- text = "arbetsmarknad .github.io"
24+ href = "https://lagstiftning .github.io"
25+ text = "lagstiftning .github.io"
1926 />
2027 < Breadcrumb className = "py-4 w-full flex justify-center" >
2128 < Container >
2229 < BreadcrumbList >
2330 < BreadcrumbItem >
24- < BreadcrumbLink href = "/" > Arbetsmarknad</ BreadcrumbLink >
31+ < BreadcrumbLink href = "http://arbetsmarknad.github.io /" > Arbetsmarknad</ BreadcrumbLink >
2532 </ BreadcrumbItem >
2633 < BreadcrumbSeparator />
2734 < BreadcrumbItem >
28- < BreadcrumbLink href = "/components" > Components </ BreadcrumbLink >
35+ < BreadcrumbLink href = "http://lagstiftning.github.io/" > Lagstiftning </ BreadcrumbLink >
2936 </ BreadcrumbItem >
3037 </ BreadcrumbList >
3138 </ Container >
3239 </ Breadcrumb >
3340 < main className = "flex flex-col items-center w-full py-4" >
34- < Container className = "flex flex-col items-start space-y-4" >
35- < TopLevelHeading text = "Arbetsmarknad Starter Project" />
36- < p > This is a starter project for Arbetsmarknad web content.</ p >
41+ < Container className = "flex flex-col items-start gap-y-12 prose" >
42+ < TopLevelHeading text = "Swedish Legislation" subtext = "Translated Into English" />
43+ < p > Here are Sweden's four most important labour laws translated into English so that you can learn about your rights, share links to specific sections with your colleagues, and maybe even pick up a bit of Swedish by having the original text alongside for context.</ p >
44+ < LegislationList >
45+ < LegislationItem >
46+ < LegislationIcon >
47+ < svg
48+ className = "w-full text-xl text-white"
49+ aria-hidden = "true"
50+ focusable = "false"
51+ role = "img"
52+ xmlns = "http://www.w3.org/2000/svg"
53+ viewBox = "0 0 384 512"
54+ >
55+ < path
56+ fill = "currentColor"
57+ d = "M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z"
58+ > </ path >
59+ </ svg >
60+ </ LegislationIcon >
61+ < LegislationLink href = "https://lagstiftning.github.io/arbetsmiljolagen/2023:349/" >
62+ The Work Environment Act
63+ </ LegislationLink >
64+ < LegislationDescription >
65+ Sweden's Work Environment Act puts influence in the hands of workers
66+ even before the formation of a union.
67+ </ LegislationDescription >
68+ </ LegislationItem >
69+
70+ < LegislationItem >
71+ < LegislationIcon >
72+ < svg
73+ className = "w-full text-xl text-white"
74+ aria-hidden = "true"
75+ focusable = "false"
76+ role = "img"
77+ xmlns = "http://www.w3.org/2000/svg"
78+ viewBox = "0 0 384 512"
79+ >
80+ < path
81+ fill = "currentColor"
82+ d = "M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z"
83+ > </ path >
84+ </ svg >
85+ </ LegislationIcon >
86+ < LegislationLink href = "https://lagstiftning.github.io/medbestammandelagen/2021:1114/" >
87+ The Co-Determination Act
88+ </ LegislationLink >
89+ < LegislationDescription >
90+ The Co-Determination Act is the basis for the Swedish model of
91+ industrial democracy. It creates legal protections and obligations for
92+ unions and employers.
93+ </ LegislationDescription >
94+ </ LegislationItem >
95+
96+ < LegislationItem >
97+ < LegislationIcon >
98+ < svg
99+ className = "w-full text-xl text-white"
100+ aria-hidden = "true"
101+ focusable = "false"
102+ role = "img"
103+ xmlns = "http://www.w3.org/2000/svg"
104+ viewBox = "0 0 384 512"
105+ >
106+ < path
107+ fill = "currentColor"
108+ d = "M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z"
109+ > </ path >
110+ </ svg >
111+ </ LegislationIcon >
112+ < LegislationLink href = "https://lagstiftning.github.io/lagen-om-anstallningsskydd/2022:836/" >
113+ The Employment Protection Act
114+ </ LegislationLink >
115+ < LegislationDescription >
116+ The Swedish Employment Protection Act provides strong job security by
117+ limiting employers' ability to terminate employment contracts without
118+ just cause.
119+ </ LegislationDescription >
120+ </ LegislationItem >
121+
122+ < LegislationItem >
123+ < LegislationIcon >
124+ < svg
125+ className = "w-full fill-white text-xl text-white"
126+ aria-hidden = "true"
127+ focusable = "false"
128+ role = "img"
129+ xmlns = "http://www.w3.org/2000/svg"
130+ viewBox = "0 0 512 512"
131+ >
132+ < path d = "M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" > </ path >
133+ </ svg >
134+ </ LegislationIcon >
135+ < LegislationLink href = "https://lagstiftning.github.io/arbetstidslagen/2022:450/" >
136+ The Working Hours Act
137+ </ LegislationLink >
138+ < LegislationDescription >
139+ The Swedish Working Hours Act emphasizes flexibility, allowing employees
140+ to have a say in their work schedules and promoting work-life balance.
141+ </ LegislationDescription >
142+ </ LegislationItem >
143+ </ LegislationList >
37144 </ Container >
38145 </ main >
39146 </ Page >
0 commit comments