-
Notifications
You must be signed in to change notification settings - Fork 0
/
faqs.html
143 lines (142 loc) · 7.99 KB
/
faqs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A.S.T.R.A.L. | FAQs</title>
<link rel="stylesheet" href="homepage.css">
<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=Space+Mono:ital,wght@0,400;0,700;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="faqs.css">
<link rel="icon" href="logo.ico">
</head>
<body>
<div class="cursor">
<p></p>
</div>
<div class="blob"></div>
<div class="navbar bg-nav">
<a href="index.html">
<img src="logo.svg" alt="" class="logo">
</a>
<div class="menu-icon">
<a onclick="toggleMenu();">
<div class="text">
<p>menu</p>
<p>close</p>
</div>
</a>
<a class="img-icon" onclick="toggleMenu();"><img src="menu-icon.svg" alt="" class="menu-img"></a>
</div>
<div class="menu">
<div class="links">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="projects.html">PROJECTS</a>
<a href="team.html">TEAM</a>
<a href="cohort.html">COHORT</a>
<a href="apply.html">APPLY</a>
<a href="contacts.html">CONTACTS</a>
<a onclick="goTo('.hero')">FAQS</a>
<a href="code-of-conduct.html">Code of Conduct</a>
</div>
</div>
</div>
<div class="scroll-container">
<div class="hero with-bg">
<div class="title-container">
<h1 class="glitch-header" data-value="FAQS_">FAQS_</h1>
<a onclick="lenis.scrollTo('.services');"><img class="hero-button" src="circle_arrow_white.svg" alt=""></a>
</div>
</div>
<div class="services">
<h2>Frequently Asked Questions</h2>
<a class="accordion"><div><p>HOW DO WE APPLY?</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>AS OF NOW, WE DO NOT HAVE AN OFFICIAL APPLICATION PROCESS. TO PARTICIPATE IN A WORK EXPERIENCE PROGRAM, CONTACT US FOR MORE INFORMATION</p>
<a href="apply.html">LEARN MORE</a>
</div>
<a class="accordion"><div><p>WHAT IS THE SOURCE OF our FUNDING?</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>The A.S.T.R.A.L. program receives all of its funding from the A.S.T.R.A.L. foundation, a foundation set up where donors can help provide pathways for students to prepare themselves for the future, especially those with low socio-economic backgrounds.</p>
<p>The A.S.T.R.A.L. foundation receives all of its funding from donors, and if you are interested, you can donate using the link below.</p>
<a href="">DONATE</a>
</div>
<a class="accordion"><div><p>Is A.S.T.R.A.L. targeted at future astronomers?</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>THE PRIMARY AIM OF A.S.T.R.A.L. IS NOT TO ENCOURAGE STUDENTS IN ASTRONOMY, BUT RATHER INSPIRE AND TEACH STUDENTS IMPORTANT SKILLS THAT ARE BECOMING MORE AND MORE NECESSARY IN FUTURE CAREERS (SUCH AS PROGRAMMING, DATA ANALYSIS, ETC.).</p>
<p>HOWEVER, IN THE DEVELOPMENT OF A.S.T.R.A.L.'S COHESIVE PROGRAM, WE FOUND THAT ASTRONOMY INCLUDES ALL THESE SKILLS AND ALLOWS STUDENTS TO GET A SNEAK PEAK IN RESEARCH WHILE ALSO LEARNING SKILLS THAT AREN'T EXCLUSIVE TO JUST ASTROPHYSICS RESEARCH.</p>
<a href="about.html">LEARN MORE</a>
</div>
<a class="accordion"><div><p>Does A.S.T.R.A.L. offer financial assistance to participants?</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>STUDENTS WHO PARTICIPATE IN THE PROGRAM COULD RECEIVE MODEST SCHOLARSHIPS FOR THEIR WORK INVOLVED IN THE PROGRAM. STUDENTS PARTICIPATED IN THE PROGRAM MAY ALSO BE DONATED RESOURCES TO ASSIST THEM THROUGHOUT THE PROGRAM DEPENDING ON CIRCUMSTANCES.</p>
<p>INTERNATIONAL STUDENTS' LIVING COSTS MAY ALSO BE PARTIALLY COVERED UNDER THE PROGRAM FOR THEIR TIME IN AUSTRALIA.</p>
</div>
<a class="accordion"><div><p>WHAT DO THE NUMBERS ON THE HOME PAGE MEAN?</p><img src="accordian-arrow.svg" alt=""></div></a>
<div class="panel">
<p>THE DIGITS ARE SCATTERED THROUGHOUT THE HOME PAGE REPRESENT HEADINGS AND OTHER EASTER EGGS IN ASCII FORMAT, A FORMAT USED TO CONVERT THE ALPHANUMERIC CHARACTERS USED IN OUR DAY-TO-DAY LIVES ON COMPUTERS TO SPECIFIC LOW-LEVEL COMPUTER CODE WHICH THE COMPUTE CAN UNDERSTAND.</p>
</div>
</div>
<div class="footer">
<div class="supporters">
<h2>supported by</h2>
<div class="partners">
<a href="https://www.swinburne.edu.au">
<img src="swin.jpg" alt="">
</a>
<a href="https://ozgrav.org">
<img src="ozgrav.png" alt="">
</a>
</div>
</div>
<div class="final-info">
<div class="copyright">
<p>We acknowledge and pay respects to the Elders and Traditional Owners of the land on which our program runs.</p>
<p>© 2024. astrophysics, supercomputing, technology, research analytics, technology program (A.S.T.R.A.L.). all rights reserved. designed and developed by rudra sekhri</p>
</div>
<div class="socials">
<h2>SOCIALS</h2>
<div class="links">
<a href="" class="footer-link">TWITTER</a>
<a href="" class="footer-link">YOUTUBE</a>
<a href="" class="footer-link">LINKEDIN</a>
<a href="" class="footer-link">INSTAGRAM</a>
<a href="" class="footer-link">EMAIL</a>
</div>
</div>
<div class="sitemap">
<h2>SITEMAP</h2>
<div class="links">
<a href="index.html" class="footer-link">HOME</a>
<a href="about.html" class="footer-link">ABOUT</a>
<a href="team.html" class="footer-link">TEAM</a>
<a href="projects.html" class="footer-link">PROJECTS</a>
<a href="apply.html" class="footer-link">APPLY</a>
<a href="cohort.html" class="footer-link">COHORT</a>
<a onclick="lenis.scrollTo('.hero');" class="footer-link">FAQS</a>
</div>
</div>
<div class="back-to-top">
<a onclick="lenis.scrollTo('.hero')"><img src="circle_arrow.svg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.19/bundled/lenis.min.js"></script>
<script src="smooth-scroll.js"></script>
<script src="cursor.js"></script>
<script src="glitch_effect.js"></script>
<script src="navbar.js"></script>
<script src="parallax_bg.js"></script>
<script src="white-cursor-bg.js"></script>
<script src="accordian.js"></script>
<script>
function toggleDescription(person) {
document.querySelector('.' + person).classList.toggle('card-activated');
}
</script>
</body>
</html>