Velveteen/VelSite
Velveteen/VelSite
1
0
Fork 0
Code Activity

automatic sync 08/13/25

Browse source
This commit is contained in:
Naomi Vel 2025-08-13 22:13:41 -05:00
parent 1dcefbaa3e
commit 64d6083f60
31 changed files with 270 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
Templates/Page Template.dwt
View file

@ -3,7 +3,6 @@
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- TemplateBeginEditable name="morecss" -->
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="doctitle" -->
<title>Page Title</title>
@ -23,10 +24,9 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- TemplateBeginEditable name="Title" -->Title<!-- TemplateEndEditable -->
</h1>
<!-- TemplateBeginEditable name="Body" -->
<h1 id="page-title"></h1>
Page Content
<!-- TemplateEndEditable -->
<center>

7
attribution.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Attribution</title>
@ -23,10 +24,8 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Attribution<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Attribution</h1>
<p>Software used to design and develop this website:</p>
<ul>
<li>Macromedia Dreamweaver MX 2004</li>

7
blog/index.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Blog</title>
@ -23,10 +24,8 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Blog<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Blog</h1>
<p>Welcome to the blog! Here I'll be posting about games, old net stuff, and really just whatever takes
my fancy at the time. Each blog post has its own banner icon, so feel free to click on any of the images
below to go to a blog post. The posts are ordered with the most recent at the top, and the oldest at the

8
blog/posts/20250624-test-post.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Test Post</title>
@ -23,9 +24,6 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Test Post<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel fermentum lorem. Vivamus bibendum, felis in bibendum tincidunt, risus mi consectetur nisi, at viverra mi magna in massa. Donec eget rutrum nibh. Quisque et semper nulla. Nunc vitae porttitor arcu, sit amet consequat augue. Quisque non tellus vel nunc malesuada condimentum. Suspendisse ac lacinia nunc. Vivamus varius hendrerit porttitor. Maecenas nec lorem eu diam ultrices pretium. Duis a tortor mattis, efficitur tortor nec, pretium libero. Quisque eleifend imperdiet turpis id rhoncus. Donec tempor, massa vitae interdum vehicula, lorem augue sagittis nunc, ac porta est risus a nibh. Aenean non scelerisque sem, quis lacinia tortor. Morbi semper lacinia iaculis. Sed a neque dapibus, commodo eros sit amet, vestibulum augue. Cras blandit sed eros eu hendrerit. </p>
@ -61,7 +59,7 @@
<p> Sed posuere lectus vel nibh aliquam porta. Integer sit amet enim quis nunc finibus ullamcorper a et nunc. Sed in massa ac massa porta aliquam. Aenean rutrum ut ex nec pellentesque. Praesent ac consectetur eros. Ut quam dui, placerat nec malesuada id, ultricies a felis. Maecenas sapien nisl, varius at tempus sit amet, consectetur quis tellus. </p>
<p> Quisque leo nisi, sodales at arcu ultrices, cursus molestie lorem. Sed lobortis pellentesque dictum. Ut pharetra volutpat mauris non venenatis. Sed ac nibh bibendum, dictum leo quis, porta lectus. Pellentesque porta euismod erat, vel efficitur dui scelerisque vitae. Aliquam vehicula diam a elit suscipit mattis. Quisque convallis lacus nec iaculis fermentum. Mauris feugiat nisi vitae nulla egestas tempor. Aliquam nec pretium ipsum. Fusce suscipit dui a ante pulvinar bibendum vitae sit amet purus. </p>
</div>
<!-- InstanceEndEditable -->
Test Post<!-- InstanceEndEditable -->
<center>
<img src="/images/hr.png">

7
blog/posts/20250701-new-site-design.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Debuting a new site design</title>
@ -23,10 +24,8 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Debuting a new site design<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Debuting a new site design</h1>
<p>Ok, it's time for the first blog post of this new site. Before I had a simple one-page site, and
actually, over the course of many years and multiple usernames I have never really had anything public
facing on my personal sites other than the simple introductory page with links out to social media, so

7
gallery/index.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Gallery Home</title>
@ -23,10 +24,8 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Photo Gallery<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Photo Gallery</h1>
<p>Occasionally I'll update this page with links to galleries. Usually I like to organise the photos I've taken by date or event or something. For now I am taking these photos with an anachronistic PS Vita 2000, but eventually I'm going to get a Sony CyberShot camera and that'll be my main camera for posting to this website. </p>
<p>Unfortunately, nothing is here yet because I haven't had any time to go out and take photos, but please stay tuned!</p>
<!-- InstanceEndEditable -->

BIN
images/bg-fadein-overlay.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 302 B

7
links.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Links</title>
@ -23,10 +24,8 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Recommended Links<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Recommended Links</h1>
<p>On this page I'm going to list a few different categories of websites. You'll find anything from sites
run by friends, sites that I think keep true to the web 1.0 and 2.0 style, or maybe anything else.</p>

10
sandbox.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Sandbox page</title>
@ -23,11 +24,6 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->
Sandbox
<!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h5>Flash/Ruffle check</h5>
Does this environment support playing Flash content?<br />
@ -65,6 +61,8 @@ Does this environment support playing Flash content?<br />
<noframes>no frames!</noframes>
<noscript>no scripts!</noscript>
Sandbox
<!-- InstanceEndEditable -->
<center>
<img src="/images/hr.png">

62
shrines/index.htm Normal file
View file

@ -0,0 +1,62 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
<meta name="author" content="Velveteen">
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Shrines</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Shrines</h1>
<p>Come and worship at the shrines I have built to things that made an impact on me. Please keep
things tidy and keep profanity at a minimum.</p>
<center>
<table width="480px" border="0" class="blog-image-embed">
<tr>
<td>
<div align="center">
<a href="luckystar">
<img src="luckystar/images/banner.jpg" alt="Lucky Star shrine">
</a>
</div>
</td>
</tr>
</table>
</center>
<br />
<!-- InstanceEndEditable -->
<center>
<img src="/images/hr.png">
<p><span id="share-this-page"></span> &brvbar;&brvbar; <a href="#top">Back to top &uarr;</a></p>
<script>
document.getElementById("share-this-page").innerHTML = `
Share this page: <input type="text" value="` + document.URL + `"></input>
`;
</script>
<div id="flash-banner-ad"></div>
<script src="/scripts/embed-ad.js"></script>
</center>
</body>
<!-- InstanceEnd --></html>

BIN
shrines/luckystar/images/banner.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
shrines/luckystar/images/bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 264 KiB

BIN
shrines/luckystar/images/header.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 279 KiB

BIN
shrines/luckystar/images/kagami-portrait.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
shrines/luckystar/images/konata-portrait.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
shrines/luckystar/images/miyuki-portrait.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
shrines/luckystar/images/section-footer-characters-tilt.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
shrines/luckystar/images/section-footer-characters.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
shrines/luckystar/images/section-footer-media-tilt.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
shrines/luckystar/images/section-footer-media.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
shrines/luckystar/images/section-header-characters.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
shrines/luckystar/images/section-header-media.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
shrines/luckystar/images/section-link-anime.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
shrines/luckystar/images/section-link-light-novels.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
shrines/luckystar/images/section-link-manga.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
shrines/luckystar/images/section-link-video-games.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
shrines/luckystar/images/startile.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
shrines/luckystar/images/tsukasa-portrait.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

143
shrines/luckystar/index.htm Normal file
View file

@ -0,0 +1,143 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
<meta name="author" content="Velveteen">
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<link rel="stylesheet" type="text/css" href="/stylesheets/shrines/luckystar.css">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Vel's Lucky Star Shrine</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style1 {font-size: small}
-->
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<!-- InstanceBeginEditable name="Body" -->
<center>
<img id="shrine-header" src="/shrines/luckystar/images/header.png" alt="Lucky Star Logo header image">
</center>
<div class="shrine-section">
<p>Lucky Star is a Japanese slice-of-life comedy series about a group of best friends going
about their daily lives as high-schoolers. It's funny, quirky and super cute. I first watched the anime in my teens, where I immediately fell in love with the style and relatable experiences of the main characters. It made a big impact on my life, introducing me to slice-of-life comedy, a bunch of related Japanese media like manga and anime, and a lot of references to make to my friends at school.</p>
<p>I decided to finally put my love for this series into a shrine, which is a passion project. Scroll down and click around and hopefully you'll find something new or interesting, or maybe be inspired to watch or read something you hadn't already. </p>
</div>
<table border="0">
<tr>
<td style="vertical-align: top;">
<img class="shrine-section-header-img" src="images/section-header-characters.png" alt="Characters">
<div class="shrine-section">
<table border="0">
<tr>
<td width="200" class="border-dash">
<ul class="list-unstyled">
<li><strong>Konata Izumi</strong></li>
<li class="style1">The sporty, anime and gaming-obsessed main character. She's lazy when it comes to school but high-energy for things she cares about.</li>
<li><span class="style1"><a href="characters/konata-izumi.htm">Read more...</a></span></li>
</ul>
</td>
<td class="border-dash">
<img height="150" width="150" src="images/konata-portrait.jpg">
</td>
</tr>
</table>
<table border="0">
<tr>
<td class="border-dash">
<img height="150" width="150" src="images/kagami-portrait.jpg">
</td>
<td width="200" class="border-dash">
<ul class="list-unstyled">
<li><strong>Kagami Hiiragi</strong></li>
<li class="style1">The straight-laced, responsible twin-sister of Tsukasa who often finds herself pulled into Konata's schemes. </li>
<li><span class="style1"><a href="characters/kagami-hiiragi.htm">Read more...</a></span></li>
</ul>
</td>
</tr>
</table>
<table border="0">
<tr>
<td width="200" class="border-dash">
<ul class="list-unstyled">
<li><strong>Miyuki Takara</strong></li>
<li class="style1">Intelligent, gentle and a little bit air headed. Miyuki is a star student who sometimes gets stuck on everyday social points. </li>
<li><span class="style1"><a href="characters/miyuki-takara.htm">Read more...</a></span></li>
</ul>
</td>
<td class="border-dash">
<img height="150" width="150" src="images/miyuki-portrait.jpg">
</td>
</tr>
</table>
<table border="0">
<tr>
<td class="border-dash">
<img height="150" width="150" src="images/tsukasa-portrait.jpg">
</td>
<td width="200" class="border-dash">
<ul class="list-unstyled">
<li><strong>Tsukasa Hiiragi</strong></li>
<li class="style1">Kagami's sweet twin sister. She can be a little clumsy. </li>
<li><span class="style1"><a href="characters/tsukasa-hiiragi.htm">Read more...</a></span></li>
</ul>
</td>
</tr>
</table>
<p style="float: right; position: relative; top: -20px; right: -10px; min-height: 55px;">
<a style="border-bottom: none;" href="characters">
<img onMouseOver=this.src="images/section-footer-characters-tilt.png" onMouseOut=this.src="images/section-footer-characters.png" src="images/section-footer-characters.png">
</a>
</p>
</div>
</td>
<td style="vertical-align: top;">
<img class="shrine-section-header-img" src="images/section-header-media.png" alt="Media">
<div class="shrine-section">
<p><a href="media/anime.htm"><img src="images/section-link-anime.jpg"></a></p>
<p><a href="media/manga.htm"><img src="images/section-link-manga.jpg"></a></p>
<p><a href="media/videogames.htm"><img src="images/section-link-video-games.jpg"></a></p>
<p><a href="media/light-novels.htm"><img src="images/section-link-light-novels.jpg"></a></p>
<p style="float: right; position: relative; top: -20px; right: -10px;">
<a style="border-bottom: none;" href="media">
<img onMouseOver=this.src="images/section-footer-media-tilt.png" onMouseOut=this.src="images/section-footer-media.png" src="images/section-footer-media.png">
</a>
</p>
</div>
</td>
</tr>
</table>
<!-- InstanceEndEditable -->
<center>
<img src="/images/hr.png">
<p><span id="share-this-page"></span> &brvbar;&brvbar; <a href="#top">Back to top &uarr;</a></p>
<script>
document.getElementById("share-this-page").innerHTML = `
Share this page: <input type="text" value="` + document.URL + `"></input>
`;
</script>
<div id="flash-banner-ad"></div>
<script src="/scripts/embed-ad.js"></script>
</center>
</body>
<!-- InstanceEnd --></html>

36
stylesheets/shrines/luckystar.css Normal file
View file

@ -0,0 +1,36 @@
body {
margin: 0 5px;
background: url('/images/bg-fadein-overlay.png') repeat-y, url('/shrines/luckystar/images/startile.jpg') repeat;
}
a { color: #4873f0; border-bottom: 1px dashed #4873f0; }
a:hover, a:visited, a:active { color: #041c70; border-bottom: 1px solid #041c70; }
#shrine-header {
padding: 0;
margin: 0;
margin-top: 5px;
}
.section-heading {
margin: 0 5px;
}
.shrine-section-header-img {
position: relative;
top: 15px;
left: 15px;
}
.shrine-section {
margin: 0 5px;
padding: 5px;
background: pink;
border: 1px solid hotpink;
}
.shrine-section > p {
margin: 0;
padding: 0;
}
.border-dash {
border: 1px dashed hotpink;
}
.list-unstyled {
list-style-type: none;
padding-left: 5px;
}

7
welcome.htm
View file

@ -3,7 +3,6 @@
<html><!-- InstanceBegin template="/Templates/Page Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Vel's personal site!">
<meta name="keywords" content="PersonalSite,IndieWeb,Blog,Retro,ClassicWeb">
@ -11,6 +10,8 @@
<script src="/scripts/flashcheck.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheets/page.css">
<!-- InstanceBeginEditable name="morecss" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome</title>
@ -23,10 +24,8 @@
<body>
<div id="top"></div>
<script src="/scripts/framecheck.js"></script>
<h1 id="page-title">
<!-- InstanceBeginEditable name="Title" -->Welcome to my Personal Home Page! <!-- InstanceEndEditable -->
</h1>
<!-- InstanceBeginEditable name="Body" -->
<h1 id="page-title">Welcome to my Personal Home Page!</h1>
<p>I'm <strong>Velveteen</strong>, but most people call me <strong>Vel</strong>, and for better or worse, I'm a 90s kid. For a long time I've had personal sites under various different usernames over the years, and I never did all that much with them, so now I want to build and maintain a new website using software I used to mess around with when I was younger.</p>
<p>On this site you might find blog posts talking about old and new things, a photo gallery with pictures taken using older digital point-and-shoot cameras, and maybe some other stuff.</p>
<p>You can use the navigation menu on the left to poke around. I hope that my nostalgia for when the internet was more fun for me can make the internet a bit more fun for you.</p>