1
0

about page creation, doctype check

This commit is contained in:
2025-06-07 19:07:54 -05:00
parent 0352268cb3
commit 0f818952e1
4 changed files with 33 additions and 22 deletions

View File

@ -1,19 +1,18 @@
.leftsq {
.mainsq {
position: relative;
/* left: -220px; */
width: 400px;
border: 3px solid aquamarine;
width: 500px;
border: 3px solid darkblue;
padding: 8px;
background-color: darkblue;
background-color: dimgrey;
}
.rightsq {
.altsq {
position: relative;
/* top:-511px; */
/* left: 220px; */
width: 400px;
border: 3px solid darkblue;
border:3px dashed darkblue;
padding: 8px;
color:darkgray;
background-color: aquamarine;
background-color: grey;
}

View File

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
@ -9,28 +10,37 @@
<center>
<div class="titlehead">
<h2>About</h2>
<p>I kinda didn't want to make this page as I absolutely hate bringing any attention to myself but.. alas</p>
<!-- <p>I kinda didn't want to make this page as I absolutely hate bringing any attention to myself but.. alas</p> -->
</div>
<div class=navbuttons>
<a href="index.html"><img src="siteimg/icon/monitor_moon.png">Home</a>
<img src="siteimg/icon/deioxpk-32.png">About Me (and my horsie)</a>
<a href="ocref.html"><img src="siteimg/cd.png">OC References</a>
<a href="ocref.html"><img src="siteimg/icon/cd.png">OC References</a>
<a href="blog/"><img src="siteimg/icon/notepad.png">Tech and Tinkering Blog</a>
</div>
<br>
<div class="leftsq">
<h3>so uh, hi there!</h3>
<p>some somewhat average human from the College Station area in Texas. not too much is exciting about me.</p>
<img src="siteimg/deioxpk-b2e38b76-f126-4d2c-bf24-91713dbfa3d0smol2.png" width="300">
<div class="mainsq">
<img src="siteimg/xeno/xeno_wave.gif" title="Art by Neon" width="100">
<h3>hewwo!</h3>
<h4>any/all, 20</h4>
<p>I'm a midnight-blue pansexual (genderfluid?) fluffy nerdy tech unicorn (poni!) hailing from the College Station area.</p>
<p>I come from a background of mostly messing around with computers my entire life, back to when I was 4 years old, which turned into my professional career.</p>
<p>My field of experience mostly revolves around system and network administration, which includes but isn't limited to Windows (Active Directory), Linux, Cisco, Ubiquiti, MikroTik, Proxmox, ESXi, and more.</p>
<p>I run my own datacenter at home, named Technolog Networks. I self-host many services (Authentik, Nextcloud, Home Assistant) to keep control of my own data, however I also allow friends to host too!</p>
<p>Not to mention other tech hobbies including cable headend/telecom equipment, vintage computers, and more.</p>
<p>My bigger hobbies outside of tech? Ponies (MLP:FiM), astronomy, severe weather, pony fursuiting, and just being a kind, caring, and cuddly unicorn to frens :3</p>
<!-- <img src="siteimg/xeno/deioxpk-b2e38b76-f126-4d2c-bf24-91713dbfa3d0smol2.png" width="300"> -->
</div>
<div class="rightsq">
<h3>where the hell am i?</h3>
<p>other places you can find me and (not) talk to me, idk</p>
<a href="https://twitter.com/iRaven4522"><img src="siteimg/twitter-logo-transparent-small.png" width=32>twitter</a>
<br>
<a href="https://youtube.com/iRaven">my really really cringey youtube i used to make videos on, lost all motivation/energy to do anything with nowadays</a>
<br>
<img src="siteimg/xeno_wave.gif" width="300">
<div class="altsq">
<h3>Other Platforms</h3>
<!-- <p>other places you can find me and (not) talk to me, idk</p> -->
<a href="https://bsky.app/profile/iraven.net" target="_blank">BlueSky</a> /
<a href="https://twitter.com/iRaven4522" target="_blank">Twitter</a> /
<a href="https://pony.social/@iRaven" target="_blank">Fediverse</a>
<!-- <a href="https://youtube.com/iRaven">my really really cringey youtube i used to make videos on, lost all motivation/energy to do anything with nowadays</a> -->
<h3>Involved Projects</h3>
<a href="http://genericable.com" target="_blank">Genericable</a> /
<a href="https://twcarchive.com" target="_blank">TWC Archive</a>
</div>
</center>
</body>

View File

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">

View File

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<title>iraven - oc references</title>