WIP: Redesign

author: Volpeon <git@volpeon.ink> 2021-03-26 23:17:56 +0100
committer: Volpeon <git@volpeon.ink> 2021-03-26 23:17:56 +0100
commit: 6e0a7ea009b08983f2966d51fe4438681c0863c3 (patch)
tree: ae337f7903bb60ef6f5a71275101678ca0e58d88 /templates
parent: WIP: Redesign (diff)
download: volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.tar.gz
volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.tar.bz2
volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.zip
4 files changed, 48 insertions, 31 deletions
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index b32d2d5..8c25ec0 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,21 +1,23 @@
-<main class="c-page s-page l-container l-container--content l-container--pad-v">
+<main>
-    <div class="c-page__content s-page-content">
+    <div class="c-page s-page l-container l-container--content l-container--pad-x l-container--pad-y">
+        <div class="c-page__content s-page-content">
 $body$
-        $for(pages.by_category)$
+            $for(pages.by_category)$
-            <h2 class="c-page__prefixed c-page__prefixed--h2">
+                <h2 class="c-page__prefixed c-page__prefixed--h2">
-                $for(it.value/first)$
+                    $for(it.value/first)$
-                    $it.category.name$
+                        $it.category.name$
-                $endfor$
+                    $endfor$
-            </h2>
+                </h2>
-            <ul>
+                <ul>
-                $for(it.value)$
+                    $for(it.value)$
-                    <li class="c-page__prefixed c-page__prefixed--ref">
+                        <li class="c-page__prefixed c-page__prefixed--ref">
-                        <a href="$it.url.rel$">$it.title$</a>
+                            <a href="$it.url.rel$">$it.title$</a>
-                    </li>
+                        </li>
-                $endfor$
+                    $endfor$
-            </ul>
+                </ul>
-        $endfor$
+            $endfor$
+        </div>
    </div>
 </main>
diff --git a/templates/layouts/index copy.html b/templates/layouts/index copy.html
index 34d8b0f..bd7cd3f 100644
--- a/templates/layouts/index copy.html
+++ b/templates/layouts/index copy.html
@@ -1,4 +1,4 @@
-<main class="c-page s-page l-container l-container--content l-container--pad-v l-container--pad-v--first">
+<main class="c-page s-page l-container l-container--content l-container--pad-y l-container--pad-v--first">
    <div class="c-page__content">
        <header class="c-hero u-hidden@sm-down" role="presentation">
        $-- ' |      '     '             '     '            '   | |    |           '     '
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index b2ccaa6..9b43503 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -20,14 +20,27 @@
        <div class="l-card-grid">
          $for(profiles)$
-            <div class="c-card">
+            $if(it.url)$
-              <div class="c-card__content">
+              <a class="c-card" href="$it.url$">
-                <div>
+            $else$
-                  <strong class="u-db">$it.platform$</strong>
+              <div class="c-card">
-                  <small class="u-db">$it.username$</small>
+            $endif$
+                <div class="c-card__content">
+                  <div>
+                    <strong class="u-db">$it.platform$</strong>
+                    <small class="u-db">$it.username$</small>
+                  </div>
+                  $if(it.url)$
+                    <svg class="c-card__icon o-icon">
+                      <use href="#icon-link-external"></use>
+                    </svg>
+                  $endif$
                </div>
+            $if(it.url)$
+              </a>
+            $else$
              </div>
-            </div>
+            $endif$
          $endfor$
        </div>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index fca4b9f..9e7d85a 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,13 +1,15 @@
-<main class="c-page l-container l-container--content l-container--pad-v">
+<main>
-    <div class="c-page__content s-page-content">
+    <div class="c-page l-container l-container--content l-container--pad-x l-container--pad-y">
-        <header class="c-page__header">
+        <div class="c-page__content s-page-content">
-            <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
+            <header class="c-page__header">
-            $if(category)$
+                <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
-                <h2 class="c-page__header__meta">in $category.name$</h2>
+                $if(category)$
-            $endif$
+                    <h2 class="c-page__header__meta">in $category.name$</h2>
-        </header>
+                $endif$
+            </header>
 $body$
+        </div>
    </div>
 </main>
