Update index.html

This commit is contained in:
Zarcolio
2023-06-29 08:46:46 +02:00
committed by GitHub
parent 90b071fa36
commit af304af8d4
+32 -38
View File
@@ -99,14 +99,15 @@
margin-top: 5px; /* Added margin-top to create space */
}
.fixed-footer {
.fixed-header {
position: fixed;
bottom: 0;
top: 0;
left: 0;
width: 100%;
background-color: white;
padding: 10px;
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 9999;
}
/* Added a class to style the save button */
@@ -114,27 +115,39 @@
font-family: Arial, sans-serif;
font-size: 12px;
}
.container.function {
padding-top: 280px;
}
</style>
</head>
<body>
<div class="container">
<b>Function:</b>
<div class="other">
<button onclick="appendToOutput('F1')">F1</button>
<button onclick="appendToOutput('F2')">F2</button>
<button onclick="appendToOutput('F3')">F3</button>
<button onclick="appendToOutput('F4')">F4</button>
<button onclick="appendToOutput('F5')">F5</button>
<button onclick="appendToOutput('F6')">F6</button>
<button onclick="appendToOutput('F7')">F7</button>
<button onclick="appendToOutput('F8')">F8</button>
<button onclick="appendToOutput('F9')">F9</button>
<button onclick="appendToOutput('F10')">F10</button>
<button onclick="appendToOutput('F11')">F11</button>
<button onclick="appendToOutput('F12')">F12</button>
</div>
<div class="fixed-header">
<b>Output:</b>
<textarea id="output" rows="4" cols="50" placeholder="Your Ducky script will appear here.
You can edit this manually before saving, if needed."></textarea>
<button id="saveButton" class="save-button">Save As...</button>
</div>
<div class="container function">
<b>Function:</b>
<div class="other">
<button onclick="appendToOutput('F1')">F1</button>
<button onclick="appendToOutput('F2')">F2</button>
<button onclick="appendToOutput('F3')">F3</button>
<button onclick="appendToOutput('F4')">F4</button>
<button onclick="appendToOutput('F5')">F5</button>
<button onclick="appendToOutput('F6')">F6</button>
<button onclick="appendToOutput('F7')">F7</button>
<button onclick="appendToOutput('F8')">F8</button>
<button onclick="appendToOutput('F9')">F9</button>
<button onclick="appendToOutput('F10')">F10</button>
<button onclick="appendToOutput('F11')">F11</button>
<button onclick="appendToOutput('F12')">F12</button>
</div>
</div>
<div class="container">
<b>String:</b>
<div class="other">
@@ -217,18 +230,6 @@
<button onclick="appendToOutput('APP')">App</button>
<button onclick="appendToOutput('SYSRQ')">SysRq</button>
</div>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</div>
<div class="container">
@@ -236,13 +237,6 @@
<div class="other"></div>
</div>
<div class="fixed-footer">
<b>Output:</b>
<textarea id="output" rows="4" cols="50" placeholder="Your Ducky script will appear here.
You can edit this manually before saving, if needed."></textarea>
<button id="saveButton" class="save-button">Save As...</button>
</div>
<script>
document.getElementById('createStringButton').addEventListener('click', createString);
document.getElementById('createRemarkButton').addEventListener('click', createRemark);