SKA-Ireland.github.io/about-us.html at main · SKA-Ireland/SKA-Ireland.github.io · 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }

        .header {
            position: relative;
            width: 100%;
            height: 100px;
            background-image: url('assets/about-header.jpg');
            background-size: cover;
            background-position: center;
            color: rgb(255, 255, 255);
            text-align: center;
        }

        .header h1 {
        margin: 0;
        padding: 0;
        font-size: 47px;
        display: inline-block;
        padding: 10px 20px;
        position: absolute;
        top: 5px;
        left: 20px;
    }

        .content {
            padding: 20px;
        }

        .nav {
            position: absolute;
            top: 20px;
            right: 20px;
        }

        .nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

        .nav ul li {
            margin-left: 20px;
        }

        .nav ul li a {
            text-decoration: none;
            color: white;
            font-size: 16px;
            font-weight: bold;
            padding: 10px;
            border-radius: 5px;
            transition: background 0.3s;
        }

        .nav ul li a:hover {
            background: rgba(255, 248, 248, 0.2);
        }

        body, html {
            background-color: rgb(24, 24, 24);
            color: white;
        }

        .content p {
            color: white;
        }

        a {
        text-decoration: none;
        color: rgb(204, 204, 204);
        font-weight: italic;
        }

    </style>
</head>

<body>
    <div class="header">
        <h1>About Us</h1>
    </div>

    <div class="nav">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="technology.html">Technology</a></li>
            <li><a href="science.html">Science</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>
    </div>

    <div class="content">
        <h1>Background</h1>
        <p>This is the website of the SKA Ireland group. This is a group of Irish astronomers (i.e. astronomers in Ireland, Irish astronomers anywhere in the world) that are interested in the science that can be undertaken with the <a href="https://www.skao.int/en">Square Kilometer Array</a> </p>

        <h1>Who are We?</h1>

        The SKA Ireland group (founded in May 2024) is constituted from professional astrophysicists and scientists of other disciplines (e.g. high performance computing). It includes members from 17 institutes on the island of Ireland and diaspora astronomers across the globe. SKA Ireland reports to the Astronomical Society of Ireland which is the professional body for Irish astronomers.

        <h1>Goals?</h1>

        The over-arching goal of SKA Ireland is to have Irish scientists undertaking SKA science.
    </div>
</body>

<!--
<body>
    <div class="full-screen">
        <img src="ska-ireland-icon.png" alt="Logo" class="logo">
    </div>
</body>
-->

</html>