-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (115 loc) · 5.17 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
<!DOCTYPE html>
<html class="no-js" lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Help For Italy - #COVID19 #coronavirus #italia</title>
<meta name="description" content="List of institutions and campaigns to support Italy with their fight against COVID-19.">
<!-- Font -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Roboto Slab:400,900:latin-ext']
}
});
</script>
<!-- Styles -->
<link rel="stylesheet" href="./src/scss/style.scss">
</head>
<body>
<script>
document.documentElement.className += ' js';
</script>
<noscript>
<div class="no-js__message">
<p>
Sorry, this website is not gonna work properly without JavaScript.
</p>
</div>
</noscript>
<div class="wrapper">
<header>
<h1 class="title">
<span class="title__top">Help</span>
<span class="title__mid">f<i>o</i>r</span>
<span class="title__bot">Italy</span>
</h1>
<h2>#COVID19 #coronavirus #italia</h2>
</header>
<section class="section section--intro">
<p>List of institutions and campaigns to support Italy with their fight against COVID–19.</p>
</section>
<section class="section section--note section--image">
<img src="./src/images/italia-regione.png" alt="Map of Italy with regions">
<p>(Lombardia, Emilia-Romagna, Veneto, Piemonte, Marche are the most affected regions so far, March 17th, 2020)</p>
</section>
<section class="section">
<h3>I would like to help</h3>
<div id="institutions" class="institutions">
<!-- Filled with JS -->
</div>
</section>
<section class="section section--note">
<p>I am doing my best to keep the list updated. If you know more official campaign fund, please <a href="mailto:helpforitaly@protonmail.com">contact
me</a>. <br>(Or, for more tech savvy people, <a href="https://github.com/MichalSvatos/helpforitaly" target="_blank" rel="noopener">make a pull request</a>.)</p>
</section>
<section class="section">
<h3>What else can I do?</h3>
<ul>
<li>Buy authentic Italian products identified by the <a href="http://www.italianmade.com/dop-igp-products/" target="_blank" rel="noopener">DOP/PDO & IGP/PGI seals</a>. It’s an european union guarantee.</li>
<li>Italians have been part of your community for years if not decades. Do not discriminate them they could still play an important role.
</li>
<li>As soon as everything will be alright, plan your next vacation in Italy. It’s such a beautiful country rich of amazing people and fantastic food!
</li>
<li>Support Italians artist and artisans by sharing their work, following them on social media or purchasing their creations.</li>
</ul>
</section>
<section class="section">
<h3>Useful information</h3>
<ul id="links" class="links">
<li>- loading -</li>
</ul>
</section>
<section class="section section--share">
<h3>Please share</h3>
<div class="share">
<button class="button button--twitter" data-sharer="twitter" data-title="Please visit 'Help for Italy'" data-hashtags="covid19, coronavirus, italia" data-url="http://helpforitaly.eu">tw</button>
<button class="button button--facebook" data-sharer="facebook" data-title="Please visit 'Help for Italy'" data-hashtag="covid19" data-url="http://helpforitaly.eu">fb</button>
<button class="button button--reddit" data-sharer="reddit" data-url="http://helpforitaly.eu">re</button>
</div>
</section>
<section class="section section--quote">
<h3>Why I created this site?</h3>
<p>Because I would like to help. My girlfriend is Italian. Shortly after we met Italy became my second home. Most of my friends live there and it’s a struggle to see the situation that the country is facing. In the Czech Republic, my home country, many talented and smart people are working hard to help and make a difference. That’s why I decided to create this website, it’s the least I can do to repay for what Italy did for me.</p>
</section>
<footer>
<p>
<span id="js-current-year"></span>, Coded by
<a href="https://twitter.com/MichalSvatos" target="_blank" rel="noopener">@MichalSvatos</a> with ❤️ for
🇮🇹 Italy
<br>
Edited buoy icon by <a href="https://www.iconfinder.com/deasigner_jae" target="_blank" rel="noopener">Dea
Jae</a>, map of Italy by <a href="https://www.freepik.com/katemangostar" target="_blank" rel="noopener">@katemangostar</a>
<br>
Hosted on <a href="https://github.com/MichalSvatos/helpforitaly" target="_blank" rel="noopener">Github Pages</a>
</p>
</footer>
</div>
<script>
var d = new Date();
document.getElementById("js-current-year").innerHTML = d.getFullYear();
</script>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/sharer.js@latest/sharer.min.js" async></script>
<script src="./src/js/script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-160629666-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-160629666-1');
</script>
</body>
</html>