Name styling

This commit is contained in:
Elizabeth Cray 2023-10-06 20:25:08 -04:00
parent 7c811a546e
commit 9f598542a1
4 changed files with 16 additions and 6 deletions

Binary file not shown.

View File

@ -21,15 +21,13 @@
echo getHello(); echo getHello();
?> ?>
</span> </span>
<span id="resizer"> <span id="resizer" class="name">
Fellow Townie
</span> </span>
<div class="message">
Setup an account SSH key
</div>
</div> </div>
<div class="row button"> <div class="row button">
<button class="col keyButton" onclick="generateSSH()">Generate</button> <button class="col keyButton" onclick="generateSSH()">Generate Keypair</button>
<button class="col keyButton" onclick="uploadSSH()">Upload</button> <button class="col keyButton" onclick="uploadSSH()">Upload Pubkey</button>
<button class="col keyButton debug" onclick="testSwal()">Test Popup</button> <button class="col keyButton debug" onclick="testSwal()">Test Popup</button>
<form id="uploadForm" enctype="multipart/form-data"> <form id="uploadForm" enctype="multipart/form-data">
<input id="keyfile" type="file" style="display: none;"/> <input id="keyfile" type="file" style="display: none;"/>

View File

@ -9,6 +9,7 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/jszip@3.9.1/dist/jszip.min.js" integrity="sha256-aSPPIlJfSHQ5T7wunbPcp7tM0rlq5dHoUGeN8O5odMg=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/jszip@3.9.1/dist/jszip.min.js" integrity="sha256-aSPPIlJfSHQ5T7wunbPcp7tM0rlq5dHoUGeN8O5odMg=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js" crossorigin="anonymous"></script>
<script src="https://livejs.com/live.js" crossorigin="anonymous"></script>
<script src="/fittext.js"></script> <script src="/fittext.js"></script>
<!-- Stylesheets --> <!-- Stylesheets -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

View File

@ -8,6 +8,11 @@
src: url("/Assets/Fonts/C64-Rounded.ttf") format("truetype"); src: url("/Assets/Fonts/C64-Rounded.ttf") format("truetype");
} }
@font-face {
font-family: Space;
src: url("/Assets/Fonts/SpaceGrotesk.ttf") format("truetype");
}
body { body {
background-color: black; background-color: black;
background-image: url("/Assets/wallpaper4k.png"); background-image: url("/Assets/wallpaper4k.png");
@ -200,3 +205,9 @@ input:checked+.slider:before {
.slider.round:before { .slider.round:before {
border-radius: 50%; border-radius: 50%;
} }
.name {
font-family: Space, Courier, monospace;
white-space: nowrap;
font-size: 2vw;
}