joker
/
competitions
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: joker:208d583178b0cddefa124b5ecc71dcc6d7719f62
Branches Tags
joker:main
joker:master
...
compare: joker:master
Branches Tags
joker:main
joker:master

No commits in common. '208d583178b0cddefa124b5ecc71dcc6d7719f62' and 'master' have entirely different histories.
208d583178 ... master

38 changed files with 1 additions and 5479 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats
  1. 36
      .gitignore
  2. 35
      README.md
  3. 28
      components/Arrivals/aririvals.tsx
  4. 143
      components/Estimation/estimation.tsx
  5. 19
      components/Layout.tsx
  6. 61
      components/Table/Arrivals.tsx
  7. 65
      components/Table/Rating.tsx
  8. 12
      components/UI/Box/Box.tsx
  9. 3
      components/UI/Box/styles.scss
  10. 15
      components/UI/Button/Button.tsx
  11. 81
      components/UI/Button/styles.scss
  12. 4
      components/UI/H3/H3.scss
  13. 14
      components/UI/H3/H3.tsx
  14. 19
      components/UI/Menu/Menu.tsx
  15. 110
      components/UI/Menu/menu.scss
  16. 33
      components/UI/Switch/Switch.tsx
  17. 41
      components/UI/Switch/styles.scss
  18. 4
      components/UI/index.ts
  19. 30
      components/Сategory/category.tsx
  20. 106
      html/menu.css
  21. 11
      html/menu.html
  22. 7
      next.config.js
  23. 4269
      package-lock.json
  24. 31
      package.json
  25. 10
      pages/_app.tsx
  26. 13
      pages/api/hello.ts
  27. 46
      pages/arrivals.tsx
  28. 10
      pages/index.tsx
  29. 35
      pages/judging/aririvals.tsx
  30. 30
      pages/judging/category.tsx
  31. 46
      pages/slalom.tsx
  32. 6
      postcss.config.js
  33. BIN
      public/favicon.ico
  34. 4
      public/vercel.svg
  35. 21
      styles/Home.module.css
  36. 51
      styles/globals.scss
  37. 11
      tailwind.config.js
  38. 20
      tsconfig.json

36
.gitignore vendored
Unescape View File

@ -1,36 +0,0 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# next.js
/.next/
/out/
# production
/build
# misc
.DS_Store
*.pem
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*
# local env files
.env*.local
# vercel
.vercel
# typescript
*.tsbuildinfo
next-env.d.ts

35
README.md
Unescape View File

@ -1,34 +1 @@
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
Мой первый GIT!

28
components/Arrivals/aririvals.tsx
Unescape View File

@ -1,28 +0,0 @@
import styles from '../../styles/Home.module.css';
import { Button, Box, Switch, H3 } from '../../components/UI';
import React, { useState } from 'react'
export default function Category() {
return(
<div className={styles.container}>
<div className='header'>
<H3>Заезды: Робо-слалом </H3>
</div>
<main className={styles.main}>
<div className='boxButton'>
<p>Сторана А </p>
<Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
</div>
<div className='boxButton'>
<p>Сторона Б </p>
<Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
</div>
</main>
</div>
)
}

143
components/Estimation/estimation.tsx
Unescape View File

