<html>
<head>
<title>Welcome to nginx!</title>
-<link rel="stylesheet" type="text/css" href="styles.css?v=1.14">
+<link rel="stylesheet" type="text/css" href="styles.css?v=1.15">
+<link rel="icon" href="profile-funny.png">
</head>
<body>
-<main class="vcard-parent">
- <h1 class="vcard-header">Misomosispi's Home Page!</h1>
+<main class="lib-parent">
+ <h1 class="lib-header">Misomosispi's Home Page!</h1>
+ <img class="lib-icon" src="profile.png">
<nav>
- <ul class="vcard-list">
+ <ul class="lib-list">
<li><a href="https://github.com/tf2spi"><button>
<h3>GitHub</h3>
<p>My main GitHub where I do all sorts of whacky things</p>
margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
-.vcard-parent {
+.lib-parent {
align-items: center;
height: 100vh;
}
-.vcard-header {
+.lib-header {
text-align: center;
}
-.vcard-list {
+.lib-icon {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 50%;
+ background-color: #eee;
+}
+.lib-list {
display: flex;
flex-direction: column;
align-items: center;
list-style: none;
gap: 20px;
}
-.vcard-list > li > a > button {
+.lib-list > li > a > button {
width: 400px;
height: 100px;
padding: 20px;