meiri/alkator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first look

Browse Source
This commit is contained in:
Martin Quarda 2024-02-05 14:18:13 +01:00
parent e2a63de514
commit c493a3031c
5 changed files with 3792 additions and 10569 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14282
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

8
frontend/package.json
View File

@ -34,6 +34,7 @@
"@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/preset-env": "^7.20.2", "@babel/preset-env": "^7.20.2",
"babel-loader": "^9.1.0", "babel-loader": "^9.1.0",
"bootstrap": "^5.3.2",
"clean-webpack-plugin": "^4.0.0", "clean-webpack-plugin": "^4.0.0",
"copy-webpack-plugin": "^11.0.0", "copy-webpack-plugin": "^11.0.0",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
@ -44,10 +45,9 @@
"html-loader": "^4.2.0", "html-loader": "^4.2.0",
"html-webpack-plugin": "^5.5.0", "html-webpack-plugin": "^5.5.0",
"mini-css-extract-plugin": "^2.7.1", "mini-css-extract-plugin": "^2.7.1",
"node-sass": "^8.0.0",
"postcss-loader": "^7.0.2", "postcss-loader": "^7.0.2",
"postcss-preset-env": "^7.8.3", "postcss-preset-env": "^7.8.3",
"sass-loader": "^13.2.0", "sass-loader": "^14.1.0",
"style-loader": "^3.3.1", "style-loader": "^3.3.1",
"stylelint": "^14.15.0", "stylelint": "^14.15.0",
"stylelint-config-standard": "^29.0.0", "stylelint-config-standard": "^29.0.0",
@ -60,7 +60,9 @@
"dependencies": { "dependencies": {
"@babel/polyfill": "^7.12.1", "@babel/polyfill": "^7.12.1",
"@babel/preset-react": "^7.22.15", "@babel/preset-react": "^7.22.15",
"bootstrap": "^5.3.2",
"core-js": "^3.26.1", "core-js": "^3.26.1",
"react-data-table-component": "^7.5.4" "react-data-table-component": "^7.5.4",
"sass": "^1.70.0"
} }
} }

2
frontend/src/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bosskilly</title> <title>Alkátor Race</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

46
frontend/src/scripts/index.js
View File

@ -16,6 +16,52 @@ class Main extends Component {
} }
render(){ render(){
return <div> return <div>
<div class="container">
<img class="logo" src="/public/logo.png"></img>
</div>
<div class="container info">
<div class="row">
<h1 class="col">
<b>KDY?</b>
<br />
21.4.2024
</h1>
<h1 class="col">
<b>KDE?</b>
<br />
Sobkovice
</h1>
<h1 class="col">
<b>CENA</b>
<br />
480 kč
</h1>
</div>
</div>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Aliquam erat volutpat. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Etiam neque. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Nullam rhoncus aliquam metus. In dapibus augue non sapien. Phasellus faucibus molestie nisl. Duis risus. Duis viverra diam non justo. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Mauris dictum facilisis augue. Etiam posuere lacus quis dolor. Integer lacinia. Vestibulum fermentum tortor id mi. Phasellus rhoncus.</p>
</div>
<form class="container">
<h1>Registrace</h1>
<div class="mb-3">
<label for="name" class="form-label">Jméno</label>
<input type="text" class="form-control" id="name" />
</div>
<div class="mb-3">
<label for="name" class="form-label">Přijmení</label>
<input type="text" class="form-control" id="name" />
</div>
<div class="mb-3">
<label for="email" class="form-label">Emailová adresa</label>
<input type="email" class="form-control" id="email" />
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="souhlas" />
<label class="form-check-label" for="souhlas">Souhlas se zpracováním osobních údajů</label>
</div>
<button type="submit" class="btn btn-primary">Odeslat</button>
</form>
</div>; </div>;
} }
} }

13
frontend/src/styles/index.scss
View File

@ -1,6 +1,11 @@
$body-color: slateblue; @import "../../node_modules/bootstrap/scss/bootstrap";
body { .logo{
color: $body-color; width: 100%;
font-family: sans-serif; height: auto;
}
.info{
margin-top: 30px;
margin-bottom: 30px;
} }