69 lines
1.3 KiB
Vue
69 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div class="page">
|
||
|
|
<section class="card hero glass">
|
||
|
|
<div>
|
||
|
|
<p class="eyebrow">Atlas</p>
|
||
|
|
<h1>Request Access</h1>
|
||
|
|
<p class="lede">Self-serve signups are not enabled yet. Request access and an admin can approve your account.</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="card module">
|
||
|
|
<h2>Not live yet</h2>
|
||
|
|
<p class="muted">
|
||
|
|
This flow is being wired into Keycloak approvals. For now, email <span class="mono">brad@bstein.dev</span> with the
|
||
|
|
username you want and a short note about what you need access to.
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.page {
|
||
|
|
max-width: 960px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 32px 22px 72px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hero {
|
||
|
|
display: flex;
|
||
|
|
align-items: flex-start;
|
||
|
|
justify-content: space-between;
|
||
|
|
gap: 18px;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.eyebrow {
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: 0.08em;
|
||
|
|
color: var(--text-muted);
|
||
|
|
margin: 0 0 6px;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
margin: 0 0 6px;
|
||
|
|
font-size: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lede {
|
||
|
|
margin: 0;
|
||
|
|
color: var(--text-muted);
|
||
|
|
max-width: 640px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.module {
|
||
|
|
padding: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.muted {
|
||
|
|
color: var(--text-muted);
|
||
|
|
margin: 10px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mono {
|
||
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|