|
2 | 2 | layout: default |
3 | 3 | --- |
4 | 4 |
|
5 | | -{% include page-lead.html %} |
| 5 | +<div class="grid grid-cols-1 gap-10 md:grid-cols-[minmax(0,1fr)_360px]"> |
6 | 6 |
|
7 | | -<div class="grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_260px] gap-x-10"> |
8 | | - |
9 | | - <!-- LEFT: main content --> |
10 | 7 | <main> |
11 | | - <!-- TOC --> |
12 | | - <!-- Anchored sections --> |
| 8 | + <nav class="py-6 pl-12"> |
| 9 | + <ol class="font-mono text-sm leading-7 text-neutral-800"> |
| 10 | + <li><a href="#editorial-statement" class="hover:underline">1. Editorial Statement</a></li> |
| 11 | + <li><a href="#scope-and-contributions" class="hover:underline">2. Scope & Contributions</a></li> |
| 12 | + <li><a href="#submission-guidelines" class="hover:underline">3. Submission Guidelines</a></li> |
| 13 | + <li><a href="#editorial-process" class="hover:underline">4. Editorial Process</a></li> |
| 14 | + <li><a href="#editorial-principles" class="hover:underline">5. Editorial Principles</a></li> |
| 15 | + <li><a href="#citation-and-style" class="hover:underline">6. Citation & Style</a></li> |
| 16 | + <li><a href="#contact" class="hover:underline">7. Contact</a></li> |
| 17 | + </ol> |
| 18 | + </nav> |
| 19 | + |
| 20 | + <article id="editorial-statement" class="grid grid-cols-1 border-t border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 21 | + <div class="font-mono text-sm text-gray-400">01</div> |
| 22 | + <div> |
| 23 | + <h2 class="font-sans text-xl font-semibold">Editorial Statement</h2> |
| 24 | + <div class="prose mt-3 space-y-4"> |
| 25 | + {{ page.editorial-statement | markdownify }} |
| 26 | + </div> |
| 27 | + </div> |
| 28 | + </article> |
| 29 | + |
| 30 | + <article id="scope-and-contributions" class="grid grid-cols-1 border-t border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 31 | + <div class="font-mono text-sm text-gray-400">02</div> |
| 32 | + <div> |
| 33 | + <h2 class="font-sans text-xl font-semibold">Scope & Contributions</h2> |
| 34 | + <div class="prose mt-3 space-y-4"> |
| 35 | + {{ page.scope | markdownify }} |
| 36 | + </div> |
| 37 | + </div> |
| 38 | + </article> |
| 39 | + |
| 40 | + <article id="submission-guidelines" class="grid grid-cols-1 border-t border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 41 | + <div class="font-mono text-sm text-gray-400">03</div> |
| 42 | + <div> |
| 43 | + <h2 class="font-sans text-xl font-semibold">Submission Guidelines</h2> |
| 44 | + <div class="mt-3 space-y-4"> |
| 45 | + <p>...</p> |
| 46 | + </div> |
| 47 | + </div> |
| 48 | + </article> |
| 49 | + |
| 50 | + <article id="editorial-process" class="grid grid-cols-1 border-t border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 51 | + <div class="font-mono text-sm text-gray-400">04</div> |
| 52 | + <div> |
| 53 | + <h2 class="font-sans text-xl font-semibold">Editorial Process</h2> |
| 54 | + <div class="mt-3 space-y-4"> |
| 55 | + <p>...</p> |
| 56 | + </div> |
| 57 | + </div> |
| 58 | + </article> |
| 59 | + |
| 60 | + <article id="editorial-principles" class="grid grid-cols-1 border-t border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 61 | + <div class="font-mono text-sm text-gray-400">05</div> |
| 62 | + <div> |
| 63 | + <h2 class="font-sans text-xl font-semibold">Editorial Principles</h2> |
| 64 | + <div class="mt-3 space-y-4"> |
| 65 | + <p>...</p> |
| 66 | + </div> |
| 67 | + </div> |
| 68 | + </article> |
| 69 | + |
| 70 | + <article id="citation-and-style" class="grid grid-cols-1 border-t border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 71 | + <div class="font-mono text-sm text-gray-400">06</div> |
| 72 | + <div> |
| 73 | + <h2 class="font-sans text-xl font-semibold">Citation & Style</h2> |
| 74 | + <div class="mt-3 space-y-4"> |
| 75 | + <p>...</p> |
| 76 | + </div> |
| 77 | + </div> |
| 78 | + </article> |
| 79 | + |
| 80 | + <article id="contact" class="grid grid-cols-1 border-y border-black/10 py-6 scroll-mt-24 md:grid-cols-[90px_1fr] md:gap-x-8"> |
| 81 | + <div class="font-mono text-sm text-gray-400">07</div> |
| 82 | + <div> |
| 83 | + <h2 class="font-sans text-xl font-semibold">Contact</h2> |
| 84 | + <div class="mt-3 space-y-4"> |
| 85 | + <p>...</p> |
| 86 | + </div> |
| 87 | + </div> |
| 88 | + </article> |
13 | 89 | </main> |
14 | 90 |
|
15 | | - <!-- RIGHT: gray aside --> |
16 | | - <aside class="bg-gray-100 px-4 py-6 md:px-6"> |
17 | | - <!-- Editors + Board go here --> |
18 | | - </aside> |
| 91 | +<aside class="bg-gray-100 px-4 py-6 md:px-6"> |
19 | 92 |
|
20 | | -</div> |
| 93 | + <div> |
| 94 | + <span class="block font-mono text-[0.68rem] uppercase tracking-[0.12em] text-gray-500"> |
| 95 | + Editors |
| 96 | + </span> |
21 | 97 |
|
| 98 | + <div class="mt-1 font-mono text-[0.74rem] leading-[1.75] text-neutral-800"> |
| 99 | + {% for editor in page.editors %} |
| 100 | + |
| 101 | + {{ editor.name }}<br> |
| 102 | + |
| 103 | + {% if editor.role %} |
| 104 | + <span class="text-gray-500">{{ editor.role }}</span><br> |
| 105 | + {% endif %} |
| 106 | + |
| 107 | + {% if editor.affiliation %} |
| 108 | + <span class="text-gray-500">{{ editor.affiliation }}</span><br> |
| 109 | + {% endif %} |
| 110 | + |
| 111 | + {% unless forloop.last %}<br>{% endunless %} |
| 112 | + |
| 113 | + {% endfor %} |
| 114 | + </div> |
| 115 | + </div> |
| 116 | + |
| 117 | +</aside> |
| 118 | + |
| 119 | +</div> |
0 commit comments