<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Delta Sigma Psi SL</title>
<style>
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: black;
color: white;
text-align: center;
}
.hero {
height: 100vh;
background: url("deltasigmapsi-bg.jpg") no-repeat center center;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 60px;
}
.buttons {
display: flex;
gap: 20px;
margin-top: 25px;
}
a.button {
text-decoration: none;
padding: 14px 26px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.4);
background: rgba(0,0,0,0.55);
color: white;
font-size: 16px;
transition: 0.3s;
}
a.button:hover {
background: rgba(255,255,255,0.15);
transform: scale(1.05);
}
.footer {
font-size: 13px;
opacity: 0.75;
margin-top: 25px;
}
</style>
</head>
<body>
<div class="hero">
<div class="buttons">
<a class="button" href="mailto:contact@deltasigmapsi.com">
Contact
</a>
<a class="button" href="https://github.com/iguerreros-sys" target="_blank">
Projects
</a>
<a class="button" href="#" onclick="alert('Research currently under embargo until formal publication.')">
Embargo Notice
</a>
</div>
<div class="footer">
Current research is under embargo until formal publication.
</div>
</div>
</body>
</html>