Change headers and CSS classes.

This commit is contained in:
Nicolás A. Ortega Froysa 2021-10-22 10:50:17 +02:00
parent 2779f9f795
commit 32edab3a83
5 changed files with 17 additions and 11 deletions

View File

@ -1,5 +1,5 @@
<img src="https://media.themusicinnoise.net/imgs/dreaming-in-bytes-cover.png" alt="Improv I album cover" class="album-cover" /> <img src="https://media.themusicinnoise.net/imgs/dreaming-in-bytes-cover.png" alt="Improv I album cover" class="album-cover" />
<h3>Track Listing</h3> <h2>Track Listing</h2>
<table class="track-list" > <table class="track-list" >
<tr> <tr>
<th>N.</th> <th>N.</th>
@ -23,7 +23,7 @@
</tr> </tr>
</table> </table>
<h3>Info</h3> <h2>Info</h2>
<p>This is an electronic album, a little different from what I'm used to <p>This is an electronic album, a little different from what I'm used to
making. I took a lot of inspiration from one of my favorite chiptune making. I took a lot of inspiration from one of my favorite chiptune
artists, <a href="https://lukhash.com/" target="_blank" >LukHash</a>. artists, <a href="https://lukhash.com/" target="_blank" >LukHash</a>.

View File

@ -55,7 +55,7 @@ clearing of lake access points.</p>
<center> <center>
<h2>Cryptocurrency</h2> <h2>Cryptocurrency</h2>
<div class="card" > <div class="crypto-card" >
<h3>Monero (XMR):</h3> <h3>Monero (XMR):</h3>
<small>42espNaUqPdJK4vTir4NDfH4gT6brFR4F5KPRADrg5t98LkzHnQfFnUDZZEetp3Zw5K8V4v364tN3TMxfg4eXEN9RpnrNBG</small> <small>42espNaUqPdJK4vTir4NDfH4gT6brFR4F5KPRADrg5t98LkzHnQfFnUDZZEetp3Zw5K8V4v364tN3TMxfg4eXEN9RpnrNBG</small>
</div> </div>

View File

@ -1,5 +1,5 @@
<img src="https://media.themusicinnoise.net/imgs/ice-in-the-fall-cover.png" alt="Ice in the Fall album cover" class="album-cover" /> <img src="https://media.themusicinnoise.net/imgs/ice-in-the-fall-cover.png" alt="Ice in the Fall album cover" class="album-cover" />
<h3>Track Listing</h3> <h2>Track Listing</h2>
<table class="track-list" > <table class="track-list" >
<tr> <tr>
<th>N.</th> <th>N.</th>
@ -12,7 +12,7 @@
<td><a href="https://media.themusicinnoise.net/audio/ice-in-the-fall/01_-_Ice_in_the_Fall.ogg" >ogg</a> <a href="https://media.themusicinnoise.net/audio/ice-in-the-fall/01_-_Ice_in_the_Fall.mp3" >mp3</a></td> <td><a href="https://media.themusicinnoise.net/audio/ice-in-the-fall/01_-_Ice_in_the_Fall.ogg" >ogg</a> <a href="https://media.themusicinnoise.net/audio/ice-in-the-fall/01_-_Ice_in_the_Fall.mp3" >mp3</a></td>
</tr> </tr>
</table> </table>
<h3>Info</h3> <h2>Info</h2>
<p>This album contains a single song, <i>Ice in the Fall</i>, which is <p>This album contains a single song, <i>Ice in the Fall</i>, which is
an instrumental piece. It was made just with an electric guitar, an amp, an instrumental piece. It was made just with an electric guitar, an amp,
and some pedals. Although the chords themselves are rather simple, the and some pedals. Although the chords themselves are rather simple, the

View File

@ -1,5 +1,5 @@
<img src="https://media.themusicinnoise.net/imgs/improv-i-cover.png" alt="Improv I album cover" class="album-cover" /> <img src="https://media.themusicinnoise.net/imgs/improv-i-cover.png" alt="Improv I album cover" class="album-cover" />
<h3>Track Listing</h3> <h2>Track Listing</h2>
<table class="track-list" > <table class="track-list" >
<tr> <tr>
<th>N.</th> <th>N.</th>
@ -23,7 +23,7 @@
</tr> </tr>
</table> </table>
<h3>Info</h3> <h2>Info</h2>
<p>This is an experimental album I made with the <p>This is an experimental album I made with the
<a href="http://zynaddsubfx.sourceforge.net/" target="_blank" >ZynAddSubFX Synthesizer</a>. <a href="http://zynaddsubfx.sourceforge.net/" target="_blank" >ZynAddSubFX Synthesizer</a>.
The objective of the album was not to create quality music, but to play The objective of the album was not to create quality music, but to play

View File

@ -187,7 +187,7 @@ figcaption {
text-align: center; text-align: center;
} }
div.card { div.crypto-card {
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
width: 30%; width: 30%;
@ -195,14 +195,16 @@ div.card {
background-color: #eee8d5; background-color: #eee8d5;
} }
div.card > h4 { div.crypto-card > h3 {
margin: 2px; margin: 2px;
} }
.album-cover { img.album-cover {
width: 300px; width: 40%;
/*float: right;*/
display: block; display: block;
margin: 0 auto; margin: 0 auto;
border-radius: 15%;
} }
.track-list td { .track-list td {
@ -244,4 +246,8 @@ div.card > h4 {
img.profile { img.profile {
width: 35%; width: 35%;
} }
img.album-cover {
float: right;
margin: 15px;
}
} }