diff --git a/brain/views/dash/partials/index.twig b/brain/views/dash/partials/index.twig index 81073d6..b586594 100644 --- a/brain/views/dash/partials/index.twig +++ b/brain/views/dash/partials/index.twig @@ -1,10 +1,10 @@ -
-
+
+

Recent

-
+
-
+
{% if data["entryCount"] != 0 %} {% for page in data['pages'] %} {% if page.media[0].type == 'mp4' %} diff --git a/public/assets/css/dash/index.css b/public/assets/css/dash/index.css index 7182b07..61cdad1 100644 --- a/public/assets/css/dash/index.css +++ b/public/assets/css/dash/index.css @@ -1,4 +1,4 @@ -section[role="index-header"] { +section[class="index-header"] { display: grid; grid-template-columns: 1fr 1fr; width: 100%; @@ -6,7 +6,7 @@ section[role="index-header"] { margin: 60px auto 0; } -section[role="index-recent-pages"] a { +section[class="index-recent-pages"] a { width: 100%; height: 100%; display: flex; @@ -17,7 +17,7 @@ section[role="index-recent-pages"] a { position: relative; } -section[role="index-recent-pages"] a video { +section[class="index-recent-pages"] a video { width: 100%; position: absolute; object-fit: cover; @@ -25,32 +25,32 @@ section[role="index-recent-pages"] a video { border-radius: 5px; } -section[role="index-recent-pages"] a:nth-child(1) { +section[class="index-recent-pages"] a:nth-child(1) { grid-column: 1/4; grid-row: 1/3; } -section[role="index-recent-pages"] a:nth-child(2) { +section[class="index-recent-pages"] a:nth-child(2) { grid-row: 3/6; } -section[role="index-recent-pages"] a:nth-child(3) { +section[class="index-recent-pages"] a:nth-child(3) { grid-column: 2/4; grid-row: 3/5; } -section[role="index-header"] div[role="index-header-right"] { +section[class="index-header"] div[class="index-header-right"] { display: flex; justify-content: right; align-items: center; } -section[role="index-header"] div[role="index-header-right"] a { +section[class="index-header"] div[class="index-header-right"] a { border-bottom: none; margin-left: 5px; } -section[role="index-recent-pages"] { +section[class="index-recent-pages"] { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: minmax(200px, auto); @@ -60,31 +60,31 @@ section[role="index-recent-pages"] { margin: 10px auto; } -section[role="index-recent-pages"] a button { +section[class="index-recent-pages"] a button { padding: 1px 5px; } -section[role="index-recent-pages"] button i { +section[class="index-recent-pages"] button i { font-size: 1.8em; } -section[role="index-recent-pages"] button[data-active="true"] { +section[class="index-recent-pages"] button[data-active="true"] { background: var(--primary); } -section[role="index-recent-pages"] button[data-active="true"] i { +section[class="index-recent-pages"] button[data-active="true"] i { color: var(--tertiary); } -section[role="index-recent-pages"] button[data-active="false"] { +section[class="index-recent-pages"] button[data-active="false"] { background: var(--secondary); } -section[role="index-recent-pages"] button[data-active="false"] i { +section[class="index-recent-pages"] button[data-active="false"] i { fill: var(--primary); } -section[role="index-recent-pages"] aside { +section[class="index-recent-pages"] aside { font-size: 1.1em; color: var(--white); text-shadow: 2px 2px 2px var(--black); @@ -92,57 +92,57 @@ section[role="index-recent-pages"] aside { z-index: 10; } -section[role="index-recent-pages"] hr { +section[class="index-recent-pages"] hr { color: var(--white); border: 0.1px solid; margin: 7px 0; } @media only screen and (max-width: 900px) { - section[role="index-header"], - section[role="index-recent-pages"] { + section[class="index-header"], + section[class="index-recent-pages"] { width: 97%; } } @media only screen and (max-width: 520px) { - section[role="index-recent-pages"] { + section[class="index-recent-pages"] { grid-template-columns: 1fr 1fr; } - section[role="index-recent-pages"] a:nth-child(1) { + section[class="index-recent-pages"] a:nth-child(1) { grid-column: 1/3; grid-row: 1/2; } - section[role="index-recent-pages"] a:nth-child(2) { + section[class="index-recent-pages"] a:nth-child(2) { grid-row: 2/3; grid-column: 1/2; } - section[role="index-recent-pages"] a:nth-child(3) { + section[class="index-recent-pages"] a:nth-child(3) { grid-column: 2/3; grid-row: 2/3; } } @media only screen and (max-width: 350px) { - section[role="index-recent-pages"] a:nth-child(2) { + section[class="index-recent-pages"] a:nth-child(2) { grid-column: 1/3; grid-row: 2/3; } - section[role="index-recent-pages"] a:nth-child(3) { + section[class="index-recent-pages"] a:nth-child(3) { grid-column: 1/3; grid-row: 3/4; } - section[role="index-recent-pages"] a:nth-child(4) { + section[class="index-recent-pages"] a:nth-child(4) { grid-column: 1/3; grid-row: 4/5; } - section[role="index-recent-pages"] a:nth-child(5) { + section[class="index-recent-pages"] a:nth-child(5) { grid-column: 1/3; grid-row: 5/6; }