index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>lantern startpage</title>
	<link rel="stylesheet" href="stylesheet.css">
	<link rel="stylesheet" media="(max-width: 480px)" href="media-query-480px.css">
</head>
<body>
	<header>
		<h1>提灯</h1>
		<img src="https://media1.tenor.com/images/097379e929e902009c933809fc3a19d8/tenor.gif?itemid=14579527">
	</header>
	<main>
		<fieldset>
			<legend>projects</legend>
			<ul>
				<li><a href="https://github.com/gitleptune/lantern-theme">lantern-theme</a></li>
				<li><a href="https://github.com/besterestmark/bettermark">bettermark</a></li>
			</ul>
		</fieldset>
		<fieldset>
			<legend>anime & manga</legend>
			<ul>
				<li><a href="https://mangasee123.com/read-online/One-Piece-chapter-581.html">One Piece</a></li>
				<li><a href="https://animesuge.io/anime/yona-of-the-dawn-9y6m/ep-5">Yona of the Dawn</a></li>
				<li><a href="https://github.com/gitleptune/watchlist">watchlist</a></li>
			</ul>
		</fieldset>
		<fieldset>
			<legend>social</legend>
			<ul>
				<li><a href="https://discord.com/app">discord</a></li>
				<li><a href="https://reddit.com/r/all">r/all</a></li>
				<li><a href="https://mail.protonmail.com/u/0/inbox">protonmail</a></li>
			</ul>
		</fieldset>
	</main>
</body>
</html>