Update index.html

This commit is contained in:
Zarcolio
2023-06-27 23:00:42 +02:00
committed by GitHub
parent 17c4a4216c
commit b42721fcca
+26 -19
View File
@@ -46,8 +46,8 @@
height: 40px; height: 40px;
font-size: 12px; font-size: 12px;
border: none; border: none;
background-color: #4E9AF1; background-color: #FFB866; /* Light shade of orange */
color: white; color: black; /* Black text */
cursor: pointer; cursor: pointer;
border-radius: 4px; /* Added rounded corners */ border-radius: 4px; /* Added rounded corners */
} }
@@ -66,8 +66,8 @@
#saveButton { #saveButton {
padding: 10px; padding: 10px;
border: none; border: none;
background-color: #4E9AF1; background-color: #FFB866; /* Light shade of orange */
color: white; color: black; /* Black text */
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
border-radius: 4px; /* Added rounded corners */ border-radius: 4px; /* Added rounded corners */
@@ -108,6 +108,12 @@
padding: 10px; padding: 10px;
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
} }
/* Added a class to style the save button */
.save-button {
font-family: Arial, sans-serif;
font-size: 12px;
}
</style> </style>
</head> </head>
<body> <body>
@@ -214,27 +220,28 @@
<button onclick="appendToOutput('SYSRQ')">SysRq</button> <button onclick="appendToOutput('SYSRQ')">SysRq</button>
</div> </div>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </br>
</br> </div>
</div> </div>
<div class="fixed-footer"> <div class="fixed-footer">
<b>Output:</b> <b>Output:</b>
<textarea id="output" rows="4" cols="50" placeholder="Your Ducky script will appear here. <textarea id="output" rows="4" cols="50" placeholder="Your Ducky script will appear here.
You can edit this manually before saving, if needed."></textarea> You can edit this manually before saving, if needed."></textarea>
<button id="saveButton">Save As...</button> <button id="saveButton" class="save-button">Save As...</button>
</div> </div>
<script> <script>