-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (159 loc) · 7.74 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
<!DOCTYPE html>
<html>
<head>
<title>How to Help Armenia</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-179544063-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-179544063-1');
</script>
<!-- Hotjar Tracking Code for https://www.howtohelparmenia.com/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:2022743,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<div class="container hero">
<div class="inner">
<img src="assets/img/armenian-coat-of-arms.png" alt="Coat of Arms of Armenia" width="150">
<h1>How to Help Armenia</h1>
<p>Collection of resources and ideas for everyone</p>
</div>
</div>
<div class="container">
<div class="inner">
<p aria-hidden="true" class="align-center">
<label class="form-switch">
<span class="filter-resource">By resource</span>
<input type="checkbox" id="home-toggle" />
<i> </i><span class="filter-profession">By profession</span>
</label>
</p>
<div class="tiles">
<!-- By resource. -->
<div class="tile resource-tile">
<h2><i class="fas fa-dollar-sign"></i> Help with Money</h2>
<p>Donate to official funds where you know that the money will be well used.</p>
<p>Give as much as you can now and consider donating on a monthly basis.</p>
<ul>
<li><a href="https://www.himnadram.org/en" target="_blank" rel="noopener noreferrer">Hayastan All Armenian Fund</a></li>
<li><a href="https://www.1000plus.am/en" target="_blank" rel="noopener noreferrer">Insurance Foundation for Servicement</a></li>
</ul>
</div>
<div class="tile resource-tile">
<h2><i class="fas fa-hourglass-half"></i> Help with Time</h2>
<ul>
<li>Educate yourself and others around you</li>
<li>Share news articles and what's going on</li>
<li>Post facts on social media</li>
<li>Expose and call out fake claims</li>
<li>Report hate speech</li>
<li>Connect with Armenian online communities to see where your skills can be used</li>
</ul>
</div>
<div class="tile resource-tile">
<h2><i class="fas fa-bullhorn"></i> Help with Voice</h2>
<ul>
<li>Speak up on social media. Spread the truth and engage in communication with others</li>
<li>Raise your concerns and sign petitions that benefit Armenia. <a href="petitions.html">Click here</a> to see the list of relevant online petitions</li>
</ul>
</div>
<div class="tile resource-tile">
<h2><i class="fas fa-book-open"></i> Help with Knowledge</h2>
<p>Options are endless. Click here to see the breakdown by resource for more details.</p>
<ul>
<li>Create educational material that can be shared on social media</li>
<li>Raise your concerns and sign petitions that benefit Armenia. Click here to see the list of petitions for US citizens</li>
</ul>
</div>
<!-- By profession. -->
<div class="tile profession-tile">
<h2><i class="fas fa-paint-brush"></i> Designers and Creatives</h2>
<p>Design educational material that can be shared, printed and showcased.</p>
<ul>
<li>Create infographics</li>
<li>Create banners for websites</li>
<li>Create posters for printing</li>
<li>Create presentations</li>
<li>Shoot videos that promote Armenia</li>
</ul>
</div>
<div class="tile profession-tile">
<h2><i class="fas fa-code"></i> Developers</h2>
<p>Get involved with other projects and help Armenian websites:</p>
<ul>
<li>Get in touch with news outlets and governmental websites and see if they can use your skills</li>
<li>Get in touch with online Armenian communities and see if there are projects or ideas where your skills can be useful</li>
<li>Evaluate websites, report and document security issues and submit them to the team in a secure manner</li>
</ul>
</div>
<div class="tile profession-tile">
<h2><i class="fas fa-palette"></i> Artists</h2>
<p>Promote Armenia and preserve its cultural heritage.</p>
<ul>
<li>Create, compose and perform pieces that promote Armenia</li>
<li>Preserve Armenian history by using historical elements in your work</li>
<li>Create pieces dedicated to the Armenian troops. Make them proud for protecting the country</li>
</ul>
</div>
<div class="tile profession-tile">
<h2><i class="fas fa-history"></i> Historians</h2>
<p>Provide authority for online articles, Wikis and discussions. Promote knowledge and remind people of what happened in the past.</p>
<ul>
<li>Update and maintain Wikipedia pages related to Armenia and its history</li>
<li>Curate the events that happened in the past and that lead us to this point</li>
</ul>
</div>
<div class="tile profession-tile">
<h2><i class="fas fa-language"></i> Polyglots</h2>
<p>Use your knowledge to spread the truth and protect Armenian side.</p>
<ul>
<li>Translate news and what's happening in Armenia</li>
<li>Write articles in other languages and share them on social media</li>
<li>Help online news outlets with proofreading and translations</li>
<li>Translate Armenian history books into other languages</li>
</ul>
</div>
<div class="tile profession-tile">
<h2><i class="fas fa-pen-fancy"></i> Writers</h2>
<p>Write about Armenia</p>
<ul>
<li>Include elements from Armenian folklore in your writing</li>
<li>Include Armenian characters and locations in your books</li>
</ul>
</div>
</div>
</div>
</div>
<footer id="footer" class="container">
<div class="inner">
<p>Ideas? Feedback? Get in touch at <a href="mailto:howtohelparmenia@gmail.com">howtohelparmenia@gmail.com</a>.</p>
<p id="social">
<a href="https://github.com/howtohelparmenia" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i><span class="visually-hidden">How to Help Armenia on Github</span></a>
<a href="https://www.instagram.com/howtohelparmenia" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i><span class="visually-hidden">How to Help Armenia on Instagram</span></a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i><span class="visually-hidden">How to Help Armenia on Twitter</span></a>
</p>
</div>
</footer>
<script type="text/javascript" src="assets/js/main.js"></script>
<!-- AddThis widget. -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f783f002167ccb7"></script>
</body>
</html>