My personal website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

109 lines
3.2 KiB

<html>
<head>
<title>mat~</title>
<meta charset="utf-8" />
<meta name="description" content="Epic Site." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body
{
margin-top: 10%;
margin-bottom: 10%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: 800px;
font-family: monospace;
font-size: 16px;
}
div#content
{
max-width: 700px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
left: 0;
right: 0;
text-align: left;
}
img
{
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
img.icon
{
float: left;
margin: 16px;
}
pre
{
font-size: 12px;
margin: 8px;
padding: 8px;
background-color: lightgrey;
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.dropdown
{
width: max-content;
}
/* Drop down */
.dropdown:hover .dropdown-content
{
display: block;
}
.dropdown-content
{
display: none;
font-size: 18px;
width: 225px;
}
</style>
</head>
<body>
<header>
<img class="icon" src="/assets/pfp.small.png" />
<h1>mat~</h1>
<h3 style="font-weight: normal"><i>pls have virtual coffee uwu *gib*</i></h3>
</header>
<nav>
<a href="/">Home</a>
<a href="/a.html">About me...</a>
<a href="/b.html">My blog!</a>
<a href="/r.html">My laptop rice</a>
<a href="/changes.html">Changelog</a>
<a href="/vicera/">VICERA</a>
<a href="https://wiki.cutebunni.es">Wiki</a>
<a href="https://git.cutebunni.es">Git</a>
<a href="https://lgbt.io/@matthilde">Mastodon</a>
<a href="https://unix.lgbt">unix.lgbt</a>
<nav>
<!-- <h3 style="font-weight: normal">[ <a href="/">Home</a> | <a href="/a.html">About</a> | <a href="/b.html">Blog</a> | <a href="/r.html">Rice</a> | <a href="/p.html">Portfolio</a> | <a href="/vicera">VICERA</a> ]</p></h4> -->
<main>