author	Volpeon <git@volpeon.ink>	2021-03-26 23:17:56 +0100
committer	Volpeon <git@volpeon.ink>	2021-03-26 23:17:56 +0100
commit	6e0a7ea009b08983f2966d51fe4438681c0863c3 (patch)
tree	ae337f7903bb60ef6f5a71275101678ca0e58d88 /templates
parent	WIP: Redesign (diff)
download	volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.tar.gz volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.tar.bz2 volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.zip

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index b32d2d5..8c25ec0 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html
@@ -1,21 +1,23 @@
1	<main class="c-page s-page l-container l-container--content l-container--pad-v">	1	<main>
2	<div class="c-page__content s-page-content">	2	<div class="c-page s-page l-container l-container--content l-container--pad-x l-container--pad-y">
		3	<div class="c-page__content s-page-content">
3	$body$	4	$body$
4		5
5	$for(pages.by_category)$	6	$for(pages.by_category)$
6	<h2 class="c-page__prefixed c-page__prefixed--h2">	7	<h2 class="c-page__prefixed c-page__prefixed--h2">
7	$for(it.value/first)$	8	$for(it.value/first)$
8	$it.category.name$	9	$it.category.name$
9	$endfor$	10	$endfor$
10	</h2>	11	</h2>
11	<ul>	12	<ul>
12	$for(it.value)$	13	$for(it.value)$
13	<li class="c-page__prefixed c-page__prefixed--ref">	14	<li class="c-page__prefixed c-page__prefixed--ref">
14	<a href="$it.url.rel$">$it.title$</a>	15	<a href="$it.url.rel$">$it.title$</a>
15	</li>	16	</li>
16	$endfor$	17	$endfor$
17	</ul>	18	</ul>
18	$endfor$	19	$endfor$
		20	</div>
19	</div>	21	</div>
20	</main>	22	</main>
21		23


diff --git a/templates/layouts/index copy.html b/templates/layouts/index copy.html index 34d8b0f..bd7cd3f 100644 --- a/templates/layouts/index copy.html +++ b/templates/layouts/index copy.html
@@ -1,4 +1,4 @@
1	<main class="c-page s-page l-container l-container--content l-container--pad-v l-container--pad-v--first">	1	<main class="c-page s-page l-container l-container--content l-container--pad-y l-container--pad-v--first">
2	<div class="c-page__content">	2	<div class="c-page__content">
3	<header class="c-hero u-hidden@sm-down" role="presentation">	3	<header class="c-hero u-hidden@sm-down" role="presentation">
4	$-- ' \| ' ' ' ' ' \| \| \| ' '	4	$-- ' \| ' ' ' ' ' \| \| \| ' '


diff --git a/templates/layouts/index.html b/templates/layouts/index.html index b2ccaa6..9b43503 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html
@@ -20,14 +20,27 @@
20		20
21	<div class="l-card-grid">	21	<div class="l-card-grid">
22	$for(profiles)$	22	$for(profiles)$
23	<div class="c-card">	23	$if(it.url)$
24	<div class="c-card__content">	24	<a class="c-card" href="$it.url$">
25	<div>	25	$else$
26	<strong class="u-db">$it.platform$</strong>	26	<div class="c-card">
27	<small class="u-db">$it.username$</small>	27	$endif$
		28	<div class="c-card__content">
		29	<div>
		30	<strong class="u-db">$it.platform$</strong>
		31	<small class="u-db">$it.username$</small>
		32	</div>
		33	$if(it.url)$
		34	<svg class="c-card__icon o-icon">
		35	<use href="#icon-link-external"></use>
		36	</svg>
		37	$endif$
28	</div>	38	</div>
		39	$if(it.url)$
		40	</a>
		41	$else$
29	</div>	42	</div>
30	</div>	43	$endif$
31	$endfor$	44	$endfor$
32	</div>	45	</div>
33		46


diff --git a/templates/layouts/page.html b/templates/layouts/page.html index fca4b9f..9e7d85a 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html
@@ -1,13 +1,15 @@
1	<main class="c-page l-container l-container--content l-container--pad-v">	1	<main>
2	<div class="c-page__content s-page-content">	2	<div class="c-page l-container l-container--content l-container--pad-x l-container--pad-y">
3	<header class="c-page__header">	3	<div class="c-page__content s-page-content">
4	<h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>	4	<header class="c-page__header">
5	$if(category)$	5	<h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
6	<h2 class="c-page__header__meta">in $category.name$</h2>	6	$if(category)$
7	$endif$	7	<h2 class="c-page__header__meta">in $category.name$</h2>
8	</header>	8	$endif$
		9	</header>
9		10
10	$body$	11	$body$
		12	</div>
11	</div>	13	</div>
12	</main>	14	</main>
13		15