alu/personal-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add research,

Browse Source 
change around how styles are specified for each page's overlay content
This commit is contained in:
Arthur Lu
2025-03-08 23:34:41 +00:00
parent 1e9bcb1bd3
commit 413ac7c7ab
9 changed files with 96 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
about.html
View File

@@ -14,6 +14,7 @@
<h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1> <h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1>
<nav> <nav>
<a aria-label="Projects" href="/index.html">PROJECTS</a> <a 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="Photography" href="/photography.html">PHOTOGRAPHY</a>
<a aria-current="page" aria-label="About Me" href="/about.html">ABOUT ME</a> <a aria-current="page" aria-label="About Me" href="/about.html">ABOUT ME</a>
<a aria-label="Notes" href="/notes.html">CLASS NOTES</a> <a aria-label="Notes" href="/notes.html">CLASS NOTES</a>

7
css/overlay.css
View File

@@ -1,6 +1,5 @@
.overlay-container { .overlay-container {
position: relative; position: relative;
text-align: center;
width: 100%; width: 100%;
} }
@@ -28,11 +27,5 @@
} }
.overlay-container .overlay-content { .overlay-container .overlay-content {
padding-left: 15%;
padding-right: 15%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-decoration: none; text-decoration: none;
} }

14
css/style.css
View File

