add research,

change around how styles are specified for each page's overlay content
This commit is contained in:
2025-03-08 23:34:41 +00:00
parent 1e9bcb1bd3
commit 413ac7c7ab
9 changed files with 96 additions and 12 deletions

View File

@@ -14,6 +14,15 @@
margin-left: auto;
margin-right: auto;
}
.project .overlay-content {
text-align: center;
padding-left: 15%;
padding-right: 15%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
</style>
</head>
<body>
@@ -21,6 +30,7 @@
<h1><b><a aria-label="Arthur Lu" href="/" class="site-header">ARTHUR LU</a></b></h1>
<nav>
<a aria-current="page" aria-label="Projects" href="/index.html">PROJECTS</a>
<a aria-label="Research" href="/research.html">RESEARCH</a>
<a aria-label="Photography" href="/photography.html">PHOTOGRAPHY</a>
<a aria-label="About Me" href="/about.html">ABOUT ME</a>
<a aria-label="Notes" href="/notes.html">CLASS NOTES</a>
@@ -32,7 +42,7 @@
<figcaption class="overlay-mask">
<a href="/projects/proxmoxaas.html" class="overlay-content">
<h2>ProxmoxAAS</h2>
<p>User self-managed VPS platform based on Proxmox hypervisor.</p>
<p>Open source self-managed VPS platform based on Proxmox hypervisor.</p>
</a>
</figcaption>
</figure>