mirror of
https://github.com/michivonah/website-v2.git
synced 2025-12-22 20:46:29 +01:00
69 lines
3.5 KiB
HTML
69 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<title>Michi von Ah</title>
|
|
<meta name="mobile-web-app-title" content="Anleitungen">
|
|
<meta name="apple-mobile-web-app-title" content="Anleitungen">
|
|
<link rel="icon" type="image/png" href="logo.png">
|
|
<link rel="shortcut icon" type="image/png" href="logo.png">
|
|
<link rel="apple-touch-icon" href="logo.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="logo.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="logo.png">
|
|
<link rel="apple-touch-icon" sizes="167x167" href="logo.png">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://unpkg.com/akar-icons-fonts"></script>
|
|
<link rel="stylesheet" type="text/css" href="style.css"/>
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="Anleitungen">
|
|
<meta name="author" content="Michi von Ah">
|
|
<meta name="robots" content="noindex">
|
|
<meta http-equiv="expires" content="43200">
|
|
|
|
<meta name="theme-color" content="#3498db">
|
|
<meta name="mobile-web-app-status-bar-style" content="#2980b9">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="#2980b9">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<link rel="manifest" href="manifest.json">
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&family=Ubuntu&display=swap" rel="stylesheet">
|
|
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<div id="home">
|
|
<p>Michi von Ah</p>
|
|
<p>I'm a boy from switzerland.</p>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0099ff" fill-opacity="1" d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,250.7C960,267,1056,245,1152,250.7C1248,256,1344,288,1392,304L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill="#3498DB" d="M40,-10.6C47.7,10.6,46.9,37,30.4,51.2C13.9,65.3,-18.2,67.3,-40.9,51.9C-63.5,36.5,-76.7,3.6,-68.3,-18.5C-59.9,-40.7,-30,-52.2,-6.9,-50C16.2,-47.8,32.4,-31.8,40,-10.6Z" transform="translate(100 100)" />
|
|
</svg>
|
|
</div>
|
|
|
|
<div id="about">
|
|
<div>
|
|
</div>
|
|
<div id="aboutImg">
|
|
<img src="https://michivonah.ch/images/michi2_transparent.png">
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill="#3498DB" d="M40,-10.6C47.7,10.6,46.9,37,30.4,51.2C13.9,65.3,-18.2,67.3,-40.9,51.9C-63.5,36.5,-76.7,3.6,-68.3,-18.5C-59.9,-40.7,-30,-52.2,-6.9,-50C16.2,-47.8,32.4,-31.8,40,-10.6Z" transform="translate(100 100)" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
// Loading
|
|
window.addEventListener('load', () => {
|
|
if(window.matchMedia('(prefers-color-scheme: dark)').matches || localStorage.getItem('darkmode') == "true"){
|
|
document.body.style.setProperty('--maincolor', '#3498db');
|
|
document.body.style.setProperty('--secondcolor', '#2980b9');
|
|
document.body.style.setProperty('--background', '#181818');
|
|
document.body.style.setProperty('--color', '#fff');
|
|
console.log('Darkmode activated.');
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|