1
0
Fork 0

Re-enable side projects

This commit is contained in:
Dece 2017-08-17 17:40:52 +02:00
parent 1b0016ca6f
commit 9a94ffe05b
4 changed files with 43 additions and 37 deletions

View file

@ -1,11 +1,10 @@
#content h1 { #content {
text-align: center; text-align: center;
} }
.artists { .artists {
width: 700px; width: 700px;
margin: auto; margin: auto;
text-align: center;
} }
.artists .artist { .artists .artist {
@ -18,7 +17,7 @@
.artists .artist a { .artists .artist a {
color: #929292; color: #929292;
text-decoration: none; text-decoration: none;
transition: .5s; transition: 0.3s;
} }
.artists .artist .logo { .artists .artist .logo {
@ -32,19 +31,19 @@
.artists .artist-genre { .artists .artist-genre {
display: flex; display: flex;
align-items: center;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
height: 150px; height: 150px;
width: 150px; width: 150px;
padding: 5px; padding: 5px;
align-items: center;
justify-content: center; justify-content: center;
background-color: rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0.6);
border-radius: 5px; border-radius: 5px;
color: white; color: white;
opacity: 0; opacity: 0;
transition: all 0.7s ease; transition: 0.3s;
} }
.artists .artist-genre:hover { .artists .artist-genre:hover {

View file

@ -3,7 +3,6 @@
} }
.logo { .logo {
max-width: 300px; max-width: 300px;
max-height: 300px; max-height: 300px;
@ -16,7 +15,6 @@
} }
#infos { #infos {
margin: auto; margin: auto;
} }

View file

@ -9,37 +9,46 @@
{% block content %} {% block content %}
<h1>Artists</h1> <h1>Core</h1>
<div class="artists"> <p>Main project roster of Idre</p>
{% for artist in artists %}
{% if artist.artist_type == 0 %}
<a href="{% url 'artist' artist.slug %}">
<span class="artist">
<div
class="logo"
style="background-image: url('{{ MEDIA_URL }}{{ artist.image }}');"
>
</div>
{{ artist.name }}
<span class="artist-genre">{{ artist.genre }}</span>
</span>
</a>
{% endif %}
{% endfor %}
</div>
<!-- <h1>Side projects</h1> <div class="artists">
<p class="artists"> {% for artist in artists %}
{% for artist in artists %} {% if artist.artist_type == 0 %}
{% if artist.artist_type == 1 %}
<span class="artist">
<a href="{% url 'artist' artist.slug %}"> <a href="{% url 'artist' artist.slug %}">
<img src="{{ MEDIA_URL }}{{ artist.image }}" alt="" /> <br /> <span class="artist">
{{ artist.name }} <div
<span class="artist-genre">{{ artist.genre }}</span> class="logo"
style="background-image: url('{{ MEDIA_URL }}{{ artist.image }}');"
>
</div>
{{ artist.name }}
<span class="artist-genre">{{ artist.genre }}</span>
</span>
</a> </a>
</span>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</p> --> </div>
<h1>Experiments</h1>
<p>Side projects, one-off collaboration nicknames, shameless shitposting</p>
<div class="artists">
{% for artist in artists %}
{% if artist.artist_type == 1 %}
<a href="{% url 'artist' artist.slug %}">
<span class="artist">
<div
class="logo"
style="background-image: url('{{ MEDIA_URL }}{{ artist.image }}');"
>
</div>
{{ artist.name }}
<span class="artist-genre">{{ artist.genre }}</span>
</span>
</a>
{% endif %}
{% endfor %}
</div>
{% endblock %} {% endblock %}

View file

@ -45,7 +45,7 @@ nav .link {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
transition: .5s; transition: 0.3s;
} }
nav .link:nth-child(1):hover { background-color: #ff6188; } nav .link:nth-child(1):hover { background-color: #ff6188; }