chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix nato

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
menu/menu.js
View File

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

11
nato/index.html
View File

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

12
nato/style.css
View File

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