@ -1,143 +0,0 @@
import Grid from '@mui/material/Grid';
import { Button, Box, Switch } from '../../components/UI';
import React, { useState } from 'react'
interface Props {
children?: React.ReactNode;
onClick: () => void;
disable: boolean;
}
let scores_nay = 0;
export const Estimation: React.FC<Props> = ({children, onClick, disable}) => {
const [counter, setCounter] = useState(0);
const [butStartnDisable, setButStartnDisable] = useState(false);
const [butWriteDisable, setButWriteDisable] = useState(true);
const [switchDisable, setSwitchDisable] = useState(true);
const [scores, setScores] = useState(0);
const [start, setStart] = useState(false);
const [buttonText, setButtonText] = useState('СТАРТ');
const [data, setData] = useState({switchstart: false, switchwasher_1: false, switchwasher_2: false, switchwasher_3: false, switchwasher_4: false, switchfinish: false});
React.useEffect(() => {
const timer =
( counter < 60 ) && start && setInterval(() => setCounter(counter + 1), 1000);
return () => clearInterval(timer);
}, [counter, start]);
const fnStart = () => {
setStart(start ? false : true);
setButtonText(start ? 'СТАРТ':'СТОП');
console.log(start);
setButStartnDisable(start ? true : false);
setSwitchDisable(false);
setButWriteDisable(false);
}
const fnWrite = () => {
console.log(scores);
}
const updateData = (e: any) => {
setData({
...data, [e.target.id]: e.target.checked
});
scores_nay = e.target.checked ? scores_nay+parseInt(e.target.value): scores_nay-parseInt(e.target.value);
setScores(e.target.checked ? scores+parseInt(e.target.value): scores-parseInt(e.target.value))
if (scores_nay === 50) {
setScores(scores_nay+(60-counter));
}
}
return(
<Grid container rowSpacing={1} columnSpacing={{ xs: 12, sm: 2, md: 2 }}>
<Grid item xs={12} sm={2} md={6}>
<Box>
<div className='taskBox'>
<p className='taskTitle'>Команда: Имя</p>
</div>
<div className='taskBox'>
<p className='taskTitle'>Время: {counter} сек</p>
<p className='taskTitle'>Баллы: {scores} </p>
</div>
<div className='taskBox'>
<p className='taskTitle'>Выезд из зоны старта</p>
<Switch
isOn={data.switchstart}
value={5}
disable={switchDisable}
name={'start'}
onColor="#EF476F"
handleToggle={(e) => updateData(e)}>
</Switch>
</div>
<div className='taskBox'>
<p className='taskTitle'>Первая щайба</p>
<Switch
isOn={data.switchwasher_1}
name={'washer_1'}
value={10}
disable={switchDisable}
onColor="#EF476F"
handleToggle={(e) => updateData(e)}>
</Switch>
</div>
<div className='taskBox'>
<p className='taskTitle'>Вторая шайба</p>
<Switch
isOn={data.switchwasher_2}
name={'washer_2'}
value={10}
disable={switchDisable}
onColor="#EF476F"
handleToggle={(e) => updateData(e)}>
</Switch>
</div>
<div className='taskBox'>
<p className='taskTitle'>Третья шайба</p>
<Switch
isOn={data.switchwasher_3}
name={'washer_3'}
value={10}
disable={switchDisable}
onColor="#EF476F"
handleToggle={(e) => updateData(e)}>
</Switch>
</div>
<div className='taskBox'>
<p className='taskTitle'>Четвертая шайба</p>
<Switch
isOn={data.switchwasher_4}
name={'washer_4'}
value={10}
disable={switchDisable}
onColor="#EF476F"
handleToggle={(e) => updateData(e)}>
</Switch>
</div>
<div className='taskBox'>
<p className='taskTitle'>Заезд в зону финиша</p>
<Switch
isOn={data.switchfinish}
name={'finish'}
value={5}
disable={switchDisable}
onColor="#EF476F"
handleToggle={(e) => updateData(e)}>
</Switch>
</div>
<div className='boxButton'>
<Button onClick={()=> fnStart()} disable={butStartnDisable}>{buttonText}</Button>
<Button onClick={()=> fnWrite()} disable={butWriteDisable}>Подтверждаю результат</Button>
</div>
</Box>
</Grid>
</Grid>
)
}

19
components/Layout.tsx
Unescape View File

@ -1,19 +0,0 @@
import React from 'react';
import { Menu } from './UI/Menu/Menu';
import styles from './../styles/Home.module.css';
type Props = {
children?: React.ReactNode;
}
export const Layout: React.FC<Props> = ({children}) => {
return(
<>
<Menu/>
<div className={styles.container}>
{children}
</div>
</>
)
}

61
components/Table/Arrivals.tsx
Unescape View File

