website/scoobs.xyz/index.html

89 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Scoobs!</title>
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class="header-border">
<div>
<h1>Scoobs Did It Again</h1>
<div class='subtitle'>
<p>How <em><b>exciting</b></em>...</p>
</div>
</div>
<div class="navbar">
<a href="http://scoobs.xyz" class="active">Home</a>
<a href="http://bookstack.scoobs.xyz/">My Docs</a>
<a href="http://gitea.scoobs.xyz/">My Repos</a>
<a href="https://github.com/scoobybejesus" class="right">Find me on github</a>
</div>
<div class="row">
<div class="side">
<h2>About Me</h2>
<h5>Just kidding. This is Kirby:</h5>
<div class="first_row_img" style="height:333px;"><img src="/images/kirb_pup.jpg"></div>
<p>He was pretty young. This from June 2013.</p>
</div>
<div class="main">
<h2>PROGRESS OR SLOPPY COPYPASTA? YOU DECIDE! (Aug 3, 2020)</h2>
<h5>More Kirby.</h5>
<div class="first_row_img" style="height:333px;"><img src="/images/kirb_bnw2.jpg"></div>
<p>I copied most of the html and CSS from
<a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_example_website">here</a>.
Even so, I am reasonably proud of myself for putting it together, even if it started out as a
big copypasta. I "hacked" on a bunch of it to make it my own and turn it into something that is
a bit more likeable than it was when I started.</p>
<p>It's not great, but it's a nice start. After all, I've got a couple pictures
of Kirbs to show for it. It's enough to warrant a `git push`
I think.</p>
<br>
<h2>MAKING PROGRESS (Aug 2, 2020)</h2>
<h5>CSS + html = I have a fancy, responsive website.</h5>
<div>
<p>I created a website to sell my book. Buy my new book. On sale now.</p>
<p>That is completely true, except for the part about there being a book (i.e.,
that was false, and there is no book).
</p>
</div>
</div>
<div>
</div>
</div>
</div>
<div class="footer">
<p>For online documentation and support please refer to
<a href="http://bookstack.scoobs.xyz/">My Docs</a>.<br />
</p>
<p>Even better, check out
<a href="http://gitea.scoobs.xyz/">My Repos</a>.<br />
</p>
</div>
</body>
</html>