This repository has been archived by the owner on Apr 29, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
help.html
81 lines (69 loc) · 3.94 KB
/
help.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ham Club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="https://cdn.tailwindcss.com"></script>
<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=Mate:ital@0;1&display=swap" rel="stylesheet">
</head>
<body class="bg-gradient-to-t from-gray-900 to-gray-500 min-h-screen overflow-x-hidden relative">
<!-- Background effects -->
<div
style="position:absolute; top:20%; left:80%; width:200px; height:200px; background-color:rgba(255,0,0,0.3); border-radius:50%; filter:blur(70px); z-index:0;">
</div>
<div
style="position:absolute; top:0%; left:0%; width:200px; height:200px; background-color:rgba(166, 255, 0, 0.3); border-radius:50%; filter:blur(70px); z-index:0;">
</div>
<div
style="position:absolute; top:50%; left:20%; width:300px; height:300px; background-color:rgba(0, 217, 255, 0.088); border-radius:50%; filter:blur(70px); z-index:0;">
</div>
<div
style="position:absolute; top:70%; left:80%; width:200px; height:300px; background-color:rgba(68, 0, 255, 0.1); border-radius:50%; filter:blur(70px); z-index:0;">
</div>
<!-- Hack Club logo -->
<div class="relative flex flex-col items-center justify-center text-white z-10 pt-10">
<img src="./public/hamclub.svg" alt="Ham Club Logo" style="width: 20em; height: auto;" />
<br>
<img src="./public/subtext.svg" alt="Ham Club Subtext" class="w-84 sm:w-96" />
</div>
<!-- Content section -->
<div class="relative z-10 w-full pb-10 pt-5 m-5 px-4 sm:px-8">
<div class="mx-auto max-w-lg lg:max-w-xl space-y-6">
<a href="/">← Back to homepage </a>
<h1 class="text-2xl text-white"><u>Links and Resources:</u></h1>
<div class="text-white">
<li><a href="https://www.hamstudy.org" class="underline">Ham Study</a> - This is a
highly
recommended
site that allows you to take practice tests and to make </li>
<li><a href="https://hamradioacademy.com/resources/" class="underline">Ham Radio Academy Reference</a> -
This site has a long list of other resources and references.</li>
</div>
<h1 class="text-2xl text-white"><u>Youtube Guides:</u></h1>
<div class="text-white">
<li><a href="https://www.youtube.com/watch?v=bovJEGIunNg&list=PLuapIzKwhZN_30dcgsDbGU3J7C8BAYJcG"
class="underline">ARRL YouTube Course</a> - This is a nice video series covering everything you
need to know, taught by the ARRL.</li>
<li><a href="https://www.youtube.com/watch?v=DdzQS10JnHU&list=PL1KAjn5rGhixvvb_jMZFWmbP97-t9Kyxk"
class="underline">Ham Radio Crash Course YouTube Series</a> -
This is another nice video series covering ham radio.</li>
</div>
<h1 class="text-2xl text-white"><u>Misc:</u></h1>
<div class="text-white">
<li><a href="https://www.qrz.com/" class="underline">QRZ</a> - QRZ is a site that allows you to look up
callsigns and find information about them. It is a great resource for finding out more about other
operators.</li>
</div>
<h1 class="text-2xl text-white"><u>After you study:</u></h1>
<div class="text-white">
<li><a href="https://hamstudy.org/sessions" class="underline">Ham Study Exam Finder</a> - After
completing your studying, you will use this site to find a local exam session.</li>
</div>
</div>
</div>
</body>
</html>