65 lines
4.0 KiB
HTML
65 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" type="text/css" href="src/index.css">
|
|
<title>Midou's site</title>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<!--<link rel="icon" href="/src/images/favicon.png" sizes="16x16" type="image/png">-->
|
|
<meta name="description" content="Midou's website">
|
|
<!-- General Meta Tags -->
|
|
<meta property="og:url" content="https://miicord.com">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Midou360/Miicord">
|
|
<meta property="og:description" content="Welcome to my website!">
|
|
<meta property="og:image" content="https://midou.dev/src/images/OpenGraphNoTxt.png">
|
|
<meta property="og:image:width" content="1200"/>
|
|
<meta property="og:image:height" content="630"/>
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:domain" content="miicord.com">
|
|
<meta property="twitter:url" content="https://miicord.com">
|
|
<meta name="twitter:title" content="Midou360/Miicord">
|
|
<meta name="twitter:description" content="Welcome to my Website!">
|
|
<meta name="twitter:image" content="https://midou.dev/src/images/OpenGraphNoTxt.png">
|
|
|
|
<meta name="theme-color" content="#8C00F3">
|
|
|
|
</head>
|
|
<body id="content">
|
|
<!-- <div class="banner"> -->
|
|
<!-- <h1>Warning.</h1> -->
|
|
<!-- <p>The domain miicord.com will expire the 6th of October, stop using it unless i find a way to pay the domain. Use <a href="https://midou36o.github.io"> midou36o.github.io </a> instead.</p> -->
|
|
<!-- </div> -->
|
|
<div class="center">
|
|
<div class="middle">
|
|
<div class="wrapper">
|
|
<img src="https://avatars.githubusercontent.com/u/45198486?v=4" alt="Midou's profile picture" title="I don't meow and i'm not a furry. But i scream." id="profilepicture" onclick="ComicSans()"/>
|
|
<div class="h1dance"><h1>Midou</h1></div>
|
|
<div class="paragraph-start"><p id="para" style="margin-top: -15px; color:#fff;"><strong>Developer</strong>, Kind of <strong>Artist</strong>, <strong>Sysadmin</strong> (Sort of)</p></div>
|
|
<hr style="width:60%;text-align:center;color:#fff;border-color: #fff">
|
|
<a class="sociallink" href="https://github.com/Midou36o" title="Midou's GitHub"><img style="width: 20px; height: 20px;" src="src/images/github.svg" alt="Midou's GitHub"></a>
|
|
<a class="sociallink" href="https://matrix.to/#/@midou:projectsegfau.lt" title="Midou's Matrix"><img style="width: 20px; height: 20px;" src="src/images/matrix.svg" alt="Midou's Matrix"></a>
|
|
<a class="sociallink" href="mailto:midou@midou.dev" title="Midou's E-Mail"><img style="width: 20px; height: 20px;" src="src/images/email.svg" alt="Midou's E-mail (Project segfault)"></a>
|
|
<a class="sociallink" href="https://github.com/sponsors/Midou36O" title="Donate to Midou."><img style="width: 20px; height: 20px; color:#8b0000" src="src/images/donate.svg" alt="Donate to Midou."></a>
|
|
<!--<hr style="width:10%; height: 100; border: solid 0.5px; color:rgb(73, 81, 88);border-color: rgb(73, 81, 88);">-->
|
|
<!--<div class="bio-and-projects">-->
|
|
<!--<a id="bplink" href="bio-and-projects/bio.html" title="Midou's Bio" style="color:rgb(216, 213, 15);">Bio</a> | <a id="plink" href="bio-and-projects/projects.html" title="Midou's Projects" style="color:rgb(216, 213, 15);">Projects</a>-->
|
|
</div>
|
|
|
|
<br>
|
|
</div>
|
|
<br>
|
|
<script>
|
|
function ComicSans() {
|
|
document.getElementById("content").style.fontFamily = "Comic Sans MS, sans-serif";
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|