andy/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
andy
2026-08-08 18:21:12 +00:00
commit 4b36b9a68e
13 changed files with 655 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Eisenberg_CV.pdf
BIN
View File
Binary file not shown.
headshot_circle_crop.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

index.html
+59
View File
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Andy Eisenberg - Temple University</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="headshot_circle_crop.png">
</head>
<body>
<input type="checkbox" id="dark-mode-toggle" hidden>
<label for="dark-mode-toggle" id="theme-switch" aria-label="Toggle dark mode">
<svg class="sun-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="5" fill="currentColor" />
<path
d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
<svg class="moon-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" fill="currentColor" />
</svg>
</label>
<nav id="main-nav">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#teaching">Teaching</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#cv">CV</a></li>
<!-- <li><a href="#projects">Projects</a></li> -->
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<main id="page-content"></main>
<footer>
<p>&copy; 2026 Andy Eisenberg.</p>
</footer>
<script>
(function () {
var toggle = document.getElementById("dark-mode-toggle");
var saved = localStorage.getItem("dark-mode");
if (saved === "true") {
document.body.classList.add("dark-mode");
toggle.checked = true;
}
toggle.addEventListener("change", function () {
document.body.classList.toggle("dark-mode", this.checked);
localStorage.setItem("dark-mode", this.checked);
});
})();
</script>
<script src="scripts/assemble.js"></script>
</body>
</html>
projects/project-template.html
+58
View File
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Name - Andy Eisenberg</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<input type="checkbox" id="dark-mode-toggle" hidden>
<label for="dark-mode-toggle" id="theme-switch" aria-label="Toggle dark mode">
<svg class="sun-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="5" fill="currentColor"/>
<path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<svg class="moon-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" fill="currentColor"/>
</svg>
</label>
<nav id="main-nav">
<ul>
<li><a href="../index.html">Andy Eisenberg</a></li>
</ul>
</nav>
<main>
<section>
<h2>Add Project Title Here</h2>
<p>Add your project description here. You can include details about what the project does, why it matters, and any links (arXiv, download, GitHub, etc.).</p>
<h3>Details</h3>
<p>Add subsections as needed. This template supports all the same heading and paragraph styles as the main site.</p>
<h3>Links</h3>
<ul class="link-list">
<li><a href="https://arxiv.org/abs/XXXX.XXXXX">arXiv link</a></li>
<li><a href="package.zip">Download</a></li>
</ul>
</section>
</main>
<script>
(function() {
var toggle = document.getElementById("dark-mode-toggle");
var saved = localStorage.getItem("dark-mode");
if (saved === "true") {
document.body.classList.add("dark-mode");
toggle.checked = true;
}
toggle.addEventListener("change", function() {
document.body.classList.toggle("dark-mode", this.checked);
localStorage.setItem("dark-mode", this.checked);
});
})();
</script>
</body>
</html>
scripts/assemble.js
+37
View File
@@ -0,0 +1,37 @@
// Assembles section HTML files into the page.
// Each section is a separate file for easy editing.
const sections = [
"sections/header.html",
"sections/about.html",
"sections/teaching.html",
"sections/research.html",
"sections/cv.html",
// "sections/projects.html",
"sections/contact.html",
];
async function loadSections() {
const container = document.getElementById("page-content");
let html = "";
for (const section of sections) {
try {
const response = await fetch(section);
if (response.ok) {
const text = await response.text();
html += text;
} else {
console.warn(`Could not load section: ${section}`);
html += `<section><p>Error loading section: ${section}</p></section>`;
}
} catch (err) {
console.warn(`Failed to load section: ${section}`, err);
html += `<section><p>Failed to load section: ${section}</p></section>`;
}
}
container.innerHTML = html;
}
loadSections();
sections/about.html
+5
View File
@@ -0,0 +1,5 @@
<section id="about">
<h2>About</h2>
<p>My name is Andy Eisenberg. I'm currently an Assistant Professor of Instruction at Temple University. I completed
my PhD at Tufts University, working under Kim Ruane.</p>
</section>
sections/contact.html
+20
View File
@@ -0,0 +1,20 @@
<section id="contact">
<h2>Contact</h2>
<div class="contact-grid">
<div class="contact-item">
<span class="label">Email</span>
<a href="mailto:andy.eisenberg@temple.edu">andy.eisenberg@temple.edu</a>
</div>
<div class="contact-item">
<span class="label">Department</span>
<span>Department of Mathematics, Temple University</span>
</div>
<div class="contact-item">
<span class="label">Location</span>
<span>Wachman Hall</span>
</div>
</div>
</section>
sections/cv.html
+7
View File
@@ -0,0 +1,7 @@
<section id="cv">
<h2>Curriculum Vitae</h2>
<ul class="link-list">
<li><a href="Eisenberg_CV.pdf" download>CV (PDF)</a></li>
</ul>
</section>
sections/header.html
+6
View File
@@ -0,0 +1,6 @@
<section class="hero">
<img src="headshot_circle_crop.png" alt="Andy Eisenberg" class="headshot">
<h1>Andy Eisenberg</h1>
<p class="subtitle">Assistant Professor of Instruction</p>
<p class="institution">Temple University</p>
</section>
sections/projects.html
+12
View File
@@ -0,0 +1,12 @@
<section id="projects">
<h2>Projects</h2>
<p>Links to projects, packages, and other work I've done:</p>
<div class="project-list">
<div class="project-card">
<h3>Add Project Title</h3>
<p>Brief description of the project, what it does, and what it's useful for.</p>
<a href="projects/project-name.html">Learn more &rarr;</a>
</div>
</div>
</section>
sections/research.html
+39
View File
@@ -0,0 +1,39 @@
<section id="research">
<h2>Research</h2>
<p>My research is in geometric group theory, with interests in right-angled Coxeter groups and rewriting systems.</p>
<h3>Selected Publications</h3>
<div class="publication-entry">
<p class="title">Gilman's Conjecture</p>
<p class="description">Joint with Adam Piggott. We resolve a conjecture made by Robert Gilman in 1984, showing
that any group presented by a finite, monadic, confluent rewriting system must be a plain group.</p>
<p class="venue">J. Algebra 517 (2019), 167--185.</p>
<p class="links">
<a href="https://arxiv.org/abs/1806.06155">arXiv</a>
</p>
</div>
<div class="publication-entry">
<p class="title">CAT(0) Extensions of Right-Angled Coxeter Groups</p>
<p class="description">Joint with Charlie Cunningham, Adam Piggott, and Kim Ruane. We show that any split
extension of a right-angled Coxeter group by a generating automorphism of finite order acts faithfully and
geometrically on a CAT(0) metric space.</p>
<p class="venue">Topol. Proc., 48 (2016), 277-287.</p>
<p class="links">
<a href="https://arxiv.org/abs/1508.05403">arXiv</a>
</p>
</div>
<div class="publication-entry">
<p class="title">Recognizing Right-Angled Coxeter Groups Using Involutions</p>
<p class="description">Joint with Charlie Cunningham, Adam Piggott, and Kim Ruane. We discuss a new method for
constructing candidate right-angled Coxeter presentations for a given group, and we apply this method to
some first examples.</p>
<p class="venue">Pacific J. Math. 248 (2016), no. 1, 41-77.</p>
<p class="links">
<a href="https://arxiv.org/abs/1410.4589">arXiv</a>
</p>
</div>
</section>
sections/teaching.html
+26
View File
@@ -0,0 +1,26 @@
<section id="teaching">
<h2>Teaching</h2>
<!-- <p>Add a brief statement about your teaching philosophy, interests, or approach here.</p> -->
<h3>Courses</h3>
<p>Any given course numbers below reflect Temple University course numbering.</p>
<ul class="link-list">
<li>MATH 1041 — Calculus I </li>
<li>MATH 1042 — Calculus II </li>
<li>MATH 1044 — Introduction to Probability and Statistics for the Life Sciences </li>
<li>MATH 2041 — Differential Equations </li>
<li>MATH 2043 — Calculus III </li>
<li>MATH 2101 — Linear Algebra </li>
<li>MATH 2111 — Basic Concepts of Math </li>
<li>MATH 2941 — Honors Differential Equations </li>
<li>MATH 3031 — Probability Theory </li>
<li>Discrete Mathematics</li>
<li>Finite Mathematics</li>
</ul>
<!-- <h3>Course Materials</h3>
<p>If you make course materials available online, add links here:</p>
<ul class="link-list">
<li><a href="#">Course page URL</a></li>
</ul> -->
</section>
style.css
+386
View File
@@ -0,0 +1,386 @@
/* ===== CSS Custom Properties ===== */
:root {
--bg: #fafafa;
--bg-secondary: #f0f0f0;
--text: #1a1a1a;
--text-secondary: #555;
--accent: #2c5282;
--accent-hover: #1a365d;
--border: #ddd;
--nav-bg: rgba(250, 250, 250, 0.95);
--shadow: rgba(0, 0, 0, 0.08);
--code-bg: #f5f5f5;
--max-width: 820px;
}
/* Dark mode via checkbox hack — no JS */
#dark-mode-toggle:checked ~ label ~ * {
/* We can't easily do sibling traversal into child elements,
so we use a JS-free class toggle approach instead. */
}
/* ===== Reset & Base ===== */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 3rem;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.7;
color: var(--text);
background: var(--bg);
}
/* ===== Theme Switch ===== */
#theme-switch {
position: fixed;
top: 1rem;
right: 1rem;
z-index: 1000;
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid var(--border);
background: var(--bg);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s, border-color 0.3s;
color: var(--text-secondary);
}
#theme-switch:hover {
border-color: var(--accent);
color: var(--accent);
}
#theme-switch .sun-icon { display: none; }
#theme-switch .moon-icon { display: block; }
/* Dark mode: JS will toggle this class */
body.dark-mode #theme-switch .sun-icon { display: block; }
body.dark-mode #theme-switch .moon-icon { display: none; }
/* ===== Navigation ===== */
#main-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
background: var(--nav-bg);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border);
padding: 0.75rem 0;
}
#main-nav ul {
display: flex;
justify-content: center;
gap: 0.5rem 1.5rem;
list-style: none;
max-width: var(--max-width);
margin: 0 auto;
padding: 0 1.5rem;
flex-wrap: wrap;
}
#main-nav a {
text-decoration: none;
color: var(--text-secondary);
font-size: 0.85rem;
font-weight: 500;
letter-spacing: 0.03em;
text-transform: uppercase;
padding: 0.25rem 0;
transition: color 0.2s;
border-bottom: 2px solid transparent;
}
#main-nav a:hover {
color: var(--accent);
border-bottom-color: var(--accent);
}
/* ===== Main Content ===== */
#page-content {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 1.5rem;
}
/* ===== Section Styling ===== */
section {
padding: 5rem 0;
border-bottom: 1px solid var(--border);
}
section:last-child {
border-bottom: none;
}
section h1,
section h2,
section h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 400;
line-height: 1.3;
}
section h2 {
font-size: 1.8rem;
margin-bottom: 1.5rem;
color: var(--text);
}
section h3 {
font-size: 1.2rem;
margin-bottom: 0.75rem;
margin-top: 1.5rem;
color: var(--text);
}
section p {
margin-bottom: 1rem;
color: var(--text-secondary);
}
section a {
color: var(--accent);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.2s;
}
section a:hover {
border-bottom-color: var(--accent);
}
/* ===== Hero Section ===== */
#page-content > section.hero {
padding: 7rem 0 4rem;
border-bottom: none;
text-align: center;
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
color: var(--text);
}
.hero .subtitle {
font-size: 1.1rem;
color: var(--text-secondary);
margin-bottom: 0.25rem;
}
.hero .institution {
font-size: 1rem;
color: var(--accent);
font-weight: 500;
}
.hero img.headshot {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
margin: 1.5rem 0;
border: 3px solid var(--border);
}
/* ===== Project Cards ===== */
.project-list {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.project-card {
padding: 1.25rem;
background: var(--bg-secondary);
border-radius: 6px;
border: 1px solid var(--border);
transition: box-shadow 0.2s, border-color 0.2s;
}
.project-card:hover {
border-color: var(--accent);
box-shadow: 0 2px 12px var(--shadow);
}
.project-card h3 {
margin-top: 0;
margin-bottom: 0.5rem;
}
.project-card p {
margin-bottom: 0;
font-size: 0.95rem;
}
.project-card a {
display: inline-block;
margin-top: 0.75rem;
font-size: 0.9rem;
font-weight: 500;
}
/* ===== Links List ===== */
.link-list {
list-style: none;
padding: 0;
}
.link-list li {
margin-bottom: 0.75rem;
padding-left: 1rem;
position: relative;
color: var(--text-secondary);
}
.link-list li::before {
content: "\00B7";
position: absolute;
left: 0;
color: var(--accent);
}
.link-list a {
color: var(--accent);
}
/* ===== Publication Entries ===== */
.publication-entry {
margin-bottom: 1.25rem;
padding-left: 1rem;
border-left: 3px solid var(--border);
}
.publication-entry:hover {
border-left-color: var(--accent);
}
.publication-entry .title {
font-weight: 500;
color: var(--text);
}
.publication-entry .description {
font-weight: 100;
color: var(--text);
}
.publication-entry .venue {
color: var(--text-secondary);
font-style: italic;
}
.publication-entry .links {
margin-top: 0.25rem;
font-size: 0.9rem;
}
/* ===== Contact Section ===== */
.contact-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
.contact-item {
display: flex;
flex-direction: column;
}
.contact-item .label {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-secondary);
margin-bottom: 0.25rem;
}
.contact-item a,
.contact-item span {
color: var(--text);
}
/* ===== Footer ===== */
footer {
text-align: center;
padding: 2rem 0;
color: var(--text-secondary);
font-size: 0.85rem;
border-top: 1px solid var(--border);
}
/* ===== Dark Mode Styles ===== */
body.dark-mode {
--bg: #1a1a2e;
--bg-secondary: #16213e;
--text: #e0e0e0;
--text-secondary: #a0a0a0;
--accent: #63b3ed;
--accent-hover: #90cdf4;
--border: #2d3748;
--nav-bg: rgba(26, 26, 46, 0.95);
--shadow: rgba(0, 0, 0, 0.3);
--code-bg: #16213e;
}
body.dark-mode #main-nav {
border-bottom-color: var(--border);
}
body.dark-mode .project-card {
border-color: var(--border);
}
body.dark-mode .publication-entry {
border-left-color: var(--border);
}
body.dark-mode section a {
color: var(--accent);
}
body.dark-mode section a:hover {
border-bottom-color: var(--accent);
}
body.dark-mode #theme-switch {
background: var(--bg-secondary);
border-color: var(--border);
color: var(--text-secondary);
}
/* ===== Responsive ===== */
@media (max-width: 600px) {
.hero h1 {
font-size: 1.8rem;
}
section h2 {
font-size: 1.4rem;
}
#main-nav ul {
gap: 0.25rem 0.75rem;
}
#main-nav a {
font-size: 0.75rem;
}
}