diff --git a/Bilder/Wartungsarbeitenprofilbild.png b/Bilder/Wartungsarbeitenprofilbild.png index b33f81c..b04debb 100644 Binary files a/Bilder/Wartungsarbeitenprofilbild.png and b/Bilder/Wartungsarbeitenprofilbild.png differ diff --git a/Bilder/ubodigat.com 10fingersystem Hintergrund.png b/Bilder/ubodigat.com 10fingersystem Hintergrund.png new file mode 100644 index 0000000..7f813e1 Binary files /dev/null and b/Bilder/ubodigat.com 10fingersystem Hintergrund.png differ diff --git a/Bilder/ubodigatlogobreit.png b/Bilder/ubodigatlogobreit.png new file mode 100644 index 0000000..142ff02 Binary files /dev/null and b/Bilder/ubodigatlogobreit.png differ diff --git a/Games/Sudoku/index.html b/Games/Sudoku/index.html deleted file mode 100644 index 8ae8f39..0000000 --- a/Games/Sudoku/index.html +++ /dev/null @@ -1,238 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - Sudoku | U:Bodigat.com - - - - - - - - - - - - - - - - - - - - -
-
-

Sudoku

-
-
- - -
- -
- - - - - - \ No newline at end of file diff --git a/Games/Sudoku/style.css b/Games/Sudoku/style.css deleted file mode 100644 index f82637d..0000000 --- a/Games/Sudoku/style.css +++ /dev/null @@ -1,255 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900'); -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Poppins', sans-serif; -} - -body { - display: flex; - justify-content: center; - align-items: center; - text-align: center; - min-height: 100vh; - user-select: none; - background-color: #26282b; -} - -body::-webkit-scrollbar { - width: 12px; -} - -body::-webkit-scrollbar-track { - background: #26282b; -} - -body::-webkit-scrollbar-thumb { - background-color: #ffffff; - border-radius: 20px; - border: 4px solid #26282b; -} - -header { - background-color: #003a1e; - color: #fff; - text-align: start; - padding: 16px 100px; - font-size: 24px; - position: fixed; - left: 0; - right: 0; - top: 0; - opacity: 0.8; -} - -header:hover { - opacity: 1; -} - -header p { - position: start; - text-align: start; -} - -#headerinput { - margin-top: -40px; - display: flex; - justify-content: end; - align-items: flex-end; - text-align: end; -} - -#headerinput a button { - cursor: pointer; -} - -#überschriftlink { - text-decoration: none; - color: #fff; -} - -.button { - transition: 0.5s; - background-color: #012f6b; - color: #fff; - text-decoration: none; - border: unset; - padding: 12px; - border-radius: 7px; - min-width: 160px; - font-weight: 600; - margin-left: 10px; - box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); -} - -.button:hover { - transition: 0.5s; - background-color: #006eff; -} - -.button a { - transition: 0.5s; - color: #fff; - text-decoration: none; -} - -#tictactoehintergrund { - background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/Bilder/); - background-size: cover; - background-attachment: fixed; - background-position: center; -} - - -/*Responsive header*/ - -@media (max-width: 960px) { - #headerinput a { - margin-top: 50px; - } -} - -@media (max-width: 680px) { - #headerinput a { - margin-top: 50px; - } -} - -@media (max-width: 600px) { - #headerinput a { - margin-left: 40px; - margin-right: -40px; - } -} - -@media (max-width: 560px) { - #headerinput a { - margin-left: 65px; - margin-right: -65px; - } -} - -@media (max-width: 540px) { - header p a { - margin-left: -70px; - } - #headerinput { - display: flex; - margin-top: -85px; - margin-bottom: 0px; - } - #headerinput a button { - font-size: 10px; - margin-top: 40px; - margin-left: 900px; - padding: 10px; - min-width: 100px; - font-weight: 600; - margin-left: 5px; - } -} - -@media (max-width: 400px) { - nav header div { - margin-bottom: 10px; - } - header p a { - margin-left: -70px; - } - #headerinput { - display: flex; - margin-top: -80px; - margin-bottom: 0px; - } - #headerinput a button { - font-size: 10px; - margin-top: 40px; - margin-left: 900px; - padding: 10px; - min-width: 100px; - font-weight: 600; - margin-left: 5px; - } -} - -@media (max-width: 350px) { - nav header div { - margin-bottom: 10px; - } - header p a { - margin-left: -70px; - } - #headerinput { - display: flex; - margin-top: -80px; - margin-bottom: 0px; - } - #headerinput a { - margin-left: 80px; - margin-right: -80px; - } - #headerinput a button { - font-size: 10px; - margin-top: 40px; - margin-left: 900px; - padding: 10px; - min-width: 100px; - font-weight: 600; - margin-left: 5px; - } -} - - -/* Ab hier kein Grundcss code mehr*/ - -body { - background-color: #333; - color: #fff; - font-family: Arial, sans-serif; - margin: 0; - display: flex; - justify-content: center; - align-items: center; - height: 100vh; -} - -.sudoku-container { - text-align: center; - padding: 20px; - background-color: #222; - border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} - -h1 { - color: #fff; -} - -#sudoku-board { - display: grid; - grid-template-columns: repeat(9, 1fr); - grid-gap: 2px; - margin: 20px 0; -} - -.sudoku-cell { - background-color: #444; - border: 1px solid #555; - text-align: center; - font-size: 1.5em; - line-height: 2em; - color: #fff; -} - -button { - background-color: #0074d9; - color: #fff; - border: none; - border-radius: 5px; - cursor: pointer; -} - -button:hover { - background-color: #0056b3; -} \ No newline at end of file diff --git a/lerntools/zehnfingersystem/index.html b/lerntools/zehnfingersystem/index.html new file mode 100644 index 0000000..6287ce2 --- /dev/null +++ b/lerntools/zehnfingersystem/index.html @@ -0,0 +1,340 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + Zehnfingersystem | U:Bodigat.com + + + + + + + + + + + + + + + + + + + +
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
0
+
ß
+
Backspace
+
+
+
TAB
+
Q
+
W
+
E
+
R
+
T
+
Z
+
U
+
I
+
O
+
P
+
Ü
+
Enter
+
+
+
Caps Lock
+
A
+
S
+
D
+
F
+
G
+
H
+
J
+
K
+
L
+
Ö
+
Ä
+
#
+
+
+
Shift
+
Y
+
X
+
C
+
V
+
B
+
N
+
M
+
,
+
.
+
-
+
Shift
+
+
+
STRG
+
Alt
+
Space
+
Alt
+
STRG
+
+
+ + + +
+ +
+
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/Games/Sudoku/script.js b/lerntools/zehnfingersystem/script.js similarity index 100% rename from Games/Sudoku/script.js rename to lerntools/zehnfingersystem/script.js diff --git a/lerntools/zehnfingersystem/style.css b/lerntools/zehnfingersystem/style.css new file mode 100644 index 0000000..484ced0 --- /dev/null +++ b/lerntools/zehnfingersystem/style.css @@ -0,0 +1,473 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900'); +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + min-height: 100vh; + user-select: none; + background-color: #26282b; +} + +body::-webkit-scrollbar { + width: 12px; +} + +body::-webkit-scrollbar-track { + background: #26282b; +} + +body::-webkit-scrollbar-thumb { + background-color: #ffffff; + border-radius: 20px; + border: 4px solid #26282b; +} + +header { + background-color: #003a1e; + color: #fff; + text-align: start; + padding: 16px 100px; + font-size: 24px; + position: fixed; + left: 0; + right: 0; + top: 0; + opacity: 0.8; +} + +header:hover { + opacity: 1; +} + +header p { + position: start; + text-align: start; +} + +#headerinput { + margin-top: -40px; + display: flex; + justify-content: end; + align-items: flex-end; + text-align: end; +} + +#headerinput a button { + cursor: pointer; +} + +#überschriftlink { + text-decoration: none; + color: #fff; +} + +.button { + transition: 0.5s; + background-color: #012f6b; + color: #fff; + text-decoration: none; + border: unset; + padding: 12px; + border-radius: 7px; + min-width: 160px; + font-weight: 600; + margin-left: 10px; + box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); +} + +.button:hover { + transition: 0.5s; + background-color: #006eff; +} + +.button a { + transition: 0.5s; + color: #fff; + text-decoration: none; +} + +#zehnfingersystemhintergrund { + background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/Bilder/ubodigat.com\ 10fingersystem\ Hintergrund.png); + background-size: cover; + background-attachment: fixed; + background-position: center; +} + + +/*Responsive header*/ + +@media (max-width: 960px) { + #headerinput a { + margin-top: 50px; + } +} + +@media (max-width: 680px) { + #headerinput a { + margin-top: 50px; + } +} + +@media (max-width: 600px) { + #headerinput a { + margin-left: 40px; + margin-right: -40px; + } +} + +@media (max-width: 560px) { + #headerinput a { + margin-left: 65px; + margin-right: -65px; + } +} + +@media (max-width: 540px) { + header p a { + margin-left: -70px; + } + #headerinput { + display: flex; + margin-top: -85px; + margin-bottom: 0px; + } + #headerinput a button { + font-size: 10px; + margin-top: 40px; + margin-left: 900px; + padding: 10px; + min-width: 100px; + font-weight: 600; + margin-left: 5px; + } +} + +@media (max-width: 400px) { + nav header div { + margin-bottom: 10px; + } + header p a { + margin-left: -70px; + } + #headerinput { + display: flex; + margin-top: -80px; + margin-bottom: 0px; + } + #headerinput a button { + font-size: 10px; + margin-top: 40px; + margin-left: 900px; + padding: 10px; + min-width: 100px; + font-weight: 600; + margin-left: 5px; + } +} + +@media (max-width: 350px) { + nav header div { + margin-bottom: 10px; + } + header p a { + margin-left: -70px; + } + #headerinput { + display: flex; + margin-top: -80px; + margin-bottom: 0px; + } + #headerinput a { + margin-left: 80px; + margin-right: -80px; + } + #headerinput a button { + font-size: 10px; + margin-top: 40px; + margin-left: 900px; + padding: 10px; + min-width: 100px; + font-weight: 600; + margin-left: 5px; + } +} + + +/* Ab hier kein Grundcss code mehr*/ + +.tastatur { + position: fixed; + margin-top: -10%; + margin-left: 18%; + display: flex; + flex-direction: column; + color: black; + font-weight: 500; +} + +.reihe { + display: flex; + justify-content: center; + margin-bottom: 5px; +} + +.taste { + transition: 0.5s; + width: 40px; + height: 30px; + margin: 2px; + background-color: #9c0000; + color: #fff; + font-size: 15px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10%; +} + +.taste.wide { + width: 90px; + border-radius: 7%; +} + +.text { + width: 100%; + margin-top: 10px; + font-size: 20px; +} + +#daumen { + transition: 0.5s; + color: #ffffff; + background-color: #860092; +} + +#daumen.taste.leuchtet { + transition: 0.5s; + color: #333333; + background-color: #ea00ff; + font-weight: 700; +} + +#grün { + transition: 0.5s; + color: #ffffff; + background-color: #003a1e; +} + +#grün.taste.leuchtet { + transition: 0.5s; + color: #000000; + background-color: #00ff84; + font-weight: 700; +} + +#blau { + transition: 0.5s; + color: #ffffff; + background-color: #003a61; +} + +#blau.taste.leuchtet { + transition: 0.5s; + color: #000000; + background-color: #0099ff; + font-weight: 700; +} + +#orange { + transition: 0.5s; + color: #ffffff; + background-color: #926b01; +} + +#orange.taste.leuchtet { + transition: 0.5s; + color: #000000; + background-color: #ffbb00; + font-weight: 700; +} + +.taste.leuchtet { + transition: 0.5s; + width: 40px; + height: 30px; + margin: 2px; + background-color: #ff0000; + color: black; + font-size: 15px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10%; + font-weight: 700; +} + +.taste.wide.leuchtet { + transition: 0.5s; + width: 40px; + height: 30px; + margin: 2px; + background-color: #ff0000; + color: black; + font-size: 15px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + border-radius: 7%; + width: 90px; + font-weight: 700; +} + + +/*Oben Tastatur ab hier die Lernapp*/ + +body { + font-family: 'Courier New', monospace; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; + margin: 0; + background-color: #1a1a1a; +} + +.app-container { + margin-top: 50px; + margin-left: 25%; + background-color: #2a2a2a; + padding: 20px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + width: 60%; + position: relative; +} + +#menu { + transition: 0.5s; + display: flex; + justify-content: space-between; + background-color: #1e1e1e; + padding: 10px; + border-radius: 10px; + position: absolute; + width: 100%; + top: 0; + left: 0; + z-index: 1; +} + +#menu button { + transition: 0.5s; + background-color: #333; + color: #fff; + border: none; + padding: 8px 30px; + cursor: pointer; + border-radius: 5px; +} + +#menu button:hover { + transition: 0.5s; + color: #000000; + font-weight: 600; + background-color: #d8d8d8; +} + +#text-container { + margin-top: 50px; + font-size: 18px; + margin-bottom: 20px; + background-color: #282828; + color: #fff; + padding: 15px; + border-radius: 5px; + z-index: 0; + max-height: 300px; + overflow-y: auto; +} + +#user-input-container { + position: relative; + width: 100%; + margin-bottom: 30px; + display: flex; + align-items: center; +} + +#user-input { + transition: 0.5s; + border: 0; + outline: 0; + background: #1a853e00; + padding: 10px; + text-align: center; + color: #fff; + font-size: 23px; + border-bottom: 2px solid #0c552b; + border-bottom-right-radius: 5px 5px; + border-bottom-left-radius: 5px 5px; + flex-grow: 1; +} + +#user-input:hover { + transition: 0.5s; + border: 0; + outline: 0; + background: #1a853e00; + padding: 10px; + text-align: center; + color: #fff; + font-size: 23px; + border-bottom: 2px solid #00ff6a; + border-bottom-right-radius: 5px 5px; + border-bottom-left-radius: 5px 5px; + flex-grow: 1; +} + +#user-input:focus { + transition: 0.5s; + border: 0; + outline: 0; + background: #1a853e00; + padding: 10px; + text-align: center; + color: #fff; + font-size: 23px; + border-bottom: 2px solid #00ff6a; + border-bottom-right-radius: 5px 5px; + border-bottom-left-radius: 5px 5px; + flex-grow: 1; +} + +#error-display { + margin-left: 10px; + font-size: 20px; + font-weight: 600; + color: #ff0000; +} + +.incorrect { + color: #ffffff; +} + +.current-char { + background-color: #999999; + color: #363636; +} + +.fade-text { + color: #474747; +} \ No newline at end of file diff --git "a/men\303\274.html" "b/men\303\274.html" index 6c4eb8c..a79e9dc 100644 --- "a/men\303\274.html" +++ "b/men\303\274.html" @@ -139,7 +139,7 @@

Wetterbericht-München

document.getElementById('temperature').textContent = `Temperatur: ${temperature}°C`; document.getElementById('description').textContent = `Beschreibung: ${description}`; - document.getElementById('weather-icon').src = `http://openweathermap.org/img/wn/${icon}.png`; + document.getElementById('weather-icon').src = `https://openweathermap.org/img/wn/${icon}.png`; }) .catch(error => { console.log('Fehler beim Abrufen des Wetters:', error); diff --git a/style.css b/style.css index d2cb7b4..8caea1c 100644 --- a/style.css +++ b/style.css @@ -1087,7 +1087,7 @@ iframe { } #Hintergrunddatenschutzerklärung { - background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(/Bilder/ubodigat\ logo.png); + background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/Bilder/ubodigatlogobreit.png); background-size: cover; background-attachment: fixed; background-position: center;