120 lines
3.3 KiB
HTML
120 lines
3.3 KiB
HTML
<!--This is used for more detailed information-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Details</title>
|
|
<link rel=stylesheet href=css/style.css>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="wrap">
|
|
|
|
<div id="header">
|
|
<a href="index.html">
|
|
<img src=images/header.png alt="header">
|
|
</a>
|
|
</div>
|
|
<div id="navigation">
|
|
<ul>
|
|
<li>
|
|
<a href="details.html">
|
|
<p class="nav">
|
|
details
|
|
</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">
|
|
<p class="nav">
|
|
shop
|
|
</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="downloads.html">
|
|
<p class="nav">
|
|
downloads
|
|
</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="content">
|
|
<h1>Details</h1>
|
|
<h2>Sizes</h2>
|
|
<p>There are several sizes of keyboard, defined by the number of keys.</p>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<h3>40%</h3>
|
|
<p>A 40% Keyboard only has Keys for lettering, such as letters and a shift and backspace
|
|
as well as a backspace and a Tab.</p>
|
|
<img src="images/fourty.jpg" alt="a fourty percent keyboard"
|
|
style="width:139px;height:45px;" align="center">
|
|
<br>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h3>60%</h3>
|
|
<p>Probably the most common size in the custom keyboard Industry.
|
|
Has the same keys as a 40% as well as numbers and certain others.</p>
|
|
<img src="images/sixty.jpg" alt="a sixty percent keyboard"
|
|
style="width:132px;height:51px;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h3>65%</h3>
|
|
<p>My favourite size, because of the extra arrow keys. It also has three additional keys.
|
|
These are most commonly Delete, Page Up and Page Down.</p>
|
|
<img src="images/keyboard.jpg" alt="a sixty percent keyboard"
|
|
style="width:131px;height:44px;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h3>75%/TKL</h3>
|
|
<p>A "normal" keyboard, just without the numpad. TKL stands for TenKeyLess.</p>
|
|
<img src="images/seventyfive.jpg" alt="a seventyfive percent keyboard"
|
|
style="width:150px;height:58px;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h3>95%/100%/full size</h3>
|
|
<p>Has the keys of the keyboard you are probably using, if you have a mainstream Keyboard.</p>
|
|
<img src="images/hundred.jpg" alt="a full size keyboard" style="width:128px;height:44px;">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<br>
|
|
<h2>Lube</h2>
|
|
<p>Lube is used to significantly silent switches. I've included some typing sounds under here.</p>
|
|
<h4>Unlubed Cherry MX Red switches</h4>
|
|
<!--Here is the audio tag as seen in index.html-->
|
|
<audio controls>
|
|
<source src="sounds/redunlubed.mp3" type="audio/mpeg">
|
|
</audio>
|
|
<h4>Lubed Cherry MX Red switches</h4>
|
|
<audio controls>
|
|
<source src="sounds/redlubed.mp3" type="audio/mpeg">
|
|
</audio>
|
|
<h4>Overlubed Gateron Black Ink Switches</h4>
|
|
<audio controls>
|
|
<source src="sounds/overlubed.mp3" type="audio/mpeg">
|
|
</audio>
|
|
</div>
|
|
<div id="sidebar">
|
|
</div>
|
|
<div id="footer">
|
|
<a href="contact.html" title="Contact">Contact</a>
|
|
<a href="legal_notice.html" title="Legal Notice">Legal Notice</a>
|
|
<a href="privacy_policy.html" title="Privacy Policy">Privacy Policy</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |