Skip to content

Commit

Permalink
album and login pages initial work
Browse files Browse the repository at this point in the history
  • Loading branch information
mattl committed Oct 13, 2024
1 parent c3c5bd1 commit c9b9b36
Show file tree
Hide file tree
Showing 3 changed files with 108 additions and 1 deletion.
76 changes: 76 additions & 0 deletions prototypes/0/album.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Libre.fm</title>
<style>
kbd {background: black; color: lime;}
</style>
</head>

<body>
<header>
<h1>Libre.fm</h1>
</header>
<main>
<section>
<h2>Joy Division</h2>

<h3>Unknown Pleasures</h3>

<p>June 15, 1979. Factory Records</p>
<kbd>These should all be links</kbd>

<figure><img src="https://placecats.com/300/300" alt="">
<figcaption>FACT 10</figcaption>
</figure>

<!-- https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=1&explaintext=1&titles=Unknown%20Pleasures -->

<blockquote>
<kbd>Something so we know this is from Wikipedia</kbd>
<p>Unknown Pleasures is the debut studio album by the English rock band Joy Division. It was released on 15 June 1979 through Factory Records. The album was recorded and mixed over three successive weekends at Stockport's Strawberry Studios in April 1979, with producer Martin Hannett contributing a number of unconventional recording techniques to the group's sound. The cover artwork was designed by artist Peter Saville, using a data plot of signals from a radio pulsar. It is the only Joy Division album released during lead singer Ian Curtis's lifetime.</p>

<p>Factory Records did not release any singles from Unknown Pleasures. In January 1980 the album placed at no. 2 on the first publication of the Indie Albums Chart. It reached no. 71 on the Albums Chart when reissued in July 1980 just after the release of the subsequent album Closer. It has since received sustained critical acclaim as an influential post-punk album, and has been named as one of the best albums of all time by publications such as NME, AllMusic, Select, Rolling Stone, and Spin.</p>
</blockquote>

<h4>Track listing</h4>
<kbd>Something so we know this is from Musicbrainz</kbd>

<ol>
<li>"Disorder"</li>
<li>"Day of the Lords"</li>
<li>"Candidate"</li>
<li>"Insight"</li>
<li>"New Dawn Fades"</li>
<li>"She's Lost Control"</li>
<li>"Shadowplay"</li>
<li>"Wilderness"</li>
<li>"Interzone"</li>
<li>"I Remember Nothing"</li>
</ol>

<h4>Top listeners</h4>

<ul>
<li><a href="#">mattl</a></li>
<li><a href="#">mattl</a></li>
<li><a href="#">mattl</a></li>
<li><a href="#">mattl</a></li>
<li><a href="#">mattl</a></li>
</ul>




</section>

</main>
<footer>
We are bored in the city.
</footer>
</body>

</html>
32 changes: 32 additions & 0 deletions prototypes/0/login.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Libre.fm</title>
</head>

<body>
<header>
<h1>Libre.fm</h1>
</header>
<main>
<section>
<h2>Login</h2>
<form action="foo">
<fieldset>
<legend>Login</legend>
<label for="username">Username: <input type="text" id="username"></label>
<label for="password">Password: <input type="password" id="password"></label>
<input type="submit" value="Login">
</fieldset>
</form>
</section>

</main>
<footer>
We are bored in the city.
</footer>
</body>
</html>
1 change: 0 additions & 1 deletion prototypes/1.html

This file was deleted.

0 comments on commit c9b9b36

Please sign in to comment.