190 lines
4.4 KiB
HTML
190 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="content-language" content="en" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Liens DGNum</title>
|
|
<meta name="title" content="Liens DGNum" />
|
|
<style>
|
|
body {
|
|
text-align: center;
|
|
color: rgb(64, 70, 84);
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
font-family:
|
|
Inter,
|
|
SF Pro,
|
|
Segoe UI,
|
|
Roboto,
|
|
Oxygen,
|
|
Ubuntu,
|
|
Helvetica Neue,
|
|
Helvetica,
|
|
Arial,
|
|
sans-serif;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
article {
|
|
max-width: 1152px;
|
|
margin: auto;
|
|
}
|
|
|
|
figure.is-icon {
|
|
height: 24px;
|
|
width: 24px;
|
|
margin: 0;
|
|
margin-right: 0.5rem;
|
|
padding: 0;
|
|
}
|
|
|
|
header {
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 36px;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
hr {
|
|
width: 77.5%;
|
|
margin: 1.5rem auto;
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
width: 72.5%;
|
|
margin: auto;
|
|
}
|
|
|
|
a {
|
|
border-color: rgb(214, 217, 224);
|
|
border-radius: 0.375rem;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow:
|
|
rgba(51, 51, 51, 0.05) 0px 1px 2px 0px,
|
|
rgba(51, 51, 51, 0.05) 0px 2px 4px 0px;
|
|
box-sizing: border-box;
|
|
color: rgb(46, 51, 61);
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-weight: 500;
|
|
height: 2.5em;
|
|
justify-content: center;
|
|
margin-bottom: 0.5rem;
|
|
padding: calc(0.5em - 1px);
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
width: 75%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
a:hover {
|
|
box-shadow: none;
|
|
border-color: black;
|
|
}
|
|
|
|
.image {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.image img {
|
|
display: block;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Link styling */
|
|
.link-dev {
|
|
background-color: #0a0a0a;
|
|
}
|
|
|
|
.link-git {
|
|
background-color: #ff6600;
|
|
}
|
|
|
|
.link-gitlab {
|
|
background-color: #554488;
|
|
}
|
|
|
|
.link-instagram {
|
|
background-color: #833ab4;
|
|
background: linear-gradient(20deg, #833ab4, #fd1d1d, #fcb045);
|
|
}
|
|
|
|
.link-mastodon {
|
|
background-color: #6364ff;
|
|
color: white;
|
|
}
|
|
|
|
.link-status {
|
|
background-color: rgb(102, 223, 146);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<article>
|
|
<header>
|
|
<figure>
|
|
<img alt="Délégation Générale Numérique" height="165" width="315" src="/img/dgnum.svg" />
|
|
</figure>
|
|
<h1>Délégation Générale Numérique</h1>
|
|
<p>La Délégation Générale Numérique est une association loi 1901 domiciliée à l'ENS dont les buts sont de promouvoir la chose numérique ainsi que son usage.</p>
|
|
</header>
|
|
<hr />
|
|
|
|
<a class="link-status" href="https://status.dgnum.eu">
|
|
<figure class="image is-icon">
|
|
<img alt="" aria-hidden="true" src="/icons/status.svg" height="24px" width="24px" />
|
|
</figure>
|
|
<span>État des services</span>
|
|
</a>
|
|
|
|
<a class="link-classic" href="https://dgnum.eu">
|
|
<figure class="image is-icon">
|
|
<img alt="" aria-hidden="true" src="/icons/website.svg" height="24px" width="24px" />
|
|
</figure>
|
|
<span>Notre site</span>
|
|
</a>
|
|
|
|
<a class="link-git" href="https://git.dgnum.eu">
|
|
<figure class="image is-icon">
|
|
<img alt="" aria-hidden="true" src="/icons/git.svg" height="24px" width="24px" />
|
|
</figure>
|
|
<span>Forge Git</span>
|
|
</a>
|
|
|
|
<a class="link-mastodon" href="https://social.dgnum.eu/@dgnum">
|
|
<figure class="image is-icon">
|
|
<img alt="" aria-hidden="true" src="/icons/mastodon.svg" height="24px" width="24px" />
|
|
</figure>
|
|
<span>Mastodon</span>
|
|
</a>
|
|
|
|
<a class="link-instagram" href="https://www.instagram.com/dgnum_eu/">
|
|
<figure class="image is-icon">
|
|
<img alt="" aria-hidden="true" src="/icons/instagram.svg" height="24px" width="24px" />
|
|
</figure>
|
|
<span>Instagram</span>
|
|
</a>
|
|
|
|
<a class="link-classic" href="mailto:contact@dgnum.eu">
|
|
<figure class="image is-icon">
|
|
<img alt="" aria-hidden="true" src="/icons/contact.svg" height="24px" width="24px" />
|
|
</figure>
|
|
<span>Nous contacter</span>
|
|
</a>
|
|
|
|
</article>
|
|
</body>
|
|
|
|
</html>
|