@ -1,61 +0,0 @@
import React from 'react';
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Paper from '@mui/material/Paper';
type Props = {
nominations: string;
data: {
name: string,
attempt_1: number,
attempt_2: number,
attempt_3: number,
attempt_4: number,
attempt_all: number
}[];
}
export const TableArrivals: React.FC<Props> = ({nominations,data}) => {
return(
<TableContainer component={Paper}>
<Table size="small">
<TableHead>
<TableRow>
<TableCell align="center" colSpan={6}>
{nominations}
</TableCell>
</TableRow>
</TableHead>
<TableHead >
<TableRow >
<TableCell rowSpan={2}>№</TableCell>
<TableCell colSpan={2} align="center">Раунд I</TableCell>
<TableCell colSpan={2} align="center">Раунд II</TableCell>
</TableRow>
<TableRow >
<TableCell align="center">Команда 1</TableCell>
<TableCell align="center">Команда 2</TableCell>
<TableCell align="center">Команда 1</TableCell>
<TableCell align="center">Команда 2</TableCell>
</TableRow>
</TableHead>
<TableBody>
{data.map((row, key) => (
<TableRow key={row.name}>
<TableCell align="center">{key+1}</TableCell>
<TableCell component="th" scope="row"> {row.name}</TableCell>
<TableCell align="center">{row.name}</TableCell>
<TableCell align="center">{row.name}</TableCell>
<TableCell align="center">{row.name}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
)
}

65
components/Table/Rating.tsx
Unescape View File

@ -1,65 +0,0 @@
import React from 'react';
import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Paper from '@mui/material/Paper';
type Props = {
nominations: string;
data: {
name: string,
attempt_1: number,
attempt_2: number,
attempt_3: number,
attempt_4: number,
attempt_all: number
}[];
}
export const TableRating: React.FC<Props> = ({nominations,data}) => {
return(
<TableContainer component={Paper}>
<Table size="small">
<TableHead>
<TableRow>
<TableCell align="center" colSpan={6}>
{nominations}
</TableCell>
</TableRow>
</TableHead>
<TableHead >
<TableRow >
<TableCell rowSpan={2}>№</TableCell>
<TableCell rowSpan={2}>Команды</TableCell>
<TableCell colSpan={2} align="center">Раунд I</TableCell>
<TableCell colSpan={2} align="center">Раунд II</TableCell>
<TableCell rowSpan={2} align="center">Всего</TableCell>
</TableRow>
<TableRow >
<TableCell align="center">Попытка 1</TableCell>
<TableCell align="center">Попытка 2</TableCell>
<TableCell align="center">Попытка 1</TableCell>
<TableCell align="center">Попытка 2</TableCell>
</TableRow>
</TableHead>
<TableBody>
{data.map((row, key) => (
<TableRow key={row.name}>
<TableCell align="center">{key+1}</TableCell>
<TableCell component="th" scope="row"> {row.name}</TableCell>
<TableCell align="center">{row.attempt_1}</TableCell>
<TableCell align="center">{row.attempt_2}</TableCell>
<TableCell align="center">{row.attempt_3}</TableCell>
<TableCell align="center">{row.attempt_4}</TableCell>
<TableCell align="center">{row.attempt_all}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
)
}

12
components/UI/Box/Box.tsx
Unescape View File

@ -1,12 +0,0 @@
import React from 'react';
interface Props {
children?: React.ReactNode;
}
export const Box: React.FC<Props> = ({children}) => {
return(
<div className="Main_box">{children}</div>
)
}

3
components/UI/Box/styles.scss
Unescape View File

@ -1,3 +0,0 @@
.Main_box{
width: 1024px;
}

15
components/UI/Button/Button.tsx
Unescape View File

@ -1,15 +0,0 @@
import React from 'react';
interface Props {
children?: React.ReactNode;
onClick: () => void;
disable: boolean;
color: string;
}
export const Button: React.FC<Props> = ({children, onClick, disable, color}) => {
return(
<button className={"button-17 "+ color} role="button" onClick={onClick} disabled={disable}>{children}</button>
)
}

81
components/UI/Button/styles.scss
Unescape View File

@ -1,81 +0,0 @@
/* CSS */
.button-17 {
align-items: center;
appearance: none;
border-radius: 24px;
border-style: none;
box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0;
box-sizing: border-box;
color: #3c4043;
cursor: pointer;
display: inline-flex;
fill: currentcolor;
font-family: "Google Sans",Roboto,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
height: 48px;
justify-content: center;
letter-spacing: .25px;
line-height: normal;
max-width: 100%;
overflow: visible;
padding: 2px 24px;
position: relative;
text-align: center;
text-transform: none;
transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: 350px;
will-change: transform,opacity;
z-index: 0;
margin: 5px;
}
.bgBlue2{
background-color: #4285f4;
}
.bgGreen{
background-color: greenyellow;
}
.bgBlue{
background-color: blue;
}
.button-17:hover {
background: #F6F9FE;
color: #174ea6;
}
.button-17:active {
box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%);
outline: none;
}
.button-17:focus {
outline: none;
border: 2px solid #4285f4;
}
.button-17:not(:disabled) {
box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}
.button-17:not(:disabled):hover {
box-shadow: rgba(60, 64, 67, .3) 0 2px 3px 0, rgba(60, 64, 67, .15) 0 6px 10px 4px;
}
.button-17:not(:disabled):focus {
box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}
.button-17:not(:disabled):active {
box-shadow: rgba(60, 64, 67, .3) 0 4px 4px 0, rgba(60, 64, 67, .15) 0 8px 12px 6px;
}
.button-17:disabled {
box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
}

4
components/UI/H3/H3.scss
Unescape View File

@ -1,4 +0,0 @@
.h3{
font-size: 30px;
text-align: center;
}

14
components/UI/H3/H3.tsx
Unescape View File

@ -1,14 +0,0 @@
import React from 'react';
import type { ReactElement } from 'react'
interface Props {
children?: React.ReactNode;
}
export const H3: React.FC<Props> = ({children}) => {
return(
<h3 className='h3'>
{children}
</h3>
)
}

19
components/UI/Menu/Menu.tsx
Unescape View File

@ -1,19 +0,0 @@
import React from 'react';
import type { ReactElement } from 'react'
interface Props {
children?: React.ReactNode;
}
export const Menu: React.FC<Props> = ({children}) => {
return(
<details>
<summary></summary>
<nav className="menu">
<a href="slalom">Рейтинг: Слалом</a>
<a href="arrivals">Заезды: Слалом</a>
<a href="judging">Судейство: Слалом</a>
</nav>
</details>
)
}

110
components/UI/Menu/menu.scss
Unescape View File

@ -1,110 +0,0 @@
details {
margin: 5px;
position: absolute;
z-index: 9999;
}
summary {
writing-mode: vertical-lr;
text-align: center;
padding: 12px 10px;
width: 23px;
height: 17px;
background-color: var(--primColor);
border-radius: var(--cornerRad);
color: var(--secoColor);
cursor: pointer;
user-select: none;
outline: none;
transition: transform 200ms ease-in-out 0s;
}
summary::before,
summary::after {
position: static;
top: 0;
left: 0;
}
summary::before {
content: "";
}
summary::after {
content: "III";
letter-spacing: -1px;
}
summary:hover {
transform: scale(1.1);
}
summary::marker {
font-size: 0;
}
summary::-webkit-details-marker {
display: none;
}
details[open] .menu {
animation-name: menuAnim;
}
details[open] summary::before {
content: "X";
}
details[open] summary::after {
content: "";
}
.menu {
height: 0;
width: fit-content;
border-radius: var(--cornerRad);
background-color: #fff;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
margin-top: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
animation: closeMenu 300ms ease-in-out forwards;
z-index: 9999;
}
.menu a {
padding: 12px 24px;
margin: 0 16px;
color: var(--secoColor);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
text-decoration: none;
text-align: center;
transition: filter 200ms linear 0s;
}
.menu a:nth-of-type(1) {
padding-top: 24px;
}
.menu a:nth-last-of-type(1) {
border-bottom: none;
}
.menu a:hover {
filter: brightness(200%);
}
details::before {
color: var(--secoColor);
position: absolute;
margin-left: 80px;
padding: 10px 10px;
opacity: 0.4;
}
details[open]::before {
animation: fadeMe 300ms linear forwards;
}
@keyframes menuAnim {
0% {
height: 0;
}
100% {
height: 312px;
}
}
@keyframes fadeMe {
0% {
opacity: 0.4;
}
100% {
opacity: 0;
}
}

33
components/UI/Switch/Switch.tsx
Unescape View File

@ -1,33 +0,0 @@
import React from 'react';
interface Props {
isOn: boolean;
handleToggle: () => void;
onColor: string;
name: string;
value: number;
disable: boolean;
}
export const Switch: React.FC<Props> = ({isOn, handleToggle, onColor, name, value, disable }) => {
return(
<>
<input
checked={isOn}
onChange={handleToggle}
className="react-switch-checkbox"
id={`switch`+name}
type="checkbox"
value={value}
disabled={disable}
/>
<label
style={{ 'background' : isOn && onColor }}
className="react-switch-label"
htmlFor={`switch`+name}
>
<span className={`react-switch-button`} />
</label>
</>
)
}

41
components/UI/Switch/styles.scss
Unescape View File

@ -1,41 +0,0 @@
.react-switch-checkbox {
height: 0;
width: 0;
visibility: hidden;
float: right;
}
.react-switch-label {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
width: 90px;
height: 40px;
background: grey;
border-radius: 100px;
position: relative;
transition: background-color .2s;
}
.react-switch-label .react-switch-button {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 35px;
height: 35px;
border-radius: 45px;
transition: 0.2s;
background: #fff;
box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
}
.react-switch-checkbox:checked + .react-switch-label .react-switch-button {
left: calc(100% - 2px);
transform: translateX(-100%);
}
.react-switch-label:active .react-switch-button {
width: 60px;
}

4
components/UI/index.ts
Unescape View File

@ -1,4 +0,0 @@
export * from './Button/Button'
export * from './H3/H3'
export * from './Box/Box'
export * from './Switch/Switch'

30
components/Сategory/category.tsx
Unescape View File

@ -1,30 +0,0 @@
import Grid from '@mui/material/Grid';
import { Button, Box, Switch } from '../../components/UI';
import React, { useState } from 'react'
interface Props {
children?: React.ReactNode;
onClick: () => void;
disable: boolean;
}
export const Category: React.FC<Props> = ({children, onClick, disable}) => {
return(
<>
<div className='boxButton'>
<p>Выберите наминацию ? </p>
<Button onClick={()=> fnStart()} disable={false}>Стол: А - Младшая</Button>
<Button onClick={()=> fnStart()} disable={false}>Стол: А - Средняя</Button>
<Button onClick={()=> fnStart()} disable={false}>Стол: А - Старшая</Button>
</div>
<div className='boxButton'>
<p>Выберите стол ? </p>
<Button onClick={()=> fnStart()} disable={false}>Стол: Б - Младшая</Button>
<Button onClick={()=> fnStart()} disable={false}>Стол: Б - Средняя</Button>
<Button onClick={()=> fnStart()} disable={false}>Стол: Б - Старшая</Button>
</div>
</>
)
}

106
html/menu.css
Unescape View File

@ -1,106 +0,0 @@
body {
text-align: center;
}
.mdl-button--fab_flinger-container {
position: fixed;
bottom: 20px;
right: 20px;
}
.mdl-button--fab_flinger-container.is-showing-options > button i {
-webkit-transition: -webkit-transform 0.1s linear;
transition: transform 0.1s linear;
-webkit-transform: translate(-12px, -12px) rotate(45deg);
-ms-transform: translate(-12px, -12px) rotate(45deg);
transform: translate(-12px, -12px) rotate(45deg);
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button {
display: block;
-webkit-animation-name: enter;
animation-name: enter;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.mdl-button--fab_flinger-container .mdl-button--fab_flinger-options {
position: absolute;
bottom: 100%;
margin-bottom: 10px;
}
.mdl-button--fab_flinger-container .mdl-button--fab_flinger-options button {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
display: none;
}
@-webkit-keyframes enter {
from {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes enter {
from {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}

11
html/menu.html
Unescape View File

@ -1,11 +0,0 @@
<link rel="stylesheet" href="menu.css">
<details>
<summary></summary>
<nav class="menu">
<a href="#link">Home</a>
<a href="#link">Work</a>
<a href="#link">Links</a>
<a href="#link">Contact</a>
<a href="#link">About</a>
</nav>
</details>

7
next.config.js
Unescape View File

@ -1,7 +0,0 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
}
module.exports = nextConfig

4269
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

31
package.json
Unescape View File

@ -1,31 +0,0 @@
{
"name": "competitions",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@mui/icons-material": "^5.10.9",
"@mui/material": "^5.10.12",
"@types/node": "18.11.9",
"@types/react": "18.0.24",
"@types/react-dom": "18.0.8",
"next": "13.0.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-timer-wrapper": "^0.4.1",
"typescript": "4.8.4"
},
"devDependencies": {
"autoprefixer": "^10.4.13",
"postcss": "^8.4.18",
"sass": "^1.56.0",
"tailwindcss": "^3.2.1"
}
}

10
pages/_app.tsx
Unescape View File

@ -1,10 +0,0 @@
import '../styles/globals.scss'
import type { AppProps } from 'next/app'
import { Layout } from '../components/Layout'
export default function App({ Component, pageProps }: AppProps) {
return(
<Layout>
<Component {...pageProps} />
</Layout>)
}

13
pages/api/hello.ts
Unescape View File

@ -1,13 +0,0 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from 'next'
type Data = {
name: string
}
export default function handler(
req: NextApiRequest,
res: NextApiResponse<Data>
) {
res.status(200).json({ name: 'John Doe' })
}

46
pages/arrivals.tsx
Unescape View File

@ -1,46 +0,0 @@
import styles from '../styles/Home.module.css';
import Grid from '@mui/material/Grid';
import { H3 } from '../components/UI/H3/H3';
import { TableArrivals } from '../components/Table/Arrivals';
function createData(
name: string,
attempt_1: number,
attempt_2: number,
attempt_3: number,
attempt_4: number,
attempt_all: number
) {
return { name, attempt_1, attempt_2, attempt_3, attempt_4, attempt_all };
}
const rows = [
createData('Frozen yoghurt', 159, 6, 24, 4, 5),
createData('Ice cream sandwich', 237, 9.0, 37, 4.3, 5),
createData('Eclair', 262, 16.0, 24, 6.0, 6),
createData('Cupcake', 305, 3.7, 67, 4.3, 7),
createData('Gingerbread', 356, 16.0, 49, 3.9, 8),
];
export default function Arrivals() {
return (
<div className={styles.container}>
<div className='header'>
<H3>Заезды: Робо-слалом </H3>
</div>
<main className={styles.main}>
<Grid container rowSpacing={1} columnSpacing={{ xs: 12, sm: 4, md: 4 }}>
<Grid item xs={12} sm={3} md={4}>
<TableArrivals nominations={'Младшая группа'} data={rows}/>
</Grid>
<Grid item xs={12} sm={3} md={4}>
<TableArrivals nominations={'Младшая группа'} data={rows}/>
</Grid>
<Grid item xs={12} sm={3} md={4}>
<TableArrivals nominations={'Младшая группа'} data={rows}/>
</Grid>
</Grid>
</main>
</div>
)
}

10
pages/index.tsx
Unescape View File

@ -1,10 +0,0 @@
import Head from 'next/head';
export default function Home() {
return (
<Head>
<title>Соревнования по робототехнике</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
)
}

35
pages/judging/aririvals.tsx
Unescape View File

@ -1,35 +0,0 @@
import styles from '../../styles/Home.module.css';
import { Button, H3 } from '../../components/UI';
import React, { useState } from 'react'
interface Props {
children?: React.ReactNode;
onClick: () => void;
disable: boolean;
}
export default function Aririvals() {
return(
<>
<div className='header'>
<H3>Заезды: Робо-слалом </H3>
</div>
<main className={styles.main}>
<div className='boxButton'>
<p>Сторана А </p>
<Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
</div>
<div className='boxButton'>
<p>Сторона Б </p>
<Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
</div>
</main>
</>
)
}

30
pages/judging/category.tsx
Unescape View File

@ -1,30 +0,0 @@
import styles from '../../styles/Home.module.css';
import { H3, Button } from '../../components/UI';
import React, { useState } from 'react'
export default function Judging() {
return (
<div className={styles.container}>
<div className='header'>
<H3>Заезды: Робо-слалом </H3>
</div>
<main className={styles.main}>
<div className='boxButton'>
<p>Сторана А </p>
<Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
</div>
<div className='boxButton'>
<p>Сторона Б </p>
<Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
<Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
</div>
</main>
</div>
)
}

46
pages/slalom.tsx
Unescape View File

@ -1,46 +0,0 @@
import styles from '../styles/Home.module.css';
import { TableRating } from '../components/Table/Rating';
import Grid from '@mui/material/Grid';
import { H3 } from '../components/UI/H3/H3';
function createData(
name: string,
attempt_1: number,
attempt_2: number,
attempt_3: number,
attempt_4: number,
attempt_all: number
) {
return { name, attempt_1, attempt_2, attempt_3, attempt_4, attempt_all };
}
const rows = [
createData('Frozen yoghurt', 159, 6, 24, 4, 5),
createData('Ice cream sandwich', 237, 9.0, 37, 4.3, 5),
createData('Eclair', 262, 16.0, 24, 6.0, 6),
createData('Cupcake', 305, 3.7, 67, 4.3, 7),
createData('Gingerbread', 356, 16.0, 49, 3.9, 8),
];
export default function Slalom() {
return (
<div className={styles.container}>
<div className='header'>
<H3>Рейтинг: Робо-слалом </H3>
</div>
<main className={styles.main}>
<Grid container rowSpacing={1} columnSpacing={{ xs: 12, sm: 2, md: 2 }}>
<Grid item xs={12} sm={3} md={4}>
<TableRating nominations={'Младшая группа'} data={rows} />
</Grid>
<Grid item xs={12} sm={3} md={4}>
<TableRating nominations={'Средняя группа'} data={rows} />
</Grid>
<Grid item xs={12} sm={3} md={4}>
<TableRating nominations={'Старшая группа'} data={rows} />
</Grid>
</Grid>
</main>
</div>
)
}

6
postcss.config.js
Unescape View File

@ -1,6 +0,0 @@
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

4
public/vercel.svg
Unescape View File

@ -1,4 +0,0 @@
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

21
styles/Home.module.css
Unescape View File

@ -1,21 +0,0 @@
.main {
padding: 10px;
flex: 1;
display: flex;
margin: 0 auto;
}
.footer {
display: flex;
flex: 1;
padding: 2rem 0;
border-top: 1px solid #eaeaea;
justify-content: center;
align-items: center;
}
.container{
margin: 0 auto;
}

51
styles/globals.scss
Unescape View File

@ -1,51 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import './components/UI/H3/H3.scss';
@import './components/UI/Menu/menu.scss';
@import './components/UI/Button/styles.scss';
@import './components/UI/Box/styles.scss';
@import './components/UI/Switch/styles.scss';
:root {
--primColor: #dcdcdc;
--secoColor: #555555;
--cornerRad: 4px;
}
body {
background-color: var(--primColor);
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
.header{
margin-top: 10px;
}
.taskBox{
display: flex;
margin: 7px;
width: 350px;
}
.taskTitle{
padding: 4px;
width: 70%;
float: left;
clear: right;
}
.boxButton{
display: grid;
margin: 10px;
padding: 10px;
flex: 1 1 auto;
}
.border{
border: thick double #32a1ce;
}

11
tailwind.config.js
Unescape View File

@ -1,11 +0,0 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}

20
tsconfig.json
Unescape View File

@ -1,20 +0,0 @@
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]
}
Write Preview
Loading…
Cancel
Save