leon.hoppe/ProjectBackup
Archived
Private
Public Access
1
0
Fork 0
Code Activity

Initial commit

Browse Source
This commit is contained in:
Leon Hoppe
2022-09-04 12:45:01 +02:00
commit f4a01d6a69
11601 changed files with 4206660 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
HTML/FiveM/assets/components/footer/index.html Normal file
View File

@@ -0,0 +1,25 @@
<link rel="stylesheet" type="text/css" href="/assets/components/footer/style.css">
<footer class="footer">
<div class="footer_buttons">
<input type="button" value="Startseite" id="https://princep.de/">
<input type="button" value="Regeln" id="https://princep.de/rules">
<input type="button" value="Autos" id="https://princep.de/cars">
<input type="button" value="Team" id="https://princep.de/team">
</div>
<div class="footer_content">
<div class="footer_info">
<h1>Was ist Princep</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid dolores dolorum earum error facilis, ipsum officiis pariatur quos sequi tenetur. Beatae cupiditate deleniti ea error ex inventore iure, quod veniam!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium exercitationem ipsam magni necessitatibus nesciunt nihil non voluptas voluptatum! Animi aperiam commodi dignissimos eveniet fugiat optio quis ratione reiciendis sed sunt.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias architecto, assumenda consequatur enim perferendis quisquam repudiandae! A deleniti eius error itaque laborum libero, nobis perferendis quaerat repellendus repudiandae ut vel!
</p>
</div>
<div class="footer_links">
<a href="https://discord.com/invite/6rMgNTa5" target="_blank" rel="noopener noreferrer">Discord</a><br>
<a href="https://cfx.re/join/dyklgj" target="_blank" rel="noopener noreferrer">Zum Server verbinden</a><br>
<a href="ts3server://princep.de:9987">Teamspeak</a>
</div>
</div>
</footer>

6
HTML/FiveM/assets/components/footer/script.ts Normal file
View File

@@ -0,0 +1,6 @@
const footer_buttons = document.getElementsByClassName("footer_buttons")[0].children as HTMLCollectionOf<HTMLInputElement>;
for (let button of footer_buttons) {
button.onclick = () => {
location.href = button.id;
}
}

61
HTML/FiveM/assets/components/footer/style.css Normal file
View File

@@ -0,0 +1,61 @@
.footer {
width: 100%;
height: 200px;
background-color: var(--darker);
color: var(--light);
overflow: hidden;
}
.footer_buttons {
width: 100%;
height: 50px;
display: flex;
justify-content: center;
margin-top: 20px;
}
.footer_buttons input {
width: 150px;
height: 40px;
margin: 5px 20px;
color: var(--light);
background: none;
border: 2px var(--light) solid;
border-radius: 5px;
cursor: pointer;
font-size: 15px;
transition: 200ms;
}
.footer_buttons input:hover {
background: var(--light);
color: var(--dark);
}
.footer_content {
width: 100%;
height: 140px;
}
.footer_info {
float: left;
height: 100%;
width: 80%;
padding: 10px;
overflow: hidden;
}
.footer_links {
float: right;
height: 100%;
width: 20%;
}
.footer_links a {
text-align: center;
text-decoration: none;
color: inherit;
margin: auto;
display: block;
cursor: pointer;
}

13
HTML/FiveM/assets/components/navbar/index.html Normal file
View File

@@ -0,0 +1,13 @@
<link rel="stylesheet" type="text/css" href="/assets/components/navbar/style.css">
<nav class="navigation unselectable">
<a href="/" class="navigation_name">PrincepRP</a>
<span id="currentSite"></span>
<section>
<input class="navigation_button" type="button" value="Regeln" id="redirect_rules">
<input class="navigation_button" type="button" value="Autos" id="redirect_cars">
<input class="navigation_button" type="button" value="Team" id="redirect_team">
</section>
</nav>
<section class="navigation_spacer"></section>

23
HTML/FiveM/assets/components/navbar/script.ts Normal file
View File

@@ -0,0 +1,23 @@
const title = document.getElementById("currentSite") as HTMLSpanElement;
const site = fivem.getCurrentSite();
switch (site) {
case "rules":
title.innerText = "Regeln";
break;
case "cars":
title.innerText = "Autos";
break;
case "team":
title.innerText = "Team";
break;
default:
title.innerText = "Startseite";
break;
}
const header_buttons = document.getElementsByClassName("navigation_button") as HTMLCollectionOf<HTMLInputElement>;
for (let button of header_buttons) {
button.onclick = () => {
location.href = fivem.hostname + button.id.replace("redirect_", "");
}
}

98
HTML/FiveM/assets/components/navbar/style.css Normal file
View File

@@ -0,0 +1,98 @@
.navigation {
width: 100vw;
height: 60px;
position: fixed;
background: var(--gradient);
background-size: 800% 800%;
-webkit-animation: BackgroundAnimation 100s ease infinite;
-moz-animation: BackgroundAnimation 100s ease infinite;
animation: BackgroundAnimation 100s ease infinite;
z-index: 10;
}
@-webkit-keyframes BackgroundAnimation {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes BackgroundAnimation {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
@keyframes BackgroundAnimation {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
.navigation_name {
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
color: var(--light);
font-size: 20px;
text-decoration: none;
}
.navigation_name:hover {
cursor: pointer;
}
#currentSite {
position: absolute;
font-size: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--light);
}
.navigation section {
position: absolute;
width: max-content;
top: 50%;
left: 100%;
transform: translate(-110%, -50%);
}
.navigation_button {
margin: 5px;
width: 100px;
height: 30px;
background: none;
border: 2px solid var(--light);
border-radius: 10px;
color: var(--light);
transition: 200ms;
}
.navigation_button:hover {
background: var(--light);
color: var(--dark);
cursor: pointer;
}
.navigation_spacer {
width: 100vw;
height: 60px;
}