informaticker/network-website
1
0
Fork 0
mirror of https://github.com/informaticker/network-website.git synced 2024-11-23 10:11:59 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

contect

Browse Source
This commit is contained in:
elijah 2024-06-11 13:14:38 +02:00
parent c189dce528
commit 480a43cb0b
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/contact-style.css
View File

@ -73,7 +73,7 @@
pointer-events: initial; pointer-events: initial;
} }
.nav-links a:hover { .nav-links a:hover {
color: #33ccffda; color: #33ccff;
} }
.contact-container { .contact-container {
position: fixed; position: fixed;
@ -87,11 +87,11 @@
pointer-events: none; pointer-events: none;
} }
.contact-container h1 { .contact-container h1 {
font-size: 2rem; font-size: 2.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.contact-container p { .contact-container p {
font-size: 1.2rem; font-size: 1.8rem;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.contact-container a { .contact-container a {
@ -115,5 +115,25 @@
.nav-links li { .nav-links li {
margin: 5px 0; margin: 5px 0;
} }
.contact-container {
position: fixed;
top: 55%;
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: 2.0rem;
margin-bottom: 1rem;
}
.contact-container p {
font-size: 1.3rem;
margin: 0.5rem 0;
}
} }

4
contact/index.html
View File

@ -43,8 +43,8 @@
</nav> </nav>
<div class="contact-container"> <div class="contact-container">
<h1>contact</h1> <h1>contact</h1>
<p>Email: <a href="mailto:me@elia.li">click me</a></p> <p>Email: <a href="mailto:noc@elia.network">click me</a></p>
<p>Matrix: <a href="https://matrix.to/#/@elia:p3t.me">click me</a></p> <p>Emergencies: <a href="mailto:alerts@elia.network">click me</a></p>
<p>Address: Skalluvaarantie 851, 99980 Utsjoki, Finland</p> <p>Address: Skalluvaarantie 851, 99980 Utsjoki, Finland</p>
</div> </div>
</body> </body>