agingEurope/index.html at main · alisoncase/agingEurope · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
            <title></title>

        <!--put your external stylesheet links here-->
        <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="lib/leaflet/leaflet.css">
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
        <!--[if IE<9]>
            <link rel="stylesheet" href="css/style.ie.css">
        <![endif]-->
        <style>
            .serif {
                font-family: 'Noto Serif', serif;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="row" style="background-image: url('img/aging.png'); background-size:cover; background-repeat: no-repeat">
                <div class="col text-center title serif">
                    <h1><b>Europe’s Aging Cities</b></h1>
                    <p class="author"><b>Alison Case | October 2024</b></p>
                </div>
            </div>
        </div>
        <!--text content block-->
        <div class="container">
            <div class="container content-container">
                <div class="col text-left serif">
                    <p>Europe’s population is getting older, quickly. With more older people and less working-age people in the total population,
                    <a href="https://commission.europa.eu/system/files/2023-01/Demography_report_2022_0.pdf">a 2023 report from the European Union (EU)</a>
                    estimates that by 2050, about 30 percent of the European population will be over the age of 65 and there will be less than two working
                    age adults for each elderly person. This equates to an old-age dependency ratio – the ratio of people aged 65 or older, to people
                    aged 20-64 – of 56.7 percent. Compared to the 2021 old-age dependency ratio of 32.5 percent, these 2050 projections indicate an
                    increasing trend of old-age dependency in the future. </p>
                    <p><em><b>By 2050, there are projected to be close to half a million centenarians in the EU.</em></b></p>
                    <p>While Europeans are living longer than ever before, in just ten years, the proportion of young people (aged 15-29) dropped from
                        18.1 percent in 2011 to 16.3 percent in 2021. This declining trend is estimated to continue.</p>
                    <p>These demographic shifts will likely have significant implications, not only for individuals, but also for governments, businesses,
                        and civil society.  They will affect health and social care systems, labor markets, public finances, and pension entitlements.</p>
                    <p>Women already outnumber men at older ages within the EU. In 2019, there were <a href="https://ec.europa.eu/eurostat/statistics-explained/index.php?title=Ageing_Europe_-_statistics_on_population_developments">more
                        than twice as many very old women</a> (aged 85 years or more) as very old men. Due to their longer life expectancy, women often need
                        more long-term care, while their pensions were on average 26.9 percent lower than men’s in 2021. This will require investments and
                        adaptations to ensure accessibility for all and could make it harder for countries to sustain their pensions.
                            <a href="https://commission.europa.eu/system/files/2023-01/Demography_report_2022_0.pdf">The EU projects</a>
                        the total cost of aging, which stood at 24 percent of GDP in 2019, will rise by 1.9 percentage points of GDP by 2070.
                        </p>
                    <p>Given these changing demographics, Europe's cities will increasingly need to position themselves as senior friendly, especially
                        in terms of housing, mobility, safety, and health. Cities like <a href="https://extranet.who.int/agefriendlyworld/network/vienna/">Vienna</a>
                        are already demonstrating their commitments to creating an age-friendly environment. Vienna has a network of nursing and care services,
                        comprehensive recreational activities, affordable housing, support and social benefits, low-threshold information, an accessible public
                        transport network, and its own Senior Citizens’ Advocate for the city.</p>
                    <p>Explore these changing demographics in major European cities, including some cities outside the EU, in the map below.</p>
                </div>
            </div>
        </div>
        <div id="mydiv"></div>
        <div class="container">
            <div class="map-container">
                <div id="map"></div>
                <div class="color-picker-container">
                    <label for="colorPicker" style="font-family: 'Noto Sans', sans-serif;">Change Color:</label>
                    <input type="color" id="colorPicker" value="#998ec3">
                </div>
            </div>
        </div>
        <div id="panel"></div>
        <script type="text/javascript" src="lib/leaflet/leaflet-src.js"></script>
        <script type="text/javascript" src="lib/leaflet/leaflet-providers.js"></script>
        <!--put your external script links here-->
        <!--<script type="text/javascript" src="js/main.js"></script>-->
        <!--<script type="text/javascript" src="js/quickstartTutorial.js"></script>-->
        <script type="text/javascript" src="js/main.js"></script>
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
        <!--credits-->
        <footer class="footer mt-auto py-3 bg-light">
            <div class="container">
                <div class="credits text-center">
                        <p><b>Credits:</b></p>
                        <p>Map created with
                            <a href="https://leafletjs.com/Leaflet">Leaflet</a></p>
                        <p>Data from the
                            <a href="https://stats.oecd.org">Organization for Economic Cooperation and Development (OECD)</a></p>
                        <p>“The impact of demographic change in Europe,”
                            <a href="https://commission.europa.eu/strategy-and-policy/priorities-2019-2024/new-push-european-democracy/impact-demographic-change-europe_en">European Commission</a>
                            </p>
                        <p>“Eurobarometer: Demographic change in Europe,”
                            <a href="https://europa.eu/eurobarometer/surveys/detail/3112">European Union</a>
                            </p>
                        <p>“Age-friendly World: Vienna,”
                            <a href="https://extranet.who.int/agefriendlyworld/network/vienna/">World Health Organization</a>
                            </p>
                        <p>Cover image by
                            <a href="https://stock.adobe.com/contributor/207686895/backup-studio">backup-studio/stock.adobe.com</a>
                        </p>
                </div>
            </div>
        </footer>
    </body>
</html>