about page creation, doctype check
This commit is contained in:
15
about.css
15
about.css
@ -1,19 +1,18 @@
|
|||||||
.leftsq {
|
.mainsq {
|
||||||
position: relative;
|
position: relative;
|
||||||
/* left: -220px; */
|
/* left: -220px; */
|
||||||
|
|
||||||
width: 400px;
|
width: 500px;
|
||||||
border: 3px solid aquamarine;
|
border: 3px solid darkblue;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
background-color: darkblue;
|
background-color: dimgrey;
|
||||||
}
|
}
|
||||||
.rightsq {
|
.altsq {
|
||||||
position: relative;
|
position: relative;
|
||||||
/* top:-511px; */
|
/* top:-511px; */
|
||||||
/* left: 220px; */
|
/* left: 220px; */
|
||||||
width: 400px;
|
width: 400px;
|
||||||
border: 3px solid darkblue;
|
border:3px dashed darkblue;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
color:darkgray;
|
background-color: grey;
|
||||||
background-color: aquamarine;
|
|
||||||
}
|
}
|
||||||
38
about.html
38
about.html
@ -1,3 +1,4 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="default.css">
|
<link rel="stylesheet" type="text/css" href="default.css">
|
||||||
@ -9,28 +10,37 @@
|
|||||||
<center>
|
<center>
|
||||||
<div class="titlehead">
|
<div class="titlehead">
|
||||||
<h2>About</h2>
|
<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>
|
||||||
<div class=navbuttons>
|
<div class=navbuttons>
|
||||||
<a href="index.html"><img src="siteimg/icon/monitor_moon.png">Home</a>
|
<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>
|
<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>
|
<a href="blog/"><img src="siteimg/icon/notepad.png">Tech and Tinkering Blog</a>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div class="leftsq">
|
<div class="mainsq">
|
||||||
<h3>so uh, hi there!</h3>
|
<img src="siteimg/xeno/xeno_wave.gif" title="Art by Neon" width="100">
|
||||||
<p>some somewhat average human from the College Station area in Texas. not too much is exciting about me.</p>
|
<h3>hewwo!</h3>
|
||||||
<img src="siteimg/deioxpk-b2e38b76-f126-4d2c-bf24-91713dbfa3d0smol2.png" width="300">
|
<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>
|
||||||
<div class="rightsq">
|
<div class="altsq">
|
||||||
<h3>where the hell am i?</h3>
|
<h3>Other Platforms</h3>
|
||||||
<p>other places you can find me and (not) talk to me, idk</p>
|
<!-- <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>
|
<a href="https://bsky.app/profile/iraven.net" target="_blank">BlueSky</a> /
|
||||||
<br>
|
<a href="https://twitter.com/iRaven4522" target="_blank">Twitter</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>
|
<a href="https://pony.social/@iRaven" target="_blank">Fediverse</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> -->
|
||||||
<img src="siteimg/xeno_wave.gif" width="300">
|
<h3>Involved Projects</h3>
|
||||||
|
<a href="http://genericable.com" target="_blank">Genericable</a> /
|
||||||
|
<a href="https://twcarchive.com" target="_blank">TWC Archive</a>
|
||||||
</div>
|
</div>
|
||||||
</center>
|
</center>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="default.css">
|
<link rel="stylesheet" type="text/css" href="default.css">
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>iraven - oc references</title>
|
<title>iraven - oc references</title>
|
||||||
|
|||||||
Reference in New Issue
Block a user