This commit is contained in:
chris 2022-03-02 09:15:51 -05:00
parent 023546eeaf
commit e9cde19e66
3 changed files with 19 additions and 5 deletions

View File

@ -30,6 +30,7 @@ var sites = [
["/MTG/", "MTG"],
["/youtube_convert/", "Youtube Converter"],
["/binary/", "Binary Converter"],
["/nato/", "NATO Phonetic Alphabet"],
["/rollDice", "Dice"],
["/be_mine/", "Be Mine!"],
["/media/Movies", "Movies"],

View File

@ -6,13 +6,19 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Phonetic Alphabet Converter</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css" href="/menu/menu.css" />
</head>
<body>
<nav>
<div id="nav_menu">
</nav>
<main>
<h1>Nato Phonetic Alphabet</h1>
<input id="input" autocomplete="off" autofocus="autofocus" maxlength="100" type="text">
<input id="input" autocomplete="off" autofocus="autofocus" maxlength="100" type="text" onkeyup="convert()">
<div class="button">
<button onclick="convert()">Submit</button>
<button onclick="clearInput()">Clear Input</button>
</div>
<div id="output"></div>
@ -20,5 +26,6 @@
</main>
<script src="index.js"></script>
<script src="/menu/menu.js"></script>
</body>
</html>

View File

@ -6,7 +6,7 @@
}
body{
background-color: black;
background-color:#2d2e2e;
}
h1{
text-align: center;
@ -25,7 +25,11 @@ h1{
flex-direction: column;
}
button{
font-size: 25px; margin: 3%;
font-size: 35px; margin: 3%;
background-color:cornflowerblue;
border-radius: 15px;
color: white;
padding: 5px;
}
#output{
background-color: cornflowerblue;
@ -34,5 +38,7 @@ font-size: 25px; margin: 3%;
margin: auto;
color: white;
padding: 12px;
border-radius: 10%;
border-radius: 15px;
font-size: 3rem;
box-shadow:grey;
}