XHTML translation, added WOFF2 version of font #1
3 changed files with 49 additions and 31 deletions
33
index.html
33
index.html
|
@ -1,22 +1,29 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
||||||
<html lang="en-gb">
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>helix</title>
|
<title>helix</title>
|
||||||
<link href="styles.css" rel="stylesheet" />
|
<link href="styles.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h2>helix</h2>
|
<h2>helix</h2>
|
||||||
<b>about me</b>
|
<p>
|
||||||
<p>pronouns: she/her or they/them, prefer they/them</p>
|
<b>about me</b><br />
|
||||||
<p>i like ipods and optical media, i also like <a href="https://geti2p.net/" target="_blank">i2p</a>.</p>
|
pronouns: she/her or they/them, prefer they/them<br />
|
||||||
<b>my accounts</b>
|
i like ipods and optical media, i also like <a href="https://geti2p.net/">i2p</a>.
|
||||||
<p><a href="xmpp:helix@h2.gay">xmpp:helix@h2.gay</a></p>
|
</p>
|
||||||
<p>matrix: @vel:telepath.im</p>
|
<p>
|
||||||
<p>discord (dont check often): vel.fsky.io </p>
|
<b>my accounts</b><br/>
|
||||||
<p>git (i have like nothing lmfao): <a href="https://forge.fsky.io/vel" target="_blank">https://forge.fsky.io/vel</a></p>
|
<a href="xmpp:helix@h2.gay">xmpp:helix@h2.gay</a><br />
|
||||||
<b><a href="xmpp:offtopic@parties.h2.gay?join">join my shitty MUC today</a></b><br /><br /><br />
|
matrix: @vel:telepath.im<br />
|
||||||
<noscript><em>thank you for disabling javascript.</em></noscript>
|
discord (dont check often): vel.fsky.io<br />
|
||||||
|
git (i have like nothing lmfao): <a href="https://forge.fsky.io/vel">https://forge.fsky.io/vel</a><br />
|
||||||
|
<b><a href="xmpp:offtopic@parties.h2.gay?join">join my shitty MUC today</a></b>
|
||||||
|
</p>
|
||||||
|
<div>
|
||||||
|
<br /><br />
|
||||||
|
<noscript><p><em>thank you for disabling javascript.</em></p></noscript>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
BIN
raleway.woff2
Normal file
BIN
raleway.woff2
Normal file
Binary file not shown.
17
styles.css
17
styles.css
|
@ -1,16 +1,27 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Raleway;
|
font-family: Raleway WOFF2;
|
||||||
src: url(raleway.ttf);
|
src: url('/raleway.woff2');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Raleway TTF;
|
||||||
|
src: url('/raleway.ttf');
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url(bg.jpg);
|
background-image: url(bg.jpg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-color: #ffcfdb;
|
background-color: #ffcfdb;
|
||||||
font-family: Raleway;
|
font-family: Raleway WOFF2, Raleway TTF, sans-serif;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
color: #ffcfdb;
|
color: #ffcfdb;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
br {
|
||||||
|
display: block;
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue