+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/Tiny-Snake/index.html b/apps/Tiny-Snake/index.html
new file mode 100644
index 0000000..c46faac
--- /dev/null
+++ b/apps/Tiny-Snake/index.html
@@ -0,0 +1,332 @@
+
+
+
+
+
+ Br0tbot (in Entwicklung, kann noch nicht alles)
+
+
+
+
+ + Dies ist der Python-Code für einen Discord-Bot, der als vielseitiger Allrounder entwickelt wurde. Der Bot beherrscht die wichtigsten Funktionen, die man von einem Discord-Bot erwartet. Dazu gehören beispielsweise das Akzeptieren von Regeln, das Begrüßen und Verabschieden von Mitgliedern, das Zuweisen von Rollen, das Erstellen von Tickets, ein Levelsystem, die Kontrolle des Servers sowie das Erstellen von Statistiken. +
+ ++ Zusätzlich gibt es auch unterhaltsame Funktionen zur Zeitvertreibung, wie etwa einen "Counting"-Kanal, einen "Coins"-Kanal und vieles mehr. Über den Button "Spielen" gelangt man zu einer Seite, auf der der Bot eingerichtet werden kann. +
+ ++ Der Bot ist Open Source und für das Selbst-Hosting gedacht. +
++ Ps: Der Bot ist noch in Entwicklung und es stehen evtl noch nicht alle versprochenen funktionen zur Verfügunng +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ BR0TCRAFT
+ +
+ Br0tcraft
-
-
-
-
- Br0tcraft
-
-
-
-
- Br0tcraft
-
+
+
+
+ BR0TCRAFT
-
-
- Snake
+
\ No newline at end of file
diff --git a/style.css b/style.css
index 1303df1..987a26f 100644
--- a/style.css
+++ b/style.css
@@ -1,254 +1,161 @@
@font-face {
- font-family: "Roboto";
- src: url("/fonts/Roboto/Roboto-Regular.ttf");
-}
-
-@font-face {
- font-family: "Orbitron";
- src: url("/fonts/Orbitron/Orbitron-Black.ttf");
-}
-
-body {
- margin: 0;
- font-family: "Orbitron";
- background-color: white;
- z-index: 0;
-}
-
-.Leiste {
- top: 0px;
- left: 0px;
- width: 100%;
- height: 5vw;
- position: fixed;
- background-color: rgb(77, 0, 0);
- z-index: 1;
-}
-
-.header-container {
- top: 3vw;
- position: relative;
- width: 100%;
-}
-
-.header-image {
- top: 100px;
- width: 100%;
- height: 100%;
- object-fit: cover;
- z-index: 1;
-}
-
-.container {
- z-index: 5;
- position: fixed;
- right: 32px;
- left: 10px;
- top: 0px;
- font-family: Orbitron;
- font-size: 25px;
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.menu-link-home {
- color: white;
- text-decoration: none;
- margin-left: 0px;
- font-size: 4vw;
-}
-
-.menu-link {
- font-size: 1.5vw;
- color: white;
- text-decoration: none;
- margin-left: 16px;
-}
-
-.menu-link:hover {
- text-decoration: underline;
-}
-
-.headline {
- text-align: center;
- color: rgb(0, 0, 0);
- font-size: 4vw;
- text-shadow: 5px 5px 3px rgba(5, 0, 0, 0.26);
-}
-
-/* Stile für die Kontakt-Icons */
-.contact-icons {
- position: fixed;
- top:6vw;
- left: 2%;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-.contact-icon {
- width: 4vw; /* Neue Breite */
- height: 3vw; /* Neue Höhe */
- margin: 10px 0vw;
-}
-
-.mobile-menu-icon {
- display: none;
- cursor: pointer;
- position: fixed;
- top: 1vw;
- right: 10px;
- width: 30px;
- height: 24px;
- flex-direction: column;
- justify-content: space-between;
-}
-
-.hamburger-icon {
- width: 100%;
- height: 3px;
- background-color: white;
-}
-
-.menu-links {
- display: flex;
- align-items: center;
- justify-content: flex-end;
-}
-
-.menu {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #333;
- z-index: 1000;
-}
-
-.menu-link-mobile {
- color: white;
- padding: 20px;
- text-align: center;
- text-decoration: none;
- display: block;
- font-size: 250%;
- margin: 20px;
-}
-
-.mobile-menu {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: transparent;
- z-index: 1000;
-}
-
-.mobile-menu.show {
- display: block;
- background-color: rgb(104, 0, 0);
-}
-
-.KategorieLink {
- width: 300px;
-}
-.errornothingmobile {
- display: none; /* Standardmäßig versteckt */
- position: relative; /* Positioniert relativ zum umgebenden Container */
- margin-top: 20px; /* Abstand zum oberen Rand des Containers */
- color: black; /* Schwarze Schriftfarbe */
- text-align: center; /* Textzentrierung */
-}
-.errornothingpc {
- position: fixed; /* Absolut relativ zum Container */
- top: 4vw; /* Anpassen je nach Bedarf */
- left: 50%;
- transform: translateX(-50%); /* Horizontale Zentrierung */
- color: white; /* Schriftfarbe */
- z-index: 1; /* Höherer Z-Index, um über dem Bild zu bleiben */
- text-align: center; /* Textzentrierung */
- font-size: 300%;
-}
-
-
-
-
-.error404img {
- top: 100px;
- width: 100%;
- height: 100%;
- object-fit: cover;
- z-index: 1;
-}
-
-@media screen and (max-width: 937px) {
-
- .ElementListe {
+ font-family: 'Orbitron';
+ src: url('fonts/Orbitron-Black.ttf') format('truetype');
+ }
+ @font-face {
+ font-family: 'Roboto';
+ src: url('fonts/Roboto-Regular.ttf') format('truetype');
+ }
+ body {
+ font-family: 'Roboto', sans-serif;
+ background-color: #120000;
+ color: #ffb3b3;
+ margin: 0;
+ overflow-x: hidden;
+ }
+ .header {
+ background-color: #330000;
+ padding: 20px;
+ text-align: center;
+ border-bottom: 5px solid #660000;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10;
+ }
+ .header h1 {
+ margin: 0;
+ font-size: 2.5em;
+ font-family: 'Orbitron', sans-serif;
+ color: #ffffff;
+ text-shadow: 0px 2px 5px rgba(255, 0, 0, 0.5);
+ }
+ .header-image {
+ width: 100%;
+ overflow: hidden;
+ margin-top: 90px;
+ }
+ .header-image img {
+ width: 100%;
+ height: auto;
+ }
+ .contact-icons {
+ display: flex;
+ justify-content: center;
+ padding: 20px;
+ }
+ .contact-icons img {
+ width: auto;
+ height: 4vw;
+ margin: 0 10px;
+ }
+ .container {
+ padding-top: 80px;
display: flex;
flex-wrap: wrap;
- justify-content: center; /* Zentriert die Elemente */
- gap: 10px; /* Fügt einen gleichmäßigen Abstand zwischen den Elementen hinzu */
- padding: 10px; /* Fügt einen Abstand zu den Rändern des Containers hinzu */
- }
-
- .KategorieLink {
- width: 45vw;
+ justify-content: center;
+ perspective: 1000px;
+ }
+ .section {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ width: 80%;
+ margin: 20px auto;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-radius: 10px;
+ padding: 20px;
+ box-shadow: 0px 5px 15px rgba(255, 0, 0, 0.3);
+ transform-style: preserve-3d;
+ }
+ .section-title {
+ font-size: 2em;
+ margin-bottom: 10px;
+ width: 100%;
+ text-align: center;
+ font-family: 'Orbitron', sans-serif;
+ color: #ff6666;
+ text-shadow: 0px 2px 5px rgba(255, 0, 0, 0.5);
+ }
+ .item {
+ background-color: #220000;
+ color: #ffcccc;
+ border-radius: 10px;
+ padding: 20px;
+ margin: 10px;
+ box-shadow: 0px 2px 5px rgba(255, 0, 0, 0.2);
+ transition: transform 0.2s, box-shadow 0.2s;
+ width: 200px;
+ height: 200px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ }
+ .item-content {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ padding: 10px; /* Spacing around the content */
+ }
+
+ .item-content img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ margin: auto;
height: auto;
- max-width: 50vw; /* Maximale Breite des Bildes */
- object-fit: cover; /* Bildfüllung */
- margin-bottom: 10px; /* Abstand zwischen den Bildern */
+ max-height: calc(100% - 0px); /* Adjust image height here */
+ top: 5px;
+ object-fit: cover; /* Cover the area and maintain aspect ratio */
+ border-radius: 10px; /* Round all corners of the image */
+ }
+
+ .item-text {
+ position: absolute;
+ bottom: 10px; /* Space from the bottom */
+ left: 0;
+ width: 100%;
+ text-align: center;
+ font-size: 2em;
+ }
+
+ .item:hover {
+ box-shadow: 0px 5px 15px rgba(255, 0, 0, 0.5);
+ }
+ .item::before {
+ content: '';
+ position: absolute;
+ top: -1px;
+ left: -1px;
+ right: -1px;
+ bottom: -1px;
+ border: 1px solid #ff6666;
+ border-radius: 11px;
+ opacity: 0;
+ transition: opacity 0.2s;
+ }
+ .item:hover::before {
+ opacity: 1;
+ }
+ @media (max-width: 800px) {
+ .item {
+ width: calc(50% - 20px);
+ height: calc(50vw - 20px);
}
- .mobile-menu-icon {
- display: flex;
- }
-
- .errornothingpc {
- display: none;
- }
-
- .errornothingmobile {
- display: block; /* Zeigt das Element auf mobilen Geräten */
-
- }
-
- .menu-links {
- display: none;
- }
-
- .contact-icons {
- position: static;
- top: auto;
- left: auto;
- flex-direction: row;
- justify-content: center;
+ .section {
width: 100%;
- margin-top: 10px;
-
+ }
+ .contact-icons img {
+ width: auto;
+ height: 10vw;
+ margin: 0 10px;
+ }
}
-
- .header-container {
- display: flex;
- flex-direction: column;
- align-items: center;
+ .devvlog-item {
+ height: 200px;
}
-
- .contact-icon {
- width: 5vw;
- height: 4.2vw;
- margin: 0 10px;
- }
-
- .email-icon {
- filter: invert(100%);
-}
-}
-
-.ElementListe {
- display: block;
-}
-
+ .anleitung-item {
+ height: 300px;
+ }
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/errors/404.html b/errors/404.html
deleted file mode 100644
index 5642586..0000000
--- a/errors/404.html
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
-
-
-
- Tiny Snake
+
+
+
+
+
+
+ 
+
+
+
+
+ Hier ist das nächste große AAA-game. Naja nicht wirklich. Also eigentlich ist es ein super einfaches Snake game, ohne vielen funktionen. Das erstaunliche dabei ist das es so kompakt wie (für mich) möglich ist. Funktioniert leider nur am PC. Man bewegt die Schlange mit den Pfeiltasten
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- 
-
-
-
-
- Hier ist leider nichts
-
-
- BR0TCRAFT
-
-
-
-
- Hier ist leider nichts
- - - - - - - \ No newline at end of file diff --git a/fonts/Roboto/LICENSE.txt b/fonts/LICENSE-Roboto.txt similarity index 100% rename from fonts/Roboto/LICENSE.txt rename to fonts/LICENSE-Roboto.txt diff --git a/fonts/Orbitron/Orbitron-Black.ttf b/fonts/Orbitron-Black.ttf similarity index 100% rename from fonts/Orbitron/Orbitron-Black.ttf rename to fonts/Orbitron-Black.ttf diff --git a/fonts/Orbitron/Orbitron-Bold.ttf b/fonts/Orbitron/Orbitron-Bold.ttf deleted file mode 100644 index e28729d..0000000 Binary files a/fonts/Orbitron/Orbitron-Bold.ttf and /dev/null differ diff --git a/fonts/Orbitron/Orbitron-Medium.ttf b/fonts/Orbitron/Orbitron-Medium.ttf deleted file mode 100644 index a544cc4..0000000 Binary files a/fonts/Orbitron/Orbitron-Medium.ttf and /dev/null differ diff --git a/fonts/Orbitron/Orbitron-Regular.ttf b/fonts/Orbitron/Orbitron-Regular.ttf deleted file mode 100644 index 42563d6..0000000 Binary files a/fonts/Orbitron/Orbitron-Regular.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-Regular.ttf b/fonts/Roboto-Regular.ttf similarity index 100% rename from fonts/Roboto/Roboto-Regular.ttf rename to fonts/Roboto-Regular.ttf diff --git a/fonts/Roboto/Roboto-Black.ttf b/fonts/Roboto/Roboto-Black.ttf deleted file mode 100644 index 0112e7d..0000000 Binary files a/fonts/Roboto/Roboto-Black.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-BlackItalic.ttf b/fonts/Roboto/Roboto-BlackItalic.ttf deleted file mode 100644 index b2c6aca..0000000 Binary files a/fonts/Roboto/Roboto-BlackItalic.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-Bold.ttf b/fonts/Roboto/Roboto-Bold.ttf deleted file mode 100644 index 43da14d..0000000 Binary files a/fonts/Roboto/Roboto-Bold.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-BoldItalic.ttf b/fonts/Roboto/Roboto-BoldItalic.ttf deleted file mode 100644 index bcfdab4..0000000 Binary files a/fonts/Roboto/Roboto-BoldItalic.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-Italic.ttf b/fonts/Roboto/Roboto-Italic.ttf deleted file mode 100644 index 1b5eaa3..0000000 Binary files a/fonts/Roboto/Roboto-Italic.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-Light.ttf b/fonts/Roboto/Roboto-Light.ttf deleted file mode 100644 index e7307e7..0000000 Binary files a/fonts/Roboto/Roboto-Light.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-LightItalic.ttf b/fonts/Roboto/Roboto-LightItalic.ttf deleted file mode 100644 index 2d277af..0000000 Binary files a/fonts/Roboto/Roboto-LightItalic.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-Medium.ttf b/fonts/Roboto/Roboto-Medium.ttf deleted file mode 100644 index ac0f908..0000000 Binary files a/fonts/Roboto/Roboto-Medium.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-MediumItalic.ttf b/fonts/Roboto/Roboto-MediumItalic.ttf deleted file mode 100644 index fc36a47..0000000 Binary files a/fonts/Roboto/Roboto-MediumItalic.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-Thin.ttf b/fonts/Roboto/Roboto-Thin.ttf deleted file mode 100644 index 2e0dee6..0000000 Binary files a/fonts/Roboto/Roboto-Thin.ttf and /dev/null differ diff --git a/fonts/Roboto/Roboto-ThinItalic.ttf b/fonts/Roboto/Roboto-ThinItalic.ttf deleted file mode 100644 index 084f9c0..0000000 Binary files a/fonts/Roboto/Roboto-ThinItalic.ttf and /dev/null differ diff --git a/html+css.html b/html+css.html deleted file mode 100644 index 8919027..0000000 --- a/html+css.html +++ /dev/null @@ -1,197 +0,0 @@ - - - - - -
- 
-
-
-
- BR0TCRAFT
-
-
-
-
- Meine Werke
- - - - diff --git a/img/Apps/Snake/Snake2.png b/img/Apps/Snake/Snake2.png new file mode 100644 index 0000000..e67cb08 Binary files /dev/null and b/img/Apps/Snake/Snake2.png differ diff --git a/img/Apps/Snake/snake1.PNG b/img/Apps/Snake/snake1.PNG new file mode 100644 index 0000000..9e3d88e Binary files /dev/null and b/img/Apps/Snake/snake1.PNG differ diff --git a/img/Apps/TigerBr0tbot-large.png b/img/Apps/TigerBr0tbot-large.png new file mode 100644 index 0000000..265f73f Binary files /dev/null and b/img/Apps/TigerBr0tbot-large.png differ diff --git a/img/Apps/TigerBr0tbot.jpg b/img/Apps/TigerBr0tbot.jpg new file mode 100644 index 0000000..2baa3d1 Binary files /dev/null and b/img/Apps/TigerBr0tbot.jpg differ diff --git a/img/Apps/snake-large.png b/img/Apps/snake-large.png new file mode 100644 index 0000000..b9445b3 Binary files /dev/null and b/img/Apps/snake-large.png differ diff --git a/img/Apps/snake.jpg b/img/Apps/snake.jpg new file mode 100644 index 0000000..6e3afe3 Binary files /dev/null and b/img/Apps/snake.jpg differ diff --git a/img/Background1.png b/img/Background1.png deleted file mode 100644 index 2670c97..0000000 Binary files a/img/Background1.png and /dev/null differ diff --git a/img/Background4.jpg b/img/Background4.jpg deleted file mode 100644 index 8f11fd2..0000000 Binary files a/img/Background4.jpg and /dev/null differ diff --git a/img/SpielTypen/AndroidGames.png b/img/SpielTypen/AndroidGames.png deleted file mode 100644 index 824336e..0000000 Binary files a/img/SpielTypen/AndroidGames.png and /dev/null differ diff --git a/img/SpielTypen/Discordbot.png b/img/SpielTypen/Discordbot.png deleted file mode 100644 index 79d0b87..0000000 Binary files a/img/SpielTypen/Discordbot.png and /dev/null differ diff --git a/img/SpielTypen/Javascript.png b/img/SpielTypen/Javascript.png deleted file mode 100644 index 26385be..0000000 Binary files a/img/SpielTypen/Javascript.png and /dev/null differ diff --git a/img/SpielTypen/PocketCode.png b/img/SpielTypen/PocketCode.png deleted file mode 100644 index dd0b6a4..0000000 Binary files a/img/SpielTypen/PocketCode.png and /dev/null differ diff --git a/img/SpielTypen/Turbowarp.png b/img/SpielTypen/Turbowarp.png deleted file mode 100644 index f661875..0000000 Binary files a/img/SpielTypen/Turbowarp.png and /dev/null differ diff --git a/img/SpielTypen/Unity.png b/img/SpielTypen/Unity.png deleted file mode 100644 index 0411914..0000000 Binary files a/img/SpielTypen/Unity.png and /dev/null differ diff --git a/img/SpielTypen/itchio.png b/img/SpielTypen/itchio.png deleted file mode 100644 index f25284d..0000000 Binary files a/img/SpielTypen/itchio.png and /dev/null differ diff --git a/img/Tutorials/Commandbuch-Handbuch.png b/img/Tutorials/Commandbuch-Handbuch.png deleted file mode 100644 index 7359234..0000000 Binary files a/img/Tutorials/Commandbuch-Handbuch.png and /dev/null differ diff --git a/img/contact/github.png b/img/contact/github.png new file mode 100644 index 0000000..50b8175 Binary files /dev/null and b/img/contact/github.png differ diff --git a/img/favicon.jpg b/img/favicon.jpg new file mode 100644 index 0000000..8c12fdd Binary files /dev/null and b/img/favicon.jpg differ diff --git a/index.html b/index.html index 661eecc..44aab5e 100644 --- a/index.html +++ b/index.html @@ -1,58 +1,63 @@ - + - - -
-
- BR0TCRAFT
-
-
-
-
- Anwendungen
-
- 
- 
- 
- 
- 
-
-
-
-
-
-
- Handbücher
-Dev-Blogs
-Sonstiges
- +
+
+BR0TCRAFT
+
+ 
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
-
+
\ No newline at end of file
diff --git a/play/Tiny-Snake/snake.html b/play/Tiny-Snake/snake.html
new file mode 100644
index 0000000..8b72601
--- /dev/null
+++ b/play/Tiny-Snake/snake.html
@@ -0,0 +1,7 @@
+
+
+ 
+