NK-Design

master
PS Mobil 2022-03-01 09:55:16 +01:00
parent 3b407c1fb1
commit bbe018aa03
14 changed files with 7293 additions and 62 deletions

View File

@ -6,14 +6,18 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap" rel="stylesheet">
<script src="js/bootstrap.bundle.js"></script> <script src="js/bootstrap.bundle.js"></script>
<title>Document</title> <title>Document</title>
<style> <style>
.bg-dark-st{ .bg-dark-st{
background: rgba(0,0,0,0.7)!important; background: rgba(0,0,0,0.8 )!important;
} }
.bg-darkl-st{ .bg-darkl-st{
background: rgba(0,0,0,0.3)!important; background: rgba(0,0,0,0.4)!important;
} }
.bg-light-st{ .bg-light-st{
background: rgba(255,255,255,0.3)!important; background: rgba(255,255,255,0.3)!important;
@ -21,27 +25,97 @@
</style> </style>
</head> </head>
<body class="bg-dark text-light" style="background: no-repeat scroll center top url(https://nebelkrieger.de/templates/eqdkp_wow/images/template_background.jpg);"> <!--body class="bg-dark text-light" style="font-size: 100%;background: no-repeat scroll center top url(https://nebelkrieger.de/templates/eqdkp_wow/images/template_background.jpg);" -->
<body class="bg-dark text-light" style="font-family:Didact Gothic;font-size: 100%;background: no-repeat fixed url(https://wow.zamimg.com/uploads/screenshots/normal/1044204-sepulcher-of-the-first-ones-screenshots.jpg); background-size:cover;">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12 bg-darkl-st d-flex justify-content-center"> <div class="col-12 bg-darkl-st d-flex justify-content-center">
<img src="https://nebelkrieger.de/data/f6bf46603211478bf46fc3b75df36051/files///users/7b3eb366286fc133f9118717046a786b.png" alt=""> <img width="300px" src="https://nebelkrieger.de/data/f6bf46603211478bf46fc3b75df36051/files///users/7b3eb366286fc133f9118717046a786b.png" alt="">
</div> </div>
<div class="col-12 bg-dark-st d-flex flex-row justify-content-center"> </div>
<div class="btn btn-outline-light m-2">Home</div> <div class="row sticky-top">
<div class="col-12 bg-dark-st">
<div class="d-flex flex-row justify-content-center">
<div class="btn btn-outline-light me-auto my-2">Home</div>
<div class="btn btn-outline-light m-2">Forum</div> <div class="btn btn-outline-light m-2">Forum</div>
<div class="btn btn-outline-light m-2">Gildensatzung</div> <div class="btn btn-outline-light m-2">Gildensatzung</div>
<div class="btn btn-outline-light m-2">Bewerbung schreiben</div> <div class="btn btn-outline-light m-2">Bewerbung schreiben</div>
<div class="btn btn-outline-light m-2">Datenschutz</div> <div class="btn btn-outline-light m-2">Datenschutz</div>
<div class="btn btn-outline-light ms-auto my-2">Login</div>
</div>
</div> </div>
</div> </div>
<div class="row mt-3"> <div class="row mt-3">
<div class="col-2"> <div class="col-12 col-md-3" style="font-size: 90%;">
<div class="container-fluid"> <div class="container-fluid">
<div class="row pt-2 bg-light-st"> <div class="row py-2 mb-2 bg-light-st">
<div class="col-12">Sanktum der Herrschaft</div> <div class="col-12"><h6>Raids</h6></div>
<div class="col-12 d-flex flex-column">
<div class="mb-1 bg-darkl-st p-2">
<div class="d-flex flex-row justify-content-between">
<div class="fw-bold">Sanktum der Herrschaft</div>
<div>01.01.1990</div>
</div>
<hr class="my-1">
<div class="d-flex flex-row justify-content-between">
<div>Anmeldungen:</div><div>13</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Abmedungen:</div><div>3</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Ersatzbank:</div><div>5</div>
</div>
</div>
<div class="mb-1 bg-darkl-st p-2">
<div class="d-flex flex-row justify-content-between">
<div class="fw-bold"><span class="fa fa-fw fa-triangle-exclamation"></span> Sanktum der Herrschaft</div>
<div>04.01.1990</div>
</div>
<hr class="my-1">
<div class="d-flex flex-row justify-content-between">
<div>Anmeldungen:</div><div>2</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Abmedungen:</div><div>7</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Ersatzbank:</div><div>3 </div>
</div>
</div>
</div>
</div>
<div class="row pt-2 mb-2 bg-light-st">
<div class="col-12"><h6>Spielersuche</h6></div>
<div class="col-12"> <div class="col-12">
<table class="table table-dark border-light table-sm"> <table class="table bg-dark-st text-light border-light table-sm">
<tr>
<th>Klasse</th>
<th>Skillung</th>
<th>Nachfrage</th>
</tr>
<tr>
<td class="bg-druid">Druide</td>
<td class="text-center">Wildheit</td>
<td class="bg-danger">Hoch</td>
</tr>
<tr>
<td class="bg-shaman">Schamane</td>
<td class="text-center">Elementar</td>
<td class="bg-yellow">Mittel</td>
</tr>
<tr>
<td class="bg-demonhunter">Dämonenjäger</td>
<td class="text-center">Alle</td>
<td class="bg-green">Niedrig</td>
</tr>
</table>
</div>
</div>
<div class="row pt-2 bg-light-st">
<div class="col-12"><h6>Sanktum der Herrschaft</h6></div>
<div class="col-12">
<table class="table bg-dark-st text-light border-light table-sm">
<tr> <tr>
<td>Tarragrue</td> <td>Tarragrue</td>
<td class="text-success" title="Firstkill: 01.01.1990" data-bs-toggle="tooltip">N <td class="text-success" title="Firstkill: 01.01.1990" data-bs-toggle="tooltip">N
@ -72,15 +146,19 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-8"> <div class="col-12 col-md-9">
<div class="container-fluid"> <div class="container-fluid">
<div class="row p-2 mb-1 bg-light-st"> <div class="row p-2 mb-2 bg-light-st">
<div class="col-1 text-center"> <div class="col-2 text-center d-flex flex-column">
<div class="bg-blue display-5 text-center">14</div> <div class="bg-blue display-6 text-center">14</div>
<div class="bg-gray">Februar</div> <div class="bg-gray small p-1">Februar</div>
<div class="bg-druid small text-dark">Raid</div> <div class="bg-druid small text-dark">Raid</div>
<div class="mt-auto bg-darkl-st p-2">
<img src="https://avatars.dicebear.com/api/bottts/Fips.svg" alt="" width="50px">
<div class="small text-light">Autor: <span class="text-shaman">Fips</span></div>
</div>
</div> </div>
<div class="col-11 p-2 bg-dark-st"> <div class="col-10 p-2 bg-dark-st">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<h3>ENDLICH DOWN!!! (10/10 HC!)</h3> <h3>ENDLICH DOWN!!! (10/10 HC!)</h3>
<div class="d-flex flex-row justify-content-between border-top border-light pt-2"> <div class="d-flex flex-row justify-content-between border-top border-light pt-2">
@ -90,23 +168,23 @@
Nach sehr vielen Wochen, an denen wir viel übten und knapp scheiterten, konnten wir heute endlich den Sieg erringen!<br> Nach sehr vielen Wochen, an denen wir viel übten und knapp scheiterten, konnten wir heute endlich den Sieg erringen!<br>
Vielen Dank an alle Raider für diesen tollen Erfolg! Patch 9.2 kann kommen! Vielen Dank an alle Raider für diesen tollen Erfolg! Patch 9.2 kann kommen!
</p> </p>
<img src="https://via.placeholder.com/320x240" alt=""> <img class="m-2" src="https://via.placeholder.com/320x240" alt="">
</div>
<div>
<img src="https://avatars.dicebear.com/api/bottts/Fips.svg" alt="" width="50px">
<div class="small text-muted">Autor: Fips</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="row p-2 mb-1 bg-light-st"> <div class="row p-2 mb-2 bg-light-st">
<div class="col-1 text-center"> <div class="col-2 text-center d-flex flex-column">
<div class="bg-blue display-5 text-center">01</div> <div class="bg-blue display-6 text-center">01</div>
<div class="bg-gray">Januar</div> <div class="bg-gray small p-1">Januar</div>
<div class="bg-rogue small text-dark">News</div> <div class="bg-rogue small text-dark">News</div>
<div class="mt-auto bg-darkl-st p-2">
<img src="https://avatars.dicebear.com/api/bottts/Maluson.svg" alt="" width="50px">
<div class="small text-light">Autor: <span class="text-warlock">Maluson</span></div>
</div>
</div> </div>
<div class="col-11 bg-dark-st p-2"> <div class="col-10 bg-dark-st p-2">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<h3>Happy New Year!</h3> <h3>Happy New Year!</h3>
<div class="d-flex flex-row justify-content-between border-top border-light pt-2"> <div class="d-flex flex-row justify-content-between border-top border-light pt-2">
@ -117,44 +195,9 @@
Bei uns geht es bereits ab Donnerstag weiter mit den Raids.<br> Bei uns geht es bereits ab Donnerstag weiter mit den Raids.<br>
Wir freuen uns bereits und hoffen, dass wir "Sylvanas" noch ärgern dürfen in den kommenden Wochen.<br> Wir freuen uns bereits und hoffen, dass wir "Sylvanas" noch ärgern dürfen in den kommenden Wochen.<br>
</p> </p>
<img src="https://via.placeholder.com/320x240" alt=""> <img class="m-2" src="https://via.placeholder.com/320x240" alt="">
</div> </div>
</div> </div>
<div>
<img src="https://avatars.dicebear.com/api/bottts/Maluson.svg" alt="" width="50px">
<div class="small text-muted">Autor: Maluson</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-2">
<div class="container-fluid">
<div class="row pt-2 bg-light-st">
<div class="col-12">Spielersuche</div>
<div class="col-12">
<table class="table table-dark border-light table-sm" style="font-size: 0.8em;">
<tr>
<th>Klasse</th>
<th>Skillung</th>
<th>Nachfrage</th>
</tr>
<tr>
<td class="bg-druid">Druide</td>
<td class="text-center">Wildheit</td>
<td class="bg-danger">Hoch</td>
</tr>
<tr>
<td class="bg-shaman">Schamane</td>
<td class="text-center">Elementar</td>
<td class="bg-yellow">Mittel</td>
</tr>
<tr>
<td class="bg-demonhunter">Dämonenjäger</td>
<td class="text-center">Alle Skillungen</td>
<td class="bg-green">Niedrig</td>
</tr>
</table>
</div> </div>
</div> </div>
</div> </div>

0
theme/footer.php 100644
View File

View File

@ -0,0 +1,11 @@
<?php
function nktheme_enqueue_style() {
wp_enqueue_style( 'bs', get_template_directory_uri() .'/src/bootstrap.min.css', false );
}
function nktheme_enqueue_script() {
wp_enqueue_script( 'bs_bundle', get_template_directory_uri() .'/src/bootstrap.bundle.js', false );
}
add_action( 'wp_enqueue_scripts', 'nktheme_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'nktheme_enqueue_script' );

0
theme/header.php 100644
View File

190
theme/index.php 100644
View File

@ -0,0 +1,190 @@
<?php
get_header();
?>
<div class="container-fluid">
<div class="row">
<div class="col-12 bg-dark-st d-flex justify-content-center">
<img width="300px" src="https://nebelkrieger.de/data/f6bf46603211478bf46fc3b75df36051/files///users/7b3eb366286fc133f9118717046a786b.png" alt="">
</div>
</div>
<div class="row sticky-top">
<div class="col-12 bg-dark-st">
<div class="d-flex flex-row justify-content-center">
<div class="btn btn-outline-light me-auto my-2">Home</div>
<div class="btn btn-outline-light m-2">Forum</div>
<div class="btn btn-outline-light m-2">Gildensatzung</div>
<div class="btn btn-outline-light m-2">Bewerbung schreiben</div>
<div class="btn btn-outline-light m-2">Datenschutz</div>
<div class="btn btn-outline-light ms-auto my-2">Login</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-3" style="font-size: 90%;">
<div class="container-fluid">
<div class="row py-2 mb-2 bg-light-st">
<div class="col-12"><h6>Raids</h6></div>
<div class="col-12 d-flex flex-column">
<div class="mb-1 bg-darkl-st p-2">
<div class="d-flex flex-row justify-content-between">
<div class="fw-bold">Sanktum der Herrschaft</div>
<div>01.01.1990</div>
</div>
<hr class="my-1">
<div class="d-flex flex-row justify-content-between">
<div>Anmeldungen:</div><div>13</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Abmedungen:</div><div>3</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Ersatzbank:</div><div>5</div>
</div>
</div>
<div class="mb-1 bg-darkl-st p-2">
<div class="d-flex flex-row justify-content-between">
<div class="fw-bold"><span class="fa fa-fw fa-triangle-exclamation"></span> Sanktum der Herrschaft</div>
<div>04.01.1990</div>
</div>
<hr class="my-1">
<div class="d-flex flex-row justify-content-between">
<div>Anmeldungen:</div><div>2</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Abmedungen:</div><div>7</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div>Ersatzbank:</div><div>3 </div>
</div>
</div>
</div>
</div>
<div class="row pt-2 mb-2 bg-light-st">
<div class="col-12"><h6>Spielersuche</h6></div>
<div class="col-12">
<table class="table bg-dark-st text-light border-light table-sm">
<tr>
<th>Klasse</th>
<th>Skillung</th>
<th>Nachfrage</th>
</tr>
<tr>
<td class="bg-druid">Druide</td>
<td class="text-center">Wildheit</td>
<td class="bg-danger">Hoch</td>
</tr>
<tr>
<td class="bg-shaman">Schamane</td>
<td class="text-center">Elementar</td>
<td class="bg-yellow">Mittel</td>
</tr>
<tr>
<td class="bg-demonhunter">Dämonenjäger</td>
<td class="text-center">Alle</td>
<td class="bg-green">Niedrig</td>
</tr>
</table>
</div>
</div>
<div class="row pt-2 bg-light-st">
<div class="col-12"><h6>Sanktum der Herrschaft</h6></div>
<div class="col-12">
<table class="table bg-dark-st text-light border-light table-sm">
<tr>
<td>Tarragrue</td>
<td class="text-success" title="Firstkill: 01.01.1990" data-bs-toggle="tooltip">N
</td>
<td class="text-success">H</td>
<td class="text-danger">M</td>
</tr>
<tr>
<td>Auge des Kerkermeisters</td>
<td class="text-success">N</td>
<td class="text-success">H</td>
<td class="text-danger">M</td>
</tr>
<tr>
<td>Die Neun</td>
<td class="text-success">N</td>
<td class="text-success">H</td>
<td class="text-danger">M</td>
</tr>
<tr>
<td>[etc]</td>
<td>N</td>
<td>H</td>
<td>M</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-9">
<div class="container-fluid">
<div class="row p-2 mb-2 bg-light-st">
<div class="col-2 text-center d-flex flex-column">
<div class="bg-blue display-6 text-center">14</div>
<div class="bg-gray small p-1">Februar</div>
<div class="bg-druid small text-dark">Raid</div>
<div class="mt-auto bg-darkl-st p-2">
<img src="https://avatars.dicebear.com/api/bottts/Fips.svg" alt="" width="50px">
<div class="small text-light">Autor: <span class="text-shaman">Fips</span></div>
</div>
</div>
<div class="col-10 p-2 bg-dark-st">
<div class="d-flex flex-column">
<h3>ENDLICH DOWN!!! (10/10 HC!)</h3>
<div class="d-flex flex-row justify-content-between border-top border-light pt-2">
<p>
Happy Valentinstag!<br>
Am heutigen Montag beschenkten wir uns selber und konnten endlich "Sylvanas" bezwingen.<br>
Nach sehr vielen Wochen, an denen wir viel übten und knapp scheiterten, konnten wir heute endlich den Sieg erringen!<br>
Vielen Dank an alle Raider für diesen tollen Erfolg! Patch 9.2 kann kommen!
</p>
<img class="m-2" src="https://via.placeholder.com/320x240" alt="">
</div>
</div>
</div>
</div>
<div class="row p-2 mb-2 bg-light-st">
<div class="col-2 text-center d-flex flex-column">
<div class="bg-blue display-6 text-center">01</div>
<div class="bg-gray small p-1">Januar</div>
<div class="bg-rogue small text-dark">News</div>
<div class="mt-auto bg-darkl-st p-2">
<img src="https://avatars.dicebear.com/api/bottts/Maluson.svg" alt="" width="50px">
<div class="small text-light">Autor: <span class="text-warlock">Maluson</span></div>
</div>
</div>
<div class="col-10 bg-dark-st p-2">
<div class="d-flex flex-column">
<h3>Happy New Year!</h3>
<div class="d-flex flex-row justify-content-between border-top border-light pt-2">
<p>
2022!<br>
Ein neues Jahr steht uns nun bevor.<br>
Wir wünschen allen ein schönes, erfolgreiches und vor allem gesundheitlich tolles Jahr 2022!<br>
Bei uns geht es bereits ab Donnerstag weiter mit den Raids.<br>
Wir freuen uns bereits und hoffen, dass wir "Sylvanas" noch ärgern dürfen in den kommenden Wochen.<br>
</p>
<img class="m-2" src="https://via.placeholder.com/320x240" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
<?php
get_footer();

0
theme/menu.php 100644
View File

View File

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

7
theme/src/bootstrap.min.css vendored 100644

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

25
theme/style.css 100644
View File

@ -0,0 +1,25 @@
/*
Theme Name: Warrior of the Mists
Theme URI: https://nebelkrieger.de
Author: fips
Author URI: https://nebelkrieger.de
Version: 1.0
License: MIT
Text Domain: nebelkrieger
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body{
font-family:Didact Gothic;font-size: 100%;background: no-repeat fixed url(https://wow.zamimg.com/uploads/screenshots/normal/1044204-sepulcher-of-the-first-ones-screenshots.jpg); background-size:cover;
}
.bg-dark-st{
background: rgba(0,0,0,0.8 )!important;
}
.bg-darkl-st{
background: rgba(0,0,0,0.4)!important;
}
.bg-light-st{
background: rgba(255,255,255,0.3)!important;
}