a
This commit is contained in:
parent
b133828395
commit
1daf7a5334
6 changed files with 39 additions and 7 deletions
BIN
assets/bgs/erm.gif
Normal file
BIN
assets/bgs/erm.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 26 KiB |
BIN
assets/fonts/Gaiatype.otf
Normal file
BIN
assets/fonts/Gaiatype.otf
Normal file
Binary file not shown.
BIN
assets/fonts/Gaiatype.ttf
Normal file
BIN
assets/fonts/Gaiatype.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Gaiatype.woff2
Normal file
BIN
assets/fonts/Gaiatype.woff2
Normal file
Binary file not shown.
|
@ -7,20 +7,27 @@
|
|||
<meta name="description" content="Contacto">
|
||||
<link rel="stylesheet" href="../style.css" type="text/css">
|
||||
<title>Contact</title>
|
||||
<style>
|
||||
h1 {
|
||||
font-family: "Gaiatype";
|
||||
color: rgb(220, 100, 170);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<span style="font-size: 1.2ch; margin: 0 auto" class="langglow">
|
||||
<a>Other language?: </a><a href="./index.html">ES</a>
|
||||
</span>
|
||||
<div class="content">
|
||||
<h1>Contact</h1>
|
||||
<p>If you want to contact me, you can do it via various chat services:
|
||||
<h1 class="lol">Contact</h1>
|
||||
<p style="text-align: center; ">You can contact me trough:
|
||||
</p>
|
||||
<div style="text-align: center;">
|
||||
<p style="text-align: center;"><a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a><a> (Recommended)</a></p>
|
||||
<p><a href="mailto:admin <at> zzls <dot> xyz">Via email (PGP Public Key coming soon)</a></p>
|
||||
<div style="margin-top: 2px;text-align: center; margin-bottom: 2px;">
|
||||
<p><a href="mailto:admin<at>zzls<dot>xyz">Via email</a><code> (admin[at]zzls[dot]xyz)</code></p>
|
||||
<p><a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a><code> (https://matrix.to/#/@fijxu:zzls.xyz)</code></p>
|
||||
<p>IRC <code>(OFTC, Libera Chat)</code>: <code>/query Fijxu</code> (Or whatever you use to send private messages via IRC)</p>
|
||||
<p><a href="">Mastodon</a></p>
|
||||
</div>
|
||||
<p style="text-align: center;">And well, that it's</p>
|
||||
<img src="./assets/1661562598453167.png" class="center">
|
||||
</div>
|
||||
</body>
|
||||
|
|
27
style.css
27
style.css
|
@ -1,3 +1,10 @@
|
|||
/* Fonts */
|
||||
|
||||
@font-face {
|
||||
font-family: "Gaiatype";
|
||||
src: url("https://zzls.xyz/assets/fonts/Gaiatype.woff2") format('woff');
|
||||
}
|
||||
|
||||
html {
|
||||
/* background-color: #111111; */
|
||||
/* background: linear-gradient(to bottom, rgba(11, 11, 11, 0.900), rgba(11, 11, 11, 0.900)); */
|
||||
|
@ -10,7 +17,7 @@ html {
|
|||
/* margin-top: 1px; */
|
||||
background-image: linear-gradient(to bottom,
|
||||
rgba(11, 11, 11, 0.80),
|
||||
rgba(11, 11, 11, 0.85)),
|
||||
rgba(11, 11, 11, 0.80)),
|
||||
url(./assets/bgs/bgtile3.gif);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
@ -90,6 +97,24 @@ code {
|
|||
color: #adff2f;
|
||||
}
|
||||
|
||||
@keyframes erm {
|
||||
0% {
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotate(-2deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
}
|
||||
|
||||
.lol {
|
||||
animation: erm 10s infinite;
|
||||
}
|
||||
|
||||
#donate>* {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue