1
0
Fork 0
VelSite/shrines/luckystar/index.htm

144 lines
6.2 KiB
HTML

<!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>