DHBW/Projektmanagement-Game
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

Initial file structure

Browse Source
This commit is contained in:
Administrator 2021-05-20 19:58:24 +02:00
parent f11e3d1c68
commit 4a4bdfad16
7 changed files with 96 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.idea/

11
README.md
View File

@ -1 +1,12 @@
# Projektmanagement Game # Projektmanagement Game
## Deploy
```
docker run -d -it --rm \
--publish 8181:80 \
--volume <path-to-repo>:/usr/share/nginx/html \
nginx
```
Replace `<path-to-repo>` with the absolute path of your repository.

29
index.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Projektmanagement Game</title>
<link rel="stylesheet" href="static/css/components.css">
<link rel="stylesheet" href="static/css/header.css">
<link rel="stylesheet" href="static/css/index.css">
</head>
<body>
<header>
<div class="app-header">
<div class="logo"></div>
<div class="title">Projektmanagement Game</div>
<div class="help"><span><i class="material-icon">more_vert</i></span></div>
</div>
</header>
<main>
</main>
<footer>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>
<script src="static/js/index.js"></script>
</body>
</html>

20
static/css/components.css Normal file
View File

@ -0,0 +1,20 @@
body {
padding: 0;
margin: 0;
}
.material-icon {
font-family: Material Icons,sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}

35
static/css/header.css Normal file
View File

@ -0,0 +1,35 @@
.app-header {
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
overflow: hidden;
-webkit-user-select: none;
background-color: #7d7d7d;
color: #ffffff;
display: grid;
grid-gap: 5%;
grid-template-columns: 25% 40% 25%;
height: auto;
max-height: 100px;
padding-top: 10px;
padding-bottom: 10px;
}
.logo {
grid-column: 1;
}
.title {
grid-column: 2;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 2em;
}
.help {
grid-column: 3;
display: flex;
justify-content: right;
align-items: center;
margin-right: 10px;
}

0
static/css/index.css Normal file
View File

0
static/js/index.js Normal file
View File