Add UHD Lazyload
Add btn class
Dieser Commit ist enthalten in:
Ursprung
465c763bcb
Commit
31582a64b8
13
app.js
Normale Datei
13
app.js
Normale Datei
|
@ -0,0 +1,13 @@
|
||||||
|
if(window.innerWidth > 1200) {
|
||||||
|
let images = document.querySelectorAll("img");
|
||||||
|
for (let i = 0; i < images.length; i++) {
|
||||||
|
let image = images[i];
|
||||||
|
|
||||||
|
// Lazy load UHD images
|
||||||
|
image.onload = () => {
|
||||||
|
if(image.src.includes("-1080P")) {
|
||||||
|
image.src = image.src.replace("-1080P", "-UHD");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -30,6 +30,8 @@
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<script src="app.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
@ -125,14 +127,16 @@
|
||||||
|
|
||||||
<h3>Bauhilfen</h3>
|
<h3>Bauhilfen</h3>
|
||||||
<h4 id="smartplace">Smartplace</h4>
|
<h4 id="smartplace">Smartplace</h4>
|
||||||
<img src="Smartplace-1080P.png" alt=""><br>
|
<img src="Smartplace-1080P.png" alt="" loading="lazy"><br>
|
||||||
<p>
|
<p>
|
||||||
Smartplace kann mit <code>/smartplace</code> aktiviert und deaktiviert werden. Dies wird für dich auf allen Baus
|
Smartplace kann mit <code>/smartplace</code> aktiviert und deaktiviert werden. Dies wird für dich auf allen Baus
|
||||||
umgestellt. Wenn du nun rotierbare Blöcke wie Pistons, Observer und andere platzieren willst, werden diese wenn man
|
umgestellt. Wenn du nun rotierbare Blöcke wie Pistons, Observer und andere platzieren willst, werden diese wenn man
|
||||||
gleichzeitig sneaked anders rum platziert. Wenn du Blöcke mit Inventar an selbige Blöcke platzierst brauchst du
|
gleichzeitig sneaked andersrum platziert. Wenn du Blöcke mit Inventar an selbige Blöcke platzierst brauchst du
|
||||||
dafür kein sneaken mehr.
|
dafür kein sneaken mehr.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<a class="btn">Zum Code</a>
|
||||||
|
|
||||||
<h3>TNT Handling</h3>
|
<h3>TNT Handling</h3>
|
||||||
<h4>Loader</h4>
|
<h4>Loader</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|
11
index.css
11
index.css
|
@ -1,8 +1,7 @@
|
||||||
/*
|
|
||||||
html {
|
html {
|
||||||
|
/* Scrolls for me */
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
|
|
||||||
details {
|
details {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -66,4 +65,12 @@ img {
|
||||||
a {
|
a {
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: .5rem 1rem;
|
||||||
|
background: rgb(0, 108, 255);
|
||||||
|
cursor: pointer;
|
||||||
|
border: rgba(0, 0, 0, 0.1) solid 1px;
|
||||||
|
border-radius: .3rem;
|
||||||
}
|
}
|
Laden…
In neuem Issue referenzieren
Einen Benutzer sperren