media.html - willdotjpg
🧩 Syntax:
<!DOCTYPE html>
<html lang="en">
<style>
</style>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="media.css" rel="stylesheet" type="text/css" media="all">
<link rel="icon" type="image/png" href="https://willdotjpg.gay/images/misc/sticker29.png">;
<title>media log</title>
</head>
<body>
<div class="title">
MEDIA LOG
</div>
<div class="bear1">
<img src="https://willdotjpg.gay/templates/media/polco_bearheadstrawberry.png"; width="120">
</div>
<div class="bear2">
<img src="https://willdotjpg.gay/templates/media/polco_bearhead.png"; width="120">
</div>
<div class="main">
<div class="vl"></div>
<div class="navigation">
<center>
<div class="w3-bar w3-black">
<button class="category" onclick="openCity('Books')">Books</button><br><br>
<button class="category" onclick="openCity('TV')">TV</button><br><br>
<button class="category" onclick="openCity('Anime')">Anime</button><br><br>
<button class="category" onclick="openCity('Manga')">Manga</button><br><br>
<button class="category" onclick="openCity('Music')">Music</button><br><br>
</div>
☐ started<br>
☑ completed<br>
☒ didn't finish<br>
↺ rewatch/read/listen<br>
<img src="https://willdotjpg.gay/templates/media/star.gif">; eh<br>
<img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif">; okay<br>
<img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif">; good<br>
<img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif">; great<br>
<img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif"><img src="https://willdotjpg.gay/templates/media/star.gif">; perfect
</center>
</div>
<div class="content">
<div id="Books" class="city">
<h2>BOOKS</h2><br>
<h3>[TITLE]</h3>
author: <br>
genre: <br>
year: <br>
status: ☑<br>
rating: <img src="https://willdotjpg.gay/templates/media/star.gif"><br>;
<img src="https://willdotjpg.gay/templates/media/placeholder.png"; align="left" style="padding-right: 5px;">
<p>
welcome to the media log template! i originally created this for my wife to use to keep track of all their media, so i wanted to make it as cute as possible. :3
</p>
<p>
here are the html file and the css file.
</p>
<p>
the fonts used are <a href="https://willdotjpg.gay/fonts/ADELIA.OTF">adelia</a>; (for the page title) and <a href="https://willdotjpg.gay/fonts/daisywhl.otf">daisy wheel</a> (for the body.)
</p>
<p>feel free to change it around as much as you'd like!</p>
</div>
<div id="TV" class="city" style="display:none">
<h2>TV</h2><br>
<h3>[TITLE]</h3>
genre: <br>
year: <br>
status: ☑<br>
rating: <img src="https://willdotjpg.gay/templates/media/star.gif"><br>;
<img src="https://willdotjpg.gay/templates/media/placeholder.png"; align="left" style="padding-right: 5px;"> <p>
Combusken cherrim slugma electrike feebas chansey articuno registeel skiploom? Sigilyph shelmet haunter grimer lillipup whismur claydol toxicroak slaking vanillite. Glaceon glameow drowzee spheal. Cyndaquil clefairy deoxys corsola, slugma chatot bronzor gyarados. Delibird cranidos natu finneon heracross of sharpedo? Togekiss houndour magnemite jumpluff dwebble! Hippowdon seedot croagunk houndour pichu gothita skuntank roselia lombre spearow. Scyther tauros weedle houndour paras skiploom pidgey bronzor purrloin. Butterfree mightyena skitty genesect. Haunter pansage zubat sudowoodo gulpin frillish shuckle smoochum golem kyurem leafeon. Ditto sandslash quagsire, skarmory sawk.
</p>
<p>
Swampert jynx kangaskhan arbok mareep beartic magnemite litwick carnivine drilbur rapidash a. Dugtrio farfetch regirock anorith? The electrode pelipper golem mightyena conkeldurr stantler torterra wartortle bronzor. Blissey dustox tangela bronzong pinsir rapidash gulpin walrein meloetta drifloon starly stunfisk. Poliwhirl torterra smoochum bronzor alomomola. Gothitelle deerling vigoroth rufflet hariyama snubbull sudowoodo turtwig mew deerling celebi. Chatot hitmonchan snorlax slugma. Spoink larvesta kabuto lombre; mawile rhyhorn omastar. Corphish minccino kirlia jellicent! Combee manectric sandshrew solosis spearow. Illumise silcoon petilil snover chingling poliwhirl; skorupi medicham roggenrola taillow paras pidgey kricketot? Torchic arbok!
</p>
</div>
<div id="Anime" class="city" style="display:none">
<h2>ANIME</h2><br>
<h3>[TITLE]</h3>
studio: <br>
genre: <br>
year: <br>
status: ☑<br>
rating: <img src="https://willdotjpg.gay/templates/media/star.gif"><br>;
<img src="https://willdotjpg.gay/templates/media/placeholder.png"; align="left" style="padding-right: 5px;"> <p>
Combusken cherrim slugma electrike feebas chansey articuno registeel skiploom? Sigilyph shelmet haunter grimer lillipup whismur claydol toxicroak slaking vanillite. Glaceon glameow drowzee spheal. Cyndaquil clefairy deoxys corsola, slugma chatot bronzor gyarados. Delibird cranidos natu finneon heracross of sharpedo? Togekiss houndour magnemite jumpluff dwebble! Hippowdon seedot croagunk houndour pichu gothita skuntank roselia lombre spearow. Scyther tauros weedle houndour paras skiploom pidgey bronzor purrloin. Butterfree mightyena skitty genesect. Haunter pansage zubat sudowoodo gulpin frillish shuckle smoochum golem kyurem leafeon. Ditto sandslash quagsire, skarmory sawk.
</p>
<p>
Swampert jynx kangaskhan arbok mareep beartic magnemite litwick carnivine drilbur rapidash a. Dugtrio farfetch regirock anorith? The electrode pelipper golem mightyena conkeldurr stantler torterra wartortle bronzor. Blissey dustox tangela bronzong pinsir rapidash gulpin walrein meloetta drifloon starly stunfisk. Poliwhirl torterra smoochum bronzor alomomola. Gothitelle deerling vigoroth rufflet hariyama snubbull sudowoodo turtwig mew deerling celebi. Chatot hitmonchan snorlax slugma. Spoink larvesta kabuto lombre; mawile rhyhorn omastar. Corphish minccino kirlia jellicent! Combee manectric sandshrew solosis spearow. Illumise silcoon petilil snover chingling poliwhirl; skorupi medicham roggenrola taillow paras pidgey kricketot? Torchic arbok!
</p>
</div>
<div id="Manga" class="city" style="display:none">
<h2>MANGA</h2><br>
<h3>[TITLE]</h3>
author: <br>
genre: <br>
year: <br>
status: ☑<br>
rating: <img src="https://willdotjpg.gay/templates/media/star.gif"><br>;
<img src="https://willdotjpg.gay/templates/media/placeholder.png"; align="left" style="padding-right: 5px;"> <p>
Combusken cherrim slugma electrike feebas chansey articuno registeel skiploom? Sigilyph shelmet haunter grimer lillipup whismur claydol toxicroak slaking vanillite. Glaceon glameow drowzee spheal. Cyndaquil clefairy deoxys corsola, slugma chatot bronzor gyarados. Delibird cranidos natu finneon heracross of sharpedo? Togekiss houndour magnemite jumpluff dwebble! Hippowdon seedot croagunk houndour pichu gothita skuntank roselia lombre spearow. Scyther tauros weedle houndour paras skiploom pidgey bronzor purrloin. Butterfree mightyena skitty genesect. Haunter pansage zubat sudowoodo gulpin frillish shuckle smoochum golem kyurem leafeon. Ditto sandslash quagsire, skarmory sawk.
</p>
<p>
Swampert jynx kangaskhan arbok mareep beartic magnemite litwick carnivine drilbur rapidash a. Dugtrio farfetch regirock anorith? The electrode pelipper golem mightyena conkeldurr stantler torterra wartortle bronzor. Blissey dustox tangela bronzong pinsir rapidash gulpin walrein meloetta drifloon starly stunfisk. Poliwhirl torterra smoochum bronzor alomomola. Gothitelle deerling vigoroth rufflet hariyama snubbull sudowoodo turtwig mew deerling celebi. Chatot hitmonchan snorlax slugma. Spoink larvesta kabuto lombre; mawile rhyhorn omastar. Corphish minccino kirlia jellicent! Combee manectric sandshrew solosis spearow. Illumise silcoon petilil snover chingling poliwhirl; skorupi medicham roggenrola taillow paras pidgey kricketot? Torchic arbok!
</p>
</div>
<div id="Music" class="city" style="display:none">
<h2>MUSIC</h2><br>
<h3>[TITLE]</h3>
artist: <br>
genre: <br>
year: <br>
status: ☑<br>
rating: <img src="https://willdotjpg.gay/templates/media/star.gif"><br>;
<img src="https://willdotjpg.gay/templates/media/placeholder.png"; align="left" style="padding-right: 5px;"> <p>
Combusken cherrim slugma electrike feebas chansey articuno registeel skiploom? Sigilyph shelmet haunter grimer lillipup whismur claydol toxicroak slaking vanillite. Glaceon glameow drowzee spheal. Cyndaquil clefairy deoxys corsola, slugma chatot bronzor gyarados. Delibird cranidos natu finneon heracross of sharpedo? Togekiss houndour magnemite jumpluff dwebble! Hippowdon seedot croagunk houndour pichu gothita skuntank roselia lombre spearow. Scyther tauros weedle houndour paras skiploom pidgey bronzor purrloin. Butterfree mightyena skitty genesect. Haunter pansage zubat sudowoodo gulpin frillish shuckle smoochum golem kyurem leafeon. Ditto sandslash quagsire, skarmory sawk.
</p>
<p>
Swampert jynx kangaskhan arbok mareep beartic magnemite litwick carnivine drilbur rapidash a. Dugtrio farfetch regirock anorith? The electrode pelipper golem mightyena conkeldurr stantler torterra wartortle bronzor. Blissey dustox tangela bronzong pinsir rapidash gulpin walrein meloetta drifloon starly stunfisk. Poliwhirl torterra smoochum bronzor alomomola. Gothitelle deerling vigoroth rufflet hariyama snubbull sudowoodo turtwig mew deerling celebi. Chatot hitmonchan snorlax slugma. Spoink larvesta kabuto lombre; mawile rhyhorn omastar. Corphish minccino kirlia jellicent! Combee manectric sandshrew solosis spearow. Illumise silcoon petilil snover chingling poliwhirl; skorupi medicham roggenrola taillow paras pidgey kricketot? Torchic arbok!
</p>
</div>
</div>
</div>
<!-- JAVASCRIPT FOR NAV -->
<script>
function openCity(cityName) {
var i;
var x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(cityName).style.display = "block";
}
</script>
</body>
</html>
willdotjpg
Member
Google Photos Downloader
Bulk Download ExtensionAllows users to download Google Photos in bulk easily.
- 😊 Back up photos of a person
- 📁 Download an entire album
- 🖼️ Download photos to print
MinuteBio Games
Instant Browser GamesNo downloads. No installs. Just play.