116 lines
3.5 KiB
HTML
116 lines
3.5 KiB
HTML
<!--This is my index Page. I listed some interesting information about custom keyboards here.
|
|
This is actually my second website made for this course, the first one being about my favorite anime.
|
|
I wasn't happy with the results, so i made this one. It is inspired by n-o-d-e.net.
|
|
This was written in englsih because when I write code I am in English mode, because the words
|
|
in the code are in english(background, title etc.)-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Custom Keyboards</title>
|
|
<link rel=stylesheet href=css/style.css>
|
|
<style>
|
|
body {
|
|
background: #000000 url(images/background.jpg) no-repeat fixed center center;
|
|
}
|
|
<!--The Background image-->
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="wrap">
|
|
|
|
<div id="header">
|
|
<a href="index.html">
|
|
<img src=images/header.png>
|
|
</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>Custom Keyboards</h1>
|
|
<p>The hobby of building a custom keyboard is massively gaining popularity at the moment.
|
|
<br>
|
|
To Build a Custom Keyboard you need 5 parts.
|
|
</p>
|
|
<ol>
|
|
<li>
|
|
<h3>Case</h3>
|
|
<p>The Case is basically just the Housing of the Keyboard.
|
|
All the Parts get screwed into it, so that they get held in place.</p>
|
|
</li>
|
|
<li>
|
|
<h3>PCB</h3>
|
|
<p>The PCB is basically just the Motherboard of the Keyboard.
|
|
You can either solder or just place the switches in,
|
|
depending of which type of PCB you have.</p>
|
|
</li>
|
|
<li>
|
|
<h3>Switches</h3>
|
|
<p>The switches are the actuators of the typing. They send a signal through
|
|
the PCB, which sends it over the Cable to the PC.</p>
|
|
</li>
|
|
<li>
|
|
<h3>Plate</h3>
|
|
<p>The Plate is inbetween the Switches and the PCB. The Stabilisers,
|
|
which stabilize the longer keycaps are also mounted on the Plate.</p>
|
|
</li>
|
|
<li>
|
|
<h3>Keycaps</h3>
|
|
<p>The Keycaps are placed on the switches, so you can actually type.
|
|
They come in different colors and sizes.
|
|
There are also Printed Keycaps and blank ones.</p>
|
|
</li>
|
|
</ol>
|
|
<img class="dotted" src="images/keyboard.jpg">
|
|
<h3>Here you can see a Keyboard Timelapse Build</h3>
|
|
<!--Here I embedded a Youtube Video with the code Youtube gave me. It also has Privacy Mode enabled, because i know IT people care about their privacy.-->
|
|
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/8yvk7KDMx8A"
|
|
frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowfullscreen></iframe>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<!--This is my favorite song. I used the autoplay tag to play it when you open the page-->
|
|
<audio controls autoplay>
|
|
<source src="sounds/welcome.mp3" type="audio/mpeg">
|
|
</audio>
|
|
<h5>Background image</h5>
|
|
<p>A Rose Gold Kyuu built for Lilypichu by the Youtuber and Streamer Taeha Types.</p>
|
|
</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> |