@@ -8,14 +8,18 @@ h1, h2, h3, h4, h5, h6, p, a, label, button, input, select, td {
body { body {
min-height: 100vh; min-height: 100vh;
max-width: 100vw; width: 100vw;
display: grid; display: grid;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
} }
main { main {
padding-left: 32px; width: calc(max(50%, 1080px));
padding-right: 32px; max-width: 100vw;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
} }
header { header {
@@ -37,8 +41,10 @@ nav {
nav a { nav a {
text-decoration: none; text-decoration: none;
font-size: larger; font-size: larger;
opacity: 0.75;
} }
nav a[aria-current="page"] { nav a[aria-current="page"] {
text-decoration: underline; opacity: 1;
font-weight: bold;
} }

12
index.html
View File

@@ -14,6 +14,15 @@
margin-left: auto; margin-left: auto;
margin-right: 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> </style>
</head> </head>
<body> <body>
@@ -21,6 +30,7 @@
<h1><b><a aria-label="Arthur Lu" href="/" class="site-header">ARTHUR LU</a></b></h1> <h1><b><a aria-label="Arthur Lu" href="/" class="site-header">ARTHUR LU</a></b></h1>
<nav> <nav>
<a aria-current="page" aria-label="Projects" href="/index.html">PROJECTS</a> <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="Photography" href="/photography.html">PHOTOGRAPHY</a>
<a aria-label="About Me" href="/about.html">ABOUT ME</a> <a aria-label="About Me" href="/about.html">ABOUT ME</a>
<a aria-label="Notes" href="/notes.html">CLASS NOTES</a> <a aria-label="Notes" href="/notes.html">CLASS NOTES</a>
@@ -32,7 +42,7 @@
<figcaption class="overlay-mask"> <figcaption class="overlay-mask">
<a href="/projects/proxmoxaas.html" class="overlay-content"> <a href="/projects/proxmoxaas.html" class="overlay-content">
<h2>ProxmoxAAS</h2> <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> </a>
</figcaption> </figcaption>
</figure> </figure>

1
notes.html
View File

@@ -14,6 +14,7 @@
<h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1> <h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1>
<nav> <nav>
<a aria-label="Projects" href="/index.html">PROJECTS</a> <a 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="Photography" href="/photography.html">PHOTOGRAPHY</a>
<a aria-label="About Me" href="/about.html">ABOUT ME</a> <a aria-label="About Me" href="/about.html">ABOUT ME</a>
<a aria-current="page" aria-label="Notes" href="/notes.html">CLASS NOTES</a> <a aria-current="page" aria-label="Notes" href="/notes.html">CLASS NOTES</a>

10
photography.html
View File

@@ -24,6 +24,15 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.gallery .overlay-content {
text-align: center;
padding-left: 15%;
padding-right: 15%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
</style> </style>
</head> </head>
<body> <body>
@@ -31,6 +40,7 @@
<h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1> <h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1>
<nav> <nav>
<a aria-label="Projects" href="/index.html">PROJECTS</a> <a aria-label="Projects" href="/index.html">PROJECTS</a>
<a aria-label="Research" href="/research.html">RESEARCH</a>
<a aria-current="page" aria-label="Photography" href="/photography.html">PHOTOGRAPHY</a> <a aria-current="page" aria-label="Photography" href="/photography.html">PHOTOGRAPHY</a>
<a aria-label="About Me" href="/about.html">ABOUT ME</a> <a aria-label="About Me" href="/about.html">ABOUT ME</a>
<a aria-label="Notes" href="/notes.html">CLASS NOTES</a> <a aria-label="Notes" href="/notes.html">CLASS NOTES</a>

63
research.html Normal file
View File

@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Research - Arthur Lu</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="/css/style.css" type="text/css">
<link rel="stylesheet" href="/css/overlay.css" type="text/css">
<link rel="icon" type="image/x-icon" href="/resources/icon/favicon.svg">
<style>
.overlay-container .overlay-content {
text-align: left;
height: 100%;
display: flex;
flex-direction: column;
justify-content: left;
}
.research p.abstract{
margin-left: 32px;
font-size: medium;
}
</style>
</head>
<body>
<header>
<h1><b><a aria-label="Arthur Lu" href="/" class="site-header">ARTHUR LU</a></b></h1>
<nav>
<a aria-label="Projects" href="/index.html">PROJECTS</a>
<a aria-current="page" 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>
</nav>
</header>
<main>
<div class="overlay-container research">
<a class="overlay-content" href="/research/Lu_Li_PIR_Search_Using_Hyperbolic_Text_Embeddings.pdf">
<h2>PIR Search Using Hyperbolic Text Embeddings</h2>
</a>
<p>
Arthur Lu, Shufan Li
</p>
<p class="abstract">
Private Information retrieval (PIR) schemes such as SimplePIR allow users to privately fetch entries from a public database in an obvious manner. Building on top of PIR, more complex systems such as Coeus and Tiptoe has achieved oblivious document ranking and retrieval. While effective and useful, existing systems only support ranking by cosine similarity of embeddings in euclidean space. Hyperbolic embeddings have recently shown promising results in a wide range of applications such as hierarchical representation and source code search. In this work, we explore the porblem of oblivious document ranking and retrieval based on hyperbolic embeddings. One of the key challenge is the complex, highly-non-linear nature of the hyperbolic distance function, which are to compute naively using existing schemes. To address this problem, we derived an equivalent, simpler surrogate metric which always yield the same ranking as the hyperbolic distance metric, as well as a scheme to compute this metric in an oblivious manner. Experiment results show that the proposed scheme is correct and achieves better performance thanks to multithreaded optimizations and usage of specialized hardwares such as GPUs.
</p>
</div>
<div class="overlay-container research">
<a class="overlay-content" href="/research/Manvattira_etal_Automated_Grammar_Generation_Using_LLMs.pdf">
<h2>Automated Grammar Generation Using LLMs</h2>
</a>
<p>
Aman Ganapathy Manvattira, Annaelle Baiget, Arthur Lu, Emmett Cocke, Krish Patel, James Shiffer
</p>
<p class="abstract">
Large language models (LLMs) have a high potential for processing highly structured text inputs to generate grammar representations. Leveraging LLMs in generating grammar would reduce the time spent and effort required to create a grammar for fuzzing, unit testing, and input validation. In this project, we create a system that handles grammar creation using automated feedback and human feedback. We develop a pipeline for assisted generation of grammar on unseen domains. We show the potential for LLMs to generate complex grammars which can be used for many software testing applications and reflect on its limitations with complex unseen domains.
</p>
</div>
</main>
<footer>
</footer>
</body>
</html>

BIN
research/Lu_Li_PIR_Search_Using_Hyperbolic_Text_Embeddings.pdf Normal file
View File

Binary file not shown.

BIN
research/Manvattira_etal_Automated_Grammar_Generation_Using_LLMs.pdf Normal file
View File

Binary file not shown.