-
Notifications
You must be signed in to change notification settings - Fork 0
/
deck.html
213 lines (213 loc) · 8.92 KB
/
deck.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" href="general.css">
<link rel="stylesheet" href="navigation.css">
<link rel="stylesheet" href="img-grd.css">
<link rel="stylesheet" href="matrix.css">
<link rel="stylesheet" href="lightbox.min.css">
<title>CYBERDECKS</title>
</head>
<body>
<section class="main-section">
<div class="hero">
<video autoplay loop muted plays-inline class="back-video">
<source src="/images/production ID_4990242.mp4"
type="video/mp4">
</video>
<div class="container">
<nav class="nav-bar">
<div class="toggle-menu">
<div class="line line1"></div>
<div class="line line2"></div>
<div class="line line3"></div>
</div>
<ul class="nav-list">
<img class="logo" src="/images/LOGO.png">
<li class="nav-list-item">
<a href="#" class="nav-link">HOME</a></li>
<li class="nav-list-item">
<a href="#" class="nav-link">DECKS</a></li>
<li class="nav-list-item">
<a href="#" class="nav-link">PROJECTS</a></li>
<li class="nav-list-item">
<a href="#" class="nav-link">ABOUT</a></li>
<li class="nav-list-item">
<a href="#" class="nav-link">CONTACT</a>
</li>
</ul>
</nav>
</div>
</div>
</section>
<div class="grid-master">
<div class="img-info">
<div>
<a href="/deck/5xg79o2flaq41.jpg"
data-lightbox="mygallery"
data-title="Cybedeck">
<img class="pictures"
src="/deck/5xg79o2flaq41.jpg"></a></div>
<h3 class="caption">My cyberdeck - Weyland Corp. Edition</h3>
<p class="cap-info">Pi4<br>
► 7" Touchscreen<br>
► 5x Gigabit switch<br>
► 20000 mah battery<br>
► RTC<br>
► 4 Watt Class-D amp<br>
► military grade water proof case - Pelican 1300 - *still not finished*<br>
► (keyboard will be replaced)</p>
</div>
<div class="img-info">
<div>
<a href="/deck/9vauv3xrpvm61.webp"
data-lightbox="mygallery"
data-title="Cybedeck">
<img class="pictures"
src="/deck/9vauv3xrpvm61.webp"></a></div>
<h3 class="caption">Compact Pi Based Cyberdeck with Mechanical Keyboard</h3>
<p class="cap-info">This is my Raspberry Pi Zero based cyberdeck with hand-wired ortholinear mechanical keyboard.<br>
► Laser cut steel frame with attached 3d printed panels<br>
► Handwired keyboard running QMK<br>
► 7 inch LCD panel with adjustable angle<br>
► Integrated USB hub<br>
► Lipo battery with charging circuit<br>
► Kailh red low-profile switches with MBK profile caps<br>
► Measures:210x200x23 mm (8.5x8x7/8 inches)777 grams (27 oz)</p>
</div>
<div class="img-info">
<div>
<a href="/deck/dktlz7qztav71.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/dktlz7qztav71.jpg"></a></div>
<h3 class="caption">My “VirtuScope” cyberdeck</h3>
<p class="cap-info">pi 4<br>
► 8gb ram<br>
► 7-inch 1024x600 lcd<br>
► wireless 60% keyboard</p>
</div>
<div class="img-info">
<div>
<a href="/deck/eeiz5e1j4hq71.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/eeiz5e1j4hq71.jpg"></a></div>
<h3 class="caption">Raspberry pi deck I put together</h3>
<p class="cap-info">Pi 4<br>
► 8.8-inch bar display<br>
► custom made keyboard</p>
</div>
<div class="img-info">
<div>
<a href="/deck/jfgeez1k6pz81.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/jfgeez1k6pz81.jpg"></a></div>
<h3 class="caption">Framedeck - custom portable with integrated keyboard and trackball</h3>
<p class="cap-info">► framework i5 mainboard + battery<br>
► 16gb ram + 256gb storage (both expandable)<br>
► Stacked clear acrylic case with brass hardware<br>
► Wifi<br>
► Custom 36 key mechanical keyboard (Gazzew Boba U4 Silents)<br>
► Miryoku keymap<br>
► Repurposed Logitech trackball module<br>
► Stereo speakers<br>
► 2 USB-C ports for charging/accessories<br>
► Fully supported with Fedora 34/35 + other distros</p>
</div>
<div class="img-info">
<div>
<a href="/deck/kwqe981u9xb91.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/kwqe981u9xb91.jpg"></a></div>
<h3 class="caption">First crack at it, pretty proud</h3>
<p class="cap-info">Pi4 4gb<br>
► HyperPixel 4.0 display<br>
► 32gb SD (will expand when I reflash)<br>
► PocketType keyboard<br>
► Modified acrylic housing<br>
► Anker PowerCore 20100mAh<br>
► TP-Link Archer T3U Plus AC1300<br>
► Cabinet hinges<br>
► Arguably too much electrical tape</p>
</div>
<div class="img-info">
<div>
<a href="/deck/okgqj1kcydx31.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/okgqj1kcydx31.jpg"></a></div>
<h3 class="caption">I made the Raspberry Pi Recovery Kit,
a cyberDeck designed to be used as a portable network core</h3>
<p class="cap-info">► An Adafruit 10” HDMI LCD screen that ran off 12V with its own breakout board<br>
► A Raspberry Pi Model B (today’s version would be something like the Pi 3B+,
since this case doesn’t allow for active cooling)<br>
► A dual channel, high current 12V motor controller (discontinued)<br>
► Step-down DC to DC converter,
allowing high voltage power input and powering the 12V display<br>
► 12V to 5V to power the Pi. This one is cheaper than the solution I used<br>
► Adafruit GPS Breakout on Amazon or Adafruit<br>
► Adafruit RTC breakout on Amazon or Adafruit</p>
</div>
<div class="img-info">
<div>
<a href="/deck/tjmgen94dkr81.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/tjmgen94dkr81.jpg"></a></div>
<h3 class="caption">Working cyberpack prototype</h3>
<p class="cap-info">Microsoft Surface<br>
► 7-inch touch display<br>
► foldable for backpack design<br>
► still work in progress</p>
</div>
<div class="img-info">
<div>
<a href="/deck/u2npbymvdlh81.jpg"
data-lightbox="mygallery"
data-title="cyberdeck">
<img class="pictures"
src="/deck/u2npbymvdlh81.jpg"></a></div>
<h3 class="caption">A retro-style deck I built</h3>
<p class="cap-info">► 7.9 inch widescreen<br>
► 48-keys Kailh Choc v1 switches<br>
► and homemade laser dye-sub MBK keycaps</p>
</div>
</div>
<section class="text">
<h2>⚠️ Watch this dance ⚠️</h2>
<img src="/images/CHIKA.gif">
<p class="para">Video by Luis Quintero:<br>
<span class="link">https://www.pexels.com/video/abstract-video-4990242/</span><br>
consectetur adipiscing elit,<br>
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,<br>
quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat.<br>
Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.<br>
Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>
<!--javascript-->
<script src="lightbox-plus-jquery.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="nav.js"></script>
</body>
</html>