HalfTone/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed album art sizing and fixed the self-titled album's art

Browse Source
This commit is contained in:
Gregory Ballantine 2016-11-28 15:47:01 -05:00
parent 5da23c2aad
commit 3347ff8c77
5 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/music1.twig
View File

@ -20,7 +20,7 @@
<!-- left album stuff --> <!-- left album stuff -->
<article class="col-sm-5 col-xs-12"> <article class="col-sm-5 col-xs-12">
<div class="thumbnail shadow-1"> <div class="thumbnail shadow-1">
<img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}"> <img class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
<div class="caption"> <div class="caption">
<h3>{{ albums[0].title }}</h3> <h3>{{ albums[0].title }}</h3>
{% if albums[0].description %} {% if albums[0].description %}
@ -58,7 +58,7 @@
<!-- album details --> <!-- album details -->
<div class="music-album col-sm-3 col-xs-6"> <div class="music-album col-sm-3 col-xs-6">
<div class="thumbnail shadow-1"> <div class="thumbnail shadow-1">
<img src="{{ album.album_art }}" alt="{{ album.title }}"> <img class="album-art" src="{{ album.album_art }}" alt="{{ album.title }}">
<div class="caption"> <div class="caption">
<h5>{{ album.title }}</h5> <h5>{{ album.title }}</h5>
</div> </div>

4
app/views/music2.twig
View File

@ -20,7 +20,7 @@
<!-- left album stuff --> <!-- left album stuff -->
<article class="col-sm-5 col-xs-12"> <article class="col-sm-5 col-xs-12">
<div class="thumbnail shadow-1"> <div class="thumbnail shadow-1">
<img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}"> <img class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
<div class="caption"> <div class="caption">
<h3>{{ albums[0].title }}</h3> <h3>{{ albums[0].title }}</h3>
{% if albums[0].description %} {% if albums[0].description %}
@ -58,7 +58,7 @@
<!-- album details --> <!-- album details -->
<div class="music-album col-sm-3 col-xs-6"> <div class="music-album col-sm-3 col-xs-6">
<div class="thumbnail shadow-1"> <div class="thumbnail shadow-1">
<img src="{{ album.album_art }}" alt="{{ album.title }}"> <img class="album-art" src="{{ album.album_art }}" alt="{{ album.title }}">
<div class="caption"> <div class="caption">
<h5>{{ album.title }}</h5> <h5>{{ album.title }}</h5>
</div> </div>

3
assets/sass/pages/_music.sass
View File

@ -54,3 +54,6 @@
.mejs-mediaelement, .mejs-mediaelement,
.mejs-controls .mejs-controls
background: transparent background: transparent
.album-art
width: 100%

3
public/css/main.css
View File

@ -673,6 +673,9 @@ body {
#music-player-card .mejs-controls { #music-player-card .mejs-controls {
background: transparent; } background: transparent; }
.album-art {
width: 100%; }
.shows-header { .shows-header {
margin-top: -20px; margin-top: -20px;
margin-bottom: 20px; margin-bottom: 20px;

BIN
public/img/albums/halftone.jpeg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 42 KiB