links-page/index.html
2023-10-05 10:15:23 -04:00

81 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Tech Workers' Syndicate" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://techwork.zone/">
<meta property="og:image" content="/pfp.png" />
<meta property="og:description"
content="Mastodon: @syndicate@tams.tech; BlueSky: @techwork.zone; Chat: matrix.to/#/#tws:matrix.org; blog.techwork.zone; Source code: git.techwork.zone" />
<title>Tech Workers' Syndicate</title>
<style>
html,
body,
.links {
height: 90%;
background: #222;
font-family: Helvetica, Arial, sans-serif;
}
.links {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
list-style-type: none;
}
.links>a {
border: 1px solid orange;
border-radius: 0.5rem;
color: white;
padding: 1.5em;
margin: 1em;
width: 33%;
text-decoration: none;
text-align: center;
}
h1.title {
color: orange;
width: 100%;
text-align: center;
margin-top: 10%;
}
@media (max-height: 650px) {
.links {
display: block;
margin-bottom: 3em;
}
.links > a {
margin: 1em auto 1em auto;
display: block;
}
h1.title {
margin-bottom: 5%;
}
}
</style>
</head>
<body>
<h1 class="title">Tech Workers' Syndicate</h1>
<div class="links">
<a href="https://tams.tech/@syndicate" rel="me">Mastodon</a>
<a href="https://bsky.app/profile/techwork.zone" rel="me">BlueSky</a>
<a href="https://matrix.to/#/#tws:matrix.org">Join us!</a>
<a href="https://blog.techwork.zone/">Blog</a>
<a href="https://git.techwork.zone">Source Code</a>
</div>
</body>
</html>