-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathdonate.html
184 lines (172 loc) · 8.4 KB
/
donate.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Donate to Fermi Questions</title>
<meta
name="description"
content="Donate to the Fermi Questions Online Practice Site for Science Olympiad"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Eric Andrechek" />
<link rel="alternate" hreflang="en-us" href="https://andrechek.com" />
<link rel="stylesheet" href="styles.css" />
<script src="script.js"></script>
<link
rel="stylesheet"
rel="preconnect"
href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
/>
<script
rel="preconnect"
src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js">
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-9M246KXNV1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9M246KXNV1');
</script>
<script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8282094253815988"
crossorigin="anonymous">
</script>
</head>
<body>
<div class="content-container">
<div class="hero-body">
<div class="title">Fermi Questions Online Practice Test</div>
<div class="subtitle">
The <i>BEST</i> Open-Source Fermi Questions Practice Test for
Science Olympiad
</div>
<div class="content">
<a href="/"
>I clicked here by mistake! Take me back to the practice
test!</a
>
</div>
<div class="subtitle">How you can help support this website</div>
<div class="content">
This site has taken a tremendous amount of time to build,
perfect, and maintain. The question bank alone took me several
days of manually scraping the internet and verifying the
answers. If you use this site, I would greatly appreciate any
support you can offer. This helps motivate me to continue
working on this project, and helps me justify the amount of time
I spend on it!
<br />
<br />
Because I know firsthand that students rarely have spare money
to donate, I have a variety of other ways you could help support
me. Consider:
<ul>
<li>
Starring this project on Github so it looks good to
potential employers
<div class="button-underneath gh-btn" id="btn-star"></div>
</li>
<li>
Sending me a supportive email at: eric (at) andrechek
(dot) com
</li>
<li>
Turning off your adblocker on this site to help it make some passive revenue
</li>
<li>
Helping add to the question bank or adding features to
the website via the Github page
</li>
<li>
Sending me money through one of the following methods so
I can go into marginally less college debt:
<ul>
<li>Paypal: <a href="https://paypal.me/andrechekeric">paypal.me/andrechekeric</a></li>
<li>Venmo: <a href="https://account.venmo.com/u/Eric-Andrechek">@Eric-Andrechek</a></li>
<li>CashApp: <a href="https://cash.app/$EricAndrechek">$EricAndrechek</a></li>
<li>buymeacoffee: <a href="https://www.buymeacoffee.com/ericandrechek">ericandrechek</a></li>
<li>Ko-fi: <a href="https://ko-fi.com/ericandrechek">EricAndrechek</a></li>
<li>Sponsor the project: <a href="https://github.com/sponsors/EricAndrechek">Github Sponsors</a></li>
</li>
</ul>
</div>
<div class="subtitle">About this site</div>
<div class="content">
This website was written by me,
<a href="https://github.com/EricAndrechek">Eric Andrechek</a>.
When I was a high school student participating in Science
Olympiad, I found that every week a new fermi questions website
had popped up, and an old one had gone down. After growing
frustrated with never finding an easy-on-the-eyes, functional,
reliable, online practice test, I set out to make my own.
<br />
<br />
This website was built in plain HTML, CSS, and JavaScript. It
uses a CSS library called Bulma, to help make it look pretty
with as little work as possible. It also uses a JavaScript
library called Darkmode-JS, to make the website dark mode
compatible and allow you to switch between dark and light
themes.
<br />
<br />
The goal behind this simple website is to make it as reliable
and stable as possible. While some of the features require a
more modern browser, the idea is that the entire website can
function without a server. This means that, thanks to Github
Pages, there are no hosting costs, so this website should be
around and available for a very long time.
<br />
<br />
Finally, after building an earlier version of this website, I
have decided to open source this one. I want to be able to allow
students using the site to fix any bugs they might notice. Open
sourcing the site, and question bank, also means that anyone can
download all the questions and answers, and can even help
contribute to the site by adding more.
</div>
</div>
</div>
<div class="callouts hero-body">
<hr />
<div class="content">
Want to add more questions and answers to this list? Notice an
incorrect answer? Have suggestions to make the website better?
<a href="https://github.com/EricAndrechek/FermiQuestions/issues"
>Open an issue</a
>
to contribute.
<br />
<div class="button-underneath gh-btn" id="btn-issue"></div>
</div>
</div>
<footer class="footer">
<div class="columns">
<div class="column is-half-tablet margin-left">
Website by: <strong>Eric Andrechek</strong>
<br />
<br />
<p class="has-text-grey-light">
Website content licensed
<a
rel="license"
href="https://www.gnu.org/licenses/gpl-3.0.en.html"
>GPL-3</a
>
</p>
</div>
<div class="column is-half-tablet margin-left">
<span class="gh-btn" id="btn-follow"></span>
<br />
<span class="gh-btn" id="btn-sponsor"></span>
</div>
<div class="column"></div>
</div>
</footer>
</body>
</html>