This commit is contained in:
adrianvic 2024-02-18 14:38:17 -03:00
commit 27fe99bb39
3 changed files with 91 additions and 11 deletions

28
index.htm Normal file
View file

@ -0,0 +1,28 @@
<!doctype html>
<html>
<head>
<title>Adrian</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body class="vertcentered">
<center>
<h1 class="nobottommargin">adrian's webspace</h1>
<h3 class="italic lightcol nospace">fantasy is not a crime, find your castle in the sky</h2>
<table height="100%" width="100%">
<h3 class="nospace">
<a href="http://blog.adrian.rf.gd/" style="text-decoration:blink">blog</a>
<a href="http://gallery.adrian.rf.gd/" style="text-decoration:blink">gallery</a>
</h3>
<tr>
<td align="center" valign="middle" style="padding-left: 10%; padding-right: 10%;">
<p>Hello, I'm Adrian, a newbie developer, tech enthusiast, photographer and conlang creator who loves literature.
</p>
<p>You can find me on <a class="italic" href="https://www.github.com/adrianvic">Github</a>, <a class="italic" href="https://youtube.com/@cdnapollo">YouTube</a> or <a class="italic" href="https://reddit.com/u/Afox200">Reddit</a></p>
</td>
</tr>
</table>
<p class="bold">Adrian Victor, <span style="text-decoration: line-through;">all</span> no rights reserved <p>
</center>
</body>
</html>

View file

@ -1,11 +0,0 @@
<!doctype HTML>
<head>
<title>adrian's</title>
</head>
<body>
<center>
<h1>adrian's place</h1>
<h4>welcome to my website, this will get nice as I learn HTML...</h4>
</center>
</body>

63
styles.css Normal file
View file

@ -0,0 +1,63 @@
@font-face {
font-family: "segoeUI";
src: url("./fonts/segoeui.ttf");
}
body {
background-color: black;
color: white;
font-family: "segoeUI"
}
a {
color: gray;
}
.italic {
font-style: italic;
}
.bold {
font-style: bold;
}
.lightcol {
color: lightgray;
}
.nospace {
margin-top: 0;
margin-bottom: 0;
}
.notopmargin {
margin-top: 0;
}
.nobottommargin {
margin-bottom: 0;
}
.ad-banner {
width: 200px;
height: 200px;
border: 2px solid gray;
}
.ad-banner img {
width: 100%;
height: auto;
}
.vertcentered {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
a.inlined {
display: inline;
}