fix typo

polling interval from config

qrcode as link

courses list page

journal.pl as name

fix package-lock

lesson missed students

merge students list

reset version

1.0.0

styled page of visits

rename students

fake students, delete comments

Обновил Readme

Squashed commit of the following:

commit ebc511e36b84c077f7bc029540ead1e3c58c49ab
Author: Alexei <adu864222@gmail.com>
Date:   Tue Mar 19 00:23:30 2024 +1000

    fake students, delete comments

commit 018582d16c581663103e5fded99cc10fca400532
Author: Alexei <adu864222@gmail.com>
Date:   Mon Mar 18 23:13:01 2024 +1000

    rename students

commit e53922d7fd89cf371c90e167c6486b36b0789036
Author: Alexei <adu864222@gmail.com>
Date:   Sun Mar 17 00:45:11 2024 +1000

    styled page of visits

Обновил Readme

Squashed commit of the following:

commit ebc511e36b84c077f7bc029540ead1e3c58c49ab
Author: Alexei <adu864222@gmail.com>
Date:   Tue Mar 19 00:23:30 2024 +1000

    fake students, delete comments

commit 018582d16c581663103e5fded99cc10fca400532
Author: Alexei <adu864222@gmail.com>
Date:   Mon Mar 18 23:13:01 2024 +1000

    rename students

commit e53922d7fd89cf371c90e167c6486b36b0789036
Author: Alexei <adu864222@gmail.com>
Date:   Sun Mar 17 00:45:11 2024 +1000

    styled page of visits

JRL-51 breadcrumbs + fonts

1.1.0

1.2.0

correct width h1 on page of visits students

styled card of course

src/pages/style.ts

@@ -1,10 +1,13 @@
 import styled from '@emotion/styled'
 import { css, keyframes } from '@emotion/react'
+import {
+  Card
+} from '@chakra-ui/react'
+
 
 export const MainWrapper = styled.main`
   display: flex;
   justify-content: center;
-  /* align-items: center; */
   height: 100%;
 `
 
@@ -34,6 +37,13 @@ export const InputElement = styled.input`
   box-shadow: inset 7px 8px 20px 8px #4990db12;
 `
 
+export const StyledCard = styled(Card)`
+  box-shadow: 2px 2px 6px #0000005c;
+  padding: 16px;
+  border-radius: 12px;
+  min-width: 400px;
+`
+
 export const ArrowImg = styled.img`
   width: 48px;
   height: 48px;
@@ -49,7 +59,7 @@ export const IconButton = styled.button`
 
 const reveal = keyframes`
     0% {
-        transform: scale(0.1, 0.1);
+        transform: scale(0.85, 0.85);
     }
 
     100% {
@@ -58,21 +68,31 @@ const reveal = keyframes`
 `
 
 export const StartWrapper = styled.div`
-  animation: ${reveal} 1s ease forwards;
-  /* box-shadow: 0 -2px 5px rgba(255,255,255,0.05), 0 2px 5px rgba(255,255,255,0.1); */
-  width: 650px;
+  animation: ${reveal} 0.4s ease forwards;
   height: calc(100vh - 300px);
-  /* margin: 60px auto; */
   position: relative;
 `
 
+export const Wrapper = styled.div`
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  width: auto;
+`
+
+export const UnorderList = styled.ul`
+  padding-left: 0px;
+  height: 600px;
+  overflow: auto;
+  padding-right: 20px;
+`
+
 export const Svg = styled.svg`
   position: absolute;
   top: 50%;
   left: 50%;
   transform-origin: 50% 50%;
   transform: translate(-50%, -50%);
-  /* stroke-dasharray: 600; */
 `
 
 export const Papper = styled.div`
@@ -83,18 +103,41 @@ export const Papper = styled.div`
   box-shadow: 2px 2px 6px #0000005c;
 `
 
-export const LessonItem = styled.li`
+export const LessonItem = styled.li<{ warn?: boolean }>`
   list-style: none;
   background-color: #ffffff;
   padding: 16px;
   border-radius: 12px;
   box-shadow: 2px 2px 6px #0000005c;
   margin-bottom: 12px;
+  transition: all 0.5;
+
+  ${(props) =>
+    props.warn
+      ? css`
+          background-color: #fde3c5;
+          color: #919191;
+          box-shadow: inset 3px 2px 7px #c9b5a9;
+        `
+      : ''}
+`
+
+export const AddMissedButton = styled.button`
+  float: right;
+  border: none;
+  background-color: #00000000;
+  opacity: 0.1;
+
+  :hover {
+    cursor: pointer;
+    opacity: 1;
+  }
 `
 
 export const Lessonname = styled.span`
   display: inline-box;
   margin-right: 12px;
+  margin-bottom: 20px;
 `
 
 export const QRCanvas = styled.canvas`