Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
514 lines (480 loc) · 29.6 KB
/
Copy pathindex.html
File metadata and controls
514 lines (480 loc) · 29.6 KB
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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<script language="JavaScript">
var loc = window.location.href + '';
if (loc.indexOf('http://') == 0) {
window.location.href = loc.replace('http://', 'https://');
}</script>
<link href="/assets/css/all.css" rel="stylesheet">
<title>Office of the Galactic President</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="fab fa-galactic-senate fa-5x"></span>
</div>
<div class="content">
<div class="inner">
<h1>Office of the Galactic President</h1>
<p>We apologise for the inconvenience.</p>
<p>Old <a href="https://blog.open-empire.org">BLOG</a> available ( being redeveloped soon ).</p>
</div>
</div>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#project">Project</a></li>
<li><a href="#contact">Contact</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<article id="intro">
<h2 class="major">Intro</h2>
<span class="image main"><img src="images/hhgttg.jpg" alt="" /></span>
<h3 class="minor">Interest in IT:</h3>
<p>I have a head for ideas, invention, analysis, strategies, systems, and other areas of problem solving, so for me, Information Technology is a pathway towards the implementation of at least the logical aspects of those ideas.</p><p>Having said that, I should add that the internet serves as a forum for cathartic therapy, which I use on a regular basis to vent and rage at the frustration which results from living on this planet. At some point I would like to figure out how to get off this planet, at which point I will find a new one, terraform it if necessary, and quarantine it from religion, capitalism, and democracy.</p>
<h3 class="minor">Origin:</h3>
<p>My interest in computers and electronics led to interest in I.T., and which dates back to the 1980s when some of the first personal computers were becomming more common in people's homes. We had an Apple IIe, but other friends had everything from the zx81 to the Amstrad, Atari, Amiga, Apple III, Vic20, Commodore64, and various others. We used to get snippets of code from magazines, and experiment with what we could do.</p><p>Also my grandfather on my dad's side was into electronics, and my father had various old valve radios, stereos, amplifiers, speakers etc., and I had plenty of opportunity as a young kid to pull these things apart.</p>
<h3 class="minor">Inspiration:</h3>
<p>My current passion for I.T. emerged from a completely separate area of interest — in ecological and social justice and sustainability — though it also stems from my interest in cinema, games, electronics, mechanics, and other fields.</p><p>A good friend of mine ( whom is doing his PhD ) actually inspired me in the ecological areas, as did many others ( such as Carl Sagan ), and so I see I.T. as a means to developing systems that change how civilisation functions at a fundamental level.</p>
<h3 class="minor">Experience:</h3>
<p>I have previously done about 20 years combined formal and informal tertiary level studies and research, across 4 universities, plus TAFE, other private institutions, books, and online resources. These past studies include electronic engineering, computer science, mathematics, and other sciences ( amongst other things ).</p><p>I have also worked in the entertainment and events industry as an audiovisual technician, I am currently working on a feature film ( doing sound ), and I have also been an account/relationship/sales manager in technical sales of 3D CAD/CAM/CAE & PDM software ( www.solidworks.com ), as well as Microsoft Sharepoint metadata integration tools. On top of this, I have been a pay TV / telephony data cabler, I've done some electronic soldering ( repairs ), an I.T. consultant for small business, a private tech support guy, and I've also built, installed, and maintained small business computers and networks.</p><p>However, much of this experience was a long time ago, so a great deal of it is outdated ( obsolete ) technology now.</p>
<h3 class="minor">Reasons for RMIT:</h3>
<p>I am simultaneously enrolled at LaTrobe University, doing a similar yet different course, and much of this is revision for me, but also updating skills, and I needed studies online to complement what I am doing at LTU, so OUA led me to RMIT.</p>
<h3 class="minor">Expectations:</h3>
<p>My expections in this course are to fill in gaps in my knowledge, and learn a different perspective on similar subjects versus my LTU subjects ( in order to get a more complete picture of some of the more fundamental aspects of computer programming, system design, and network/system administration</p><p>I am also looking to supplment that other course with completely different subjects not offered. In effect, I am using RMIT as a means to overload my course commitments, without requiring institutional approval, as I require a great deal of control over my studies, and more so than what is typically offered.</p>
</article>
<!-- Work -->
<article id="work">
<h2 class="major">Work</h2>
<span class="image main"><img src="images/bernard.jpg" alt="" /></span>
<h3 class="minor">Ideal Job:</h3>
<p>There's no such thing as an advertisement for my ideal job, as it doesn't exist as a regular 'job' — it does however exist as a self-employment arrangement. I really have no desire to work for anyone else, having done over 100 jobs in my life, and so if I am doing work for others, I want it to be a client-contractor relationship, where I can define the terms on which a job is accepted or rejected ( a privilege employees don't get to enjoy ).</p>
<p>HOWEVER, were such a job to exist, it would be one in which a corporation or billionaire basically hands me a massive budget, says "I trust you, in fact I am probably unqualified to judge your ideas, so just do what you think is right with these resources" — and then he/she/they/it leave me alone until ( and unless ) I actually ask for help ( if I ever do ).</p><p>So you can see why this job probably doesn't exist.</p>
<h3 class="minor">Personality tests ... kill me, kill me now:</h3>
<h4 class="minor">MBIT & Similar Crap:</h4>
<p>I have no interest in the pulp philosophy of the business world, and trying to categorise people by such things as MBIT is as boring and useless as it is inaccurate, I wouldn't waste my time with it unless someone was paying me a hell of a lot of money.</p><p>I've done IQ tests ( keep finding fundamental flaws in them ), and personality tests of all kinds, and quite frankly I think every last one of them is utterly useless trash. I would not take any such things into consideration when forming a team, as I trust my own instincts and powers of deduction far better. Instead I would simply interview people with an interest in joining a team, determine for myself where I think the limits of my trust should be with each individual, and then decide as to what risks I am willing to take with each individual, adjusting my views over time as more information comes to light ... and no MBIT is ever going to compare to that.</p>
MBIT Results ( <a href="https://www.16personalities.com/profiles/ec14e754936f1">Personality Profile Link</a> )</br>
<div>Personality type:
<div class="contentBox" style="margin:0px auto; width:75%">
<span class="column1" style="float:left; margin:0; width:50%;">
The Protagonist</span>
<span class="column2" style="float:right; margin:0;width:50%;">
(ENFJ-A)</span>
</div>
</div><br/>
<div>Individual traits:
<div class="contentBox" style="margin:0px auto; width:75%">
<span class="column1" style="float:left; margin:0; width:50%;">
Extraverted<br/>Intuitive<br/>Feeling<br/>Judging<br/>Assertive</span>
<span class="column2" style="float:right; margin:0; width:50%;">
63%,<br/>85%,<br/>64%,<br/>58%,<br/>74%,</span>
</div>
</div><br/>
<div>Role:
<div class="contentBox" style="margin:0px auto; width:75%">
<span class="column1" style="float:left; margin:0; width:50%;">
Diplomat</span>
<span class="column2" style="float:right; margin:0;width:50%;">
</span>
</div>
</div><br/>
<div>Strategy:
<div class="contentBox" style="margin:0px auto; width:75%">
<span class="column1" style="float:left; margin:0; width:50%;">
People Mastery</span>
<span class="column2" style="float:right; margin:0;width:50%;">
</span>
</div>
</div><br/><br/>
<h4 class="minor">Learning style test:</h4>
<p>Equally garbage, we have ...</p>
<a href="http://www.educationplanner.org/students/self-assessments/learning-styles-quiz.shtml">EducationPlanner.org</a><br/>
<div>My 'scores' ( oh god this is pulp 'science' crap ):
<div class="contentBox" style="margin:0px auto; width:75%">
<span class="column1" style="float:left; margin:0; width:50%;">
Auditory:<br/>Visual:<br/>Tactile:</span>
<span class="column2" style="float:right; margin:0;width:50%;">
45%<br/>35%<br/>20%</span>
</div>
</div><br/><br/>
<br/><p>You are an Auditory learner!<br/>Check out the information below, or view all of the learning styles.</p>
<p>I am so excited right now ... I bet they make a lot of money conning people with this crap. Everything that follows, is complete and utter bullshit.</p>
<h5 class="minor">Auditory:</h5>
<p>If you are an auditory learner, you learn by hearing and listening. You understand and remember things you have heard. You store information by the way it sounds, and you have an easier time understanding spoken instructions than written ones. You often learn by reading out loud because you have to hear it or speak it in order to know it.</p><p>As an auditory learner, you probably hum or talk to yourself or others if you become bored. People may think you are not paying attention, even though you may be hearing and understanding everything being said.</p><p>Here are some things that auditory learners like you can do to learn better.<br/> Sit where you can hear.<br/> Have your hearing checked on a regular basis.<br/> Use flashcards to learn new words; read them out loud.<br/> Read stories, assignments, or directions out loud.<br/> Record yourself spelling words and then listen to the recording.<br/> Have test questions read to you out loud.<br/> Study new material by reading it out loud.</p><p>Remember that you need to hear things, not just see things, in order to learn well.</p>
<h4 class="minor">IQ Test:</h4>
<p>Marginally less painful we have ...</p>
<p><a href="https://iqtest.com/take-the-test/">IQTest.com</a></p>
<p>Your free general IQ score is: 139
<br/> ... but honestly, I am yet to see an IQ test that I couldn't spot flaws in.</p>
<p>If by some bizarre twist of fate there's a human resources person reading this, and whom is an avid advocate for such personality tests etc. ... please, by all means, do, go away ... the last thing I want is to work for any company that takes this kind of nonsense seriously. It is almost as painfully stupid and infantile as religion.</p>
</article>
<!-- Project -->
<article id="project">
<h2 class="major">Project</h2>
<span class="image main"><img src="images/matrix.jpg" alt="" /></span>
<h3 class="minor">Overview:</h3>
<p>Continuing work on my network, development environment, and the creation and testing of a project collaboration development and resource allocation framework ( based on GitLab ), plus plugins relating to other aspects of my 30 year vision / obsession. More information available from previously written ( <a href="https://blog.open-empire.org">blog.open-empire.org</a> ) articles, and I am also authoring a series of books on this vision and related topics.</p>
<h3 class="minor">Motivation:</h3>
<p>I have had an obsession for the past 30 years, inspired by many things, not the least of which is the fact that for the past 300 years, our species has pretty much ignored every single ecological warning ever given by any scientist, and we are now about to pay the price for this cowardice and denial.</p>
<p>It's a choice of three possibilities that we face:
<ol>
<li>Extinction;</li>
<li>A draconian dystopia ( that no one in their right mind should want to live in );</li>
<li>Change the foundational bases of our decision making</li>
</ol>
— also note: option 3 isn't a guarantee to avoid extinction.</p>
<h3 class="minor">Details:</h3>
<p>My project pertains to a 30 year obsession with the quantification of ecological and social justice and sustainability via the principles of ecological systems modelling and thermodynamics, as a basis for new systems of non-species-biased, non-property/trade/currency-based, and non-hierarchical ( aka anarchic ) justice economics and politics — the first few stages of which include the following:
<ul>
<li>setting up network security zones using pfsense on an upgraded machine:</li>
<ol>
<li>DMZ ( servers open to the internet );</li>
<li>HOME zone ( TVs, mobile devices, and guests );</li>
<li>OFFICE zone ( laptop and everyday work environment );</li>
<li>SECURE zone ( hypervisor/server, runing a development environment of VMs and containers )</li>
</ol>
<li>pfsense instances include DNS, DHCP, and NTP servers</li>
<li>customised installation of GitLab:</li>
<ol>
<li>make it more generic ( rather than focused on computer code );</li>
<li>evolving congruency with my vision;</li>
<li>allowing plugins for related systems;</li>
<li>replication in DMZ, for collaboration beyond my network.</li>
</ol>
<li>testing the collaboration framework, before opening it more broadly.</li>
</ul></p>
<p>What this project will allow / enable / offer is as follows:
<ol>
<li>a mechanism to develop ideas from any field, from concept to completion, including attracting any required resources;</li>
<li>strategies and systems which at all stages minimise the risk of resource waste / loss, including consequential losses that are labelled 'externalities' in the insantity of capitalism ( ie: harm that you don't want to take responsibility for doing, so you simply foist that responsibility onto someone or something else, which usually results in ecological & social injustice );</li>
<li>profit sharing and remuneration algorithms and principles which ensure no one gets ripped off, no one gets a disproportionate share, and no one's negotiating position ( from the capitalist perspective ) has any capacity to undermine a project or its principles;</li>
<li>systems which work towards the minimisation of deleterious and maximisation of beneficial ecological and social consequences, from a non-species-biased perspective.</li>
</ol></p>
<h4 class="minor">Tools / Tech:</h4>
<p>While a full production version would require new equipment, I alreadyt have most of what is required - including:
<ol>
<li>commercial grade rack mounted server ( 2 x quad core Intel Xeon CPUs, 64GB ECC DDR4, 6 HDDS in RAID6 config, CentOS Linux installed );</li>
<li>QNAP NAS ( 6 core AMD CPU, 64GB DDR4R, 2x M.2 SSD RAID0 cache, plus 2x SATA SSD RAID1, & 6x SATA HDD RAID6 as a storage pool with volume groups );</li>
<li>HP machine upgraded with new RAM, SSDs, and PCIe network cards, to run pfsense for network zones;</li>
<li>additional ethernet cables of various lengths;</li>
</ol>
— other required tools / software include open source systems ( Linux, Git, GitLab, Eclipse IDE ), plus a couple of new switches.</p>
<h4 class="minor">Skills:</h4>
<p>At present I am having to learn everything myself:
<ul>
<li>system design</li>
<li>system building</li>
<li>system installation</li>
<li>system configuration</li>
<li>system administration</li>
</ul>
— and the same again for networks, plus computer coding ( C/C++, Java, CSS/HTML/XML, PHP, JavaScipt ).</p>
<p>This is a huge task, but in order to attract / find funding on terms which are acceptable — ie: terms which do not undermine or sabotage the very principles and objectives I am aiming at — I need to have developed enough of the technology to properly explain it to others, AND MORE IMPORTANTLY to hold a strong negotiating position ( the very issue I am trying to save others from, as many people are bad at negotiating, or have no leverage ).</p>
<h3 class="minor">Outcome:</h3>
<p>There are various levels of success possible here:
<ol>
<li>worst case ( yet nonetheless still 'successful' outcome ):
<br/>I do not see the changes in my own lifetime, but humanity survives, and others continue the work after I am gone;</li>
<li>slightly better:
<br/>I am able to get the system running, and it does help people and other species, but I am unable to take it to what I see as a minimum completion, and hence ( as before ) it will be up to others to follow in my footsteps;</li>
<li>much better:
<br/>the system is successful, it works, many tragedies are averted, ongoing damage is halted, then reversed, and society not only thrives, but actually starts evolving again ( after the intellectual dark ages we are going through presently );</li>
<li>outstanding:
<br/>the insane potential of many human minds is released, by freeing them from brainwashing / indoctrination, freeing people from religion, authoritarian hierarchies of socioeconomic, political, and military power, and we actually become a species WORTHY of leaving this planet, which we no longer NEED to do, because we cease fucking it up.</li>
</ol></p>
</article>
<!-- Contact -->
<article id="contact">
<h2 class="major">Contact</h2>
<span class="image main"><img src="images/galacticprez_thumb-large.jpg" alt="" /></span>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</form>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</article>
<!-- Elements -->
<article id="elements">
<h2 class="major">Elements</h2>
<section>
<h3 class="major">Text</h3>
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<hr />
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
<hr />
<h4>Blockquote</h4>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
<h4>Preformatted</h4>
<pre><code>i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
</section>
<section>
<h3 class="major">Lists</h3>
<h4>Unordered</h4>
<ul>
<li>Dolor pulvinar etiam.</li>
<li>Sagittis adipiscing.</li>
<li>Felis enim feugiat.</li>
</ul>
<h4>Alternate</h4>
<ul class="alt">
<li>Dolor pulvinar etiam.</li>
<li>Sagittis adipiscing.</li>
<li>Felis enim feugiat.</li>
</ul>
<h4>Ordered</h4>
<ol>
<li>Dolor pulvinar etiam.</li>
<li>Etiam vel felis viverra.</li>
<li>Felis enim feugiat.</li>
<li>Dolor pulvinar etiam.</li>
<li>Etiam vel felis lorem.</li>
<li>Felis enim et feugiat.</li>
</ol>
<h4>Icons</h4>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
<h4>Actions</h4>
<ul class="actions">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions stacked">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
</section>
<section>
<h3 class="major">Table</h3>
<h4>Default</h4>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Four</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
<h4>Alternate</h4>
<div class="table-wrapper">
<table class="alt">
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item One</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Two</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Three</td>
<td> Morbi faucibus arcu accumsan lorem.</td>
<td>29.99</td>
</tr>
<tr>
<td>Item Four</td>
<td>Vitae integer tempus condimentum.</td>
<td>19.99</td>
</tr>
<tr>
<td>Item Five</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>29.99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
<td>100.00</td>
</tr>
</tfoot>
</table>
</div>
</section>
<section>
<h3 class="major">Buttons</h3>
<ul class="actions">
<li><a href="#" class="button primary">Primary</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
</ul>
<ul class="actions">
<li><span class="button primary disabled">Disabled</span></li>
<li><span class="button disabled">Disabled</span></li>
</ul>
</section>
<section>
<h3 class="major">Form</h3>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="demo-name">Name</label>
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
</div>
<div class="field half">
<label for="demo-email">Email</label>
<input type="email" name="demo-email" id="demo-email" value="" placeholder="jane@untitled.tld" />
</div>
<div class="field">
<label for="demo-category">Category</label>
<select name="demo-category" id="demo-category">
<option value="">-</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
<div class="field half">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="field half">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div>
<div class="field half">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="field half">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">Not a robot</label>
</div>
<div class="field">
<label for="demo-message">Message</label>
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</form>
</section>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Trevor Alexander Rose ( 2019 ).</p>
<p>Site designed with: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>