Re-enable side projects

label/static/label/css/artists.css

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

label/static/label/css/release.css

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

label/templates/label/artists.html

@@ -9,8 +9,10 @@
 
 {% block content %}
 
-<h1>Artists</h1>
-  <div class="artists">
+<h1>Core</h1>
+<p>Main project roster of Idre</p>
+
+<div class="artists">
   {% for artist in artists %}
     {% if artist.artist_type == 0 %}
       <a href="{% url 'artist' artist.slug %}">
@@ -26,20 +28,27 @@
       </a>
     {% endif %}
   {% endfor %}
-  </div>
+</div>
 
-<!-- <h1>Side projects</h1>
-  <p class="artists"> 
+<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 %}
-    <span class="artist">
       <a href="{% url 'artist' artist.slug %}">
-        <img src="{{ MEDIA_URL }}{{ artist.image }}" alt="" /> <br />
+        <span class="artist">
+          <div
+            class="logo"
+            style="background-image: url('{{ MEDIA_URL }}{{ artist.image }}');"
+          >
+          </div>
           {{ artist.name }}
           <span class="artist-genre">{{ artist.genre }}</span>
-      </a>
         </span>
+      </a>
     {% endif %}
   {% endfor %}
-  </p> -->
+</div>
+
 {% endblock %}

static/css/base.css

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