Index: Füge Header-Bild hinzu
This commit is contained in:
BIN
header.png
Normal file
BIN
header.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 115 KiB |
17
index.html
17
index.html
@@ -66,10 +66,18 @@
|
|||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.header-image-container {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 40px 0;
|
margin: 40px 0;
|
||||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
|
}
|
||||||
|
|
||||||
|
.header-image {
|
||||||
|
max-width: 1000px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
|
||||||
}
|
}
|
||||||
|
|
||||||
.tools-grid {
|
.tools-grid {
|
||||||
@@ -141,10 +149,11 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Hinzugefügter Theme-Toggle-Button -->
|
|
||||||
<button class="theme-toggle" onclick="toggleTheme()">🌙</button>
|
<button class="theme-toggle" onclick="toggleTheme()">🌙</button>
|
||||||
|
|
||||||
<h1>PonyWave Tools</h1>
|
<div class="header-image-container">
|
||||||
|
<img src="header.png" alt="PonyWave Tools" class="header-image">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="tools-grid">
|
<div class="tools-grid">
|
||||||
<a href="https://tools.ponywave.de/bohne" class="tool-bubble">
|
<a href="https://tools.ponywave.de/bohne" class="tool-bubble">
|
||||||
|
Reference in New Issue
Block a user