mirror of
https://github.com/informaticker/network-website.git
synced 2024-11-23 18:21:58 +01:00
contact page my good sir.
This commit is contained in:
elijah
parent
45c94224ba
commit
8a4e9f6dea
102
assets/contact-style.css
Normal file
102
assets/contact-style.css
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'workbench';
|
||||||
|
src: url('../assets/font.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background-color: #333;
|
||||||
|
background-image:
|
||||||
|
linear-gradient(to bottom,
|
||||||
|
#000000,
|
||||||
|
#22770156,
|
||||||
|
#221100
|
||||||
|
);
|
||||||
|
background-size: 100% 3px;
|
||||||
|
background-repeat: repeat-y;
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'workbench', sans-serif;
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
background:
|
||||||
|
radial-gradient(
|
||||||
|
farthest-corner at 50% 50%,
|
||||||
|
rgba(0, 0, 0, 0.6),
|
||||||
|
rgba(20, 20, 20, 0.6) 50%,
|
||||||
|
rgba(40, 40, 40, 0.6) 100%
|
||||||
|
);
|
||||||
|
background-size: 100% 300px;
|
||||||
|
background-position: 0% 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
color: #33ccffca;
|
||||||
|
text-shadow: 0 0 10px #33ccffbe;
|
||||||
|
}
|
||||||
|
.nav-links {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-links li {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.nav-links a {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #33ccffab;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
text-shadow: 0 0 3px #33ccffaf;
|
||||||
|
pointer-events: initial;
|
||||||
|
}
|
||||||
|
.nav-links a:hover {
|
||||||
|
color: #33ccffda;
|
||||||
|
}
|
||||||
|
.contact-container {
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
text-align: center;
|
||||||
|
color: #33ccffab;
|
||||||
|
text-shadow: 0 0 3px #33ccffaf;
|
||||||
|
padding: 10px;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.contact-container h1 {
|
||||||
|
font-size: 2rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.contact-container p {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.contact-container a {
|
||||||
|
color: #33ccffab;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
pointer-events: stroke;
|
||||||
|
}
|
||||||
|
.contact-container a:hover {
|
||||||
|
color: #33ccffda;
|
||||||
|
}
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.navbar {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-links {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.nav-links li {
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -12,6 +12,8 @@ body {
|
|||||||
);
|
);
|
||||||
background-size: 100% 3px;
|
background-size: 100% 3px;
|
||||||
background-repeat: repeat-y;
|
background-repeat: repeat-y;
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'workbench', sans-serif;
|
||||||
}
|
}
|
||||||
.navbar {
|
.navbar {
|
||||||
background:
|
background:
|
||||||
@ -27,9 +29,9 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.logo {
|
.logo {
|
||||||
font-family: 'workbench', sans-serif;
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
color: #33ccffca;
|
color: #33ccffca;
|
||||||
text-shadow: 0 0 10px #33ccffbe;
|
text-shadow: 0 0 10px #33ccffbe;
|
||||||
@ -45,16 +47,17 @@ body {
|
|||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
.nav-links a {
|
.nav-links a {
|
||||||
font-family: 'workbench', sans-serif;
|
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
color: #33ccffab;
|
color: #33ccffab;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.2s ease;
|
transition: color 0.2s ease;
|
||||||
text-shadow: 0 0 3px #33ccffaf;
|
text-shadow: 0 0 3px #33ccffaf;
|
||||||
|
pointer-events: initial;
|
||||||
}
|
}
|
||||||
.nav-links a:hover {
|
.nav-links a:hover {
|
||||||
color: #33ccffda;
|
color: #33ccffda;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ascii-art-container {
|
.ascii-art-container {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|||||||
48
contact/index.html
Normal file
48
contact/index.html
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="title" content="contact @ elia.network">
|
||||||
|
<meta name="description" content="elia.network noc contact">
|
||||||
|
<meta name="author" content="elia">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png">
|
||||||
|
<link rel="manifest" href="../icons/site.webmanifest">
|
||||||
|
<link rel="mask-icon" href="../icons/safari-pinned-tab.svg" color="#33ccffaf">
|
||||||
|
<link rel="shortcut icon" href="../icons/favicon.ico">
|
||||||
|
<meta name="msapplication-TileColor" content="#33ccff">
|
||||||
|
<meta name="msapplication-config" content="../icons/browserconfig.xml">
|
||||||
|
<meta name="theme-color" content="#33ccff">
|
||||||
|
<meta property="og:title" content="contact @ elia.network">
|
||||||
|
<meta property="og:description" content="elia.network noc contact">
|
||||||
|
<meta property="og:url" content="https://elia.network/contact">
|
||||||
|
<meta property="og:site_name" content="elia.network">
|
||||||
|
<meta property="twitter:title" content="contact @ elia.network">
|
||||||
|
<meta property="twitter:description" content="elia.network noc contact">
|
||||||
|
<meta property="twitter:card" content="summary_large_image">
|
||||||
|
<link rel="stylesheet" href="../assets/contact-style.css">
|
||||||
|
<title>contact @ elia.network</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navbar">
|
||||||
|
<div class="logo">
|
||||||
|
<span>elia.network</span>
|
||||||
|
</div>
|
||||||
|
<ul class="nav-links">
|
||||||
|
<li><a href="https://media.elia.network">media</a></li>
|
||||||
|
<li><a href="https://chat.elia.network">chat</a></li>
|
||||||
|
<li><a href="https://monitor.elia.network/status/public">status</a></li>
|
||||||
|
<li><a href="https://schizophrenia.network">schizophrenia</a></li>
|
||||||
|
<li><a href="/">back</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<div class="contact-container">
|
||||||
|
<h1>contact</h1>
|
||||||
|
<p>Email: <a href="mailto:me@elia.li">click me</a></p>
|
||||||
|
<p>Matrix: <a href="https://matrix.to/#/@elia:p3t.me">click me</a></p>
|
||||||
|
<p>Address: Skalluvaarantie 851, 99980 Utsjoki, Finland</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -38,6 +38,7 @@
|
|||||||
<li><a href="https://chat.elia.network">chat</a></li>
|
<li><a href="https://chat.elia.network">chat</a></li>
|
||||||
<li><a href="https://monitor.elia.network/status/public">status</a></li>
|
<li><a href="https://monitor.elia.network/status/public">status</a></li>
|
||||||
<li><a href="https://schizophrenia.network">schizophrenia</a></li>
|
<li><a href="https://schizophrenia.network">schizophrenia</a></li>
|
||||||
|
<li><a href="contact">contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="ascii-art-container" id="ascii-art-container"></div>
|
<div class="ascii-art-container" id="ascii-art-container"></div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user