-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·202 lines (183 loc) · 7.68 KB
/
index.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
<!DOCTYPE HTML>
<!--
Hielo by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>DCZia 2022</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<meta property="og:title" content="DCZia" />
<meta property="og:type" content="website" />
<meta property="og:description" content="DCZia - Solder and Green Chile" />
<meta property="og:image" content="images/dczlogo.png" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="logo"><a href="index.html">DCZia</a></div>
<a href="#menu">Menu</a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#badges">Badges</a></li>
</ul>
</nav>
<!-- Banner -->
<section class="banner full">
<article>
<img src="images/background.jpg" alt="" />
<div class="inner">
<header>
<p>Fueled by Solder & Green Chile</p>
<h2>DCZia</h2>
</header>
</div>
</article>
</section>
<!-- One -->
<section id="one" class="wrapper style2">
<div class="inner">
<div class="box">
<div>
<div class="box">
<div class="image left">
</div>
<div class="content">
<header class="align-center">
<p>About Us</p>
<h2>Who are we?</h2>
</header>
<p> Originating around DEF CON 22, DCZia is a group organized around the concepts of teaching, learning, and creating badges & other electronic hardware. Most of us have loose ties to New Mexico, but now we live all over the US. Proud holders of the DC DarkNet DEF CON 25 Black Badge!</p>
<footer class="align-center">
<a href="about.html" class="button alt">Learn More</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style3">
<div class="inner">
<header class="align-center">
<p>Badges</p>
<h2>Past and Present</h2>
</header>
</div>
</section>
<!-- Three -->
<section id="badges" class="wrapper style2">
<div class="inner">
<header class="align-center">
</header>
<div class="gallery">
<div>
<div class="image fit">
<a href="https://github.com/dczia/Defcon31-Badge"><img src="images/badges/dczia2023.jpg" alt="" /></a>
<b>2023 - DCZia Electric Sampler </b>
<br>
This year we wanted to make something that would function as more than just a badge, and have use after DefCon. Thus the "Electric Sampler" was born, a eurorack format badge that has a variety of fun light modes, but also is a sequencer, sampler, midi controler, and more!
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/dczia/thirtyinone"><img src="images/badges/30in1.jpg" alt="" /></a>
<b>2022 - DCZia Electronics - 30 in One Badge</b>
<br>
A throwback to the elctronic kits that taught many of us how circuits and componets can create awesome things
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/lithochasm/ZiaCon3-Badge"><img src="images/badges/hal9000.jpg" alt="" /></a>
<b>2022 - ZiaCon 3 "Hal9000 Badge"</b>
<br>
Designed by Lithochasm for DCZia's annual get together Ziacon 3
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/dczia/yolobadge"><img src="images/badges/YoloBadge_Thumb.jpg" alt="" /></a>
<b>2021 - ZiaCon 2 "YoloBadge"</b>
<br>
Hamster made a save icon into a badge live during his 2022 Ziacon 2 talk
<!--Don't forget your UTF-8 keys DCZIA: GEYqa505%20a%204-->
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/dczia/Defcon28-Badge"><img src="images/badges/Badge_thumb-11.jpg" alt="" /></a>
<b>2020 - PiBadge Mini + XL</b>
<br>
A build it at home badge for the first "Canceled" Defcon
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/dczia/Defcon27-Badge"><img src="images/badges/Badge_thumb-1.jpg" alt="" /></a>
<b>2019 - Laser Theramin Synth Badge</b>
<br>
A theramin inspired synth badge that uses laser rangefinders to make sound
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/dczia/Defcon26-Badge"><img src="images/badges/Badge_thumb-4.jpg" alt="" /></a>
<b>2018 - KeyGrid Badge</b>
<br>
Dczia got into mechanical keyboards, and it inspired a badge
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/dczia/Defcon25-Badge"><img src="images/badges/Badge_thumb-5.jpg" alt="" /></a>
<b>2017 - Key Badge</b>
<br>
An early attempt at PCB development; Designed as a shield to plug into an Arduino
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/lithochasm/PiBadge24"><img src="images/badges/Badge_thumb-6.jpg" alt="" /></a>
<b>2015 and 2016 - Pi Badge MkI and MkII</b>
<br>
Our first badges. Off the shelf parts, custom software to show some pretty opensource Beeple and in house designed 3D visuals
</div>
</div>
<div>
<div class="image fit">
<a href="https://github.com/lithochasm/ZiaCon0-Badge"><img src="images/badges/Badge_thumb-8.jpg" alt="" /></a>
<b>Misc Badges (ZiaCon 0 & SAO's)</b>
<br>
A selection of SAO's made over the years
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https://twitter.com/dczia505" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/explore/tags/dczia/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/dczia" class="icon fa-github"><span class="label">Github</span></a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>