<div class="flex">
{{-- SIDEBAR --}}
<div class="flex-shrink-0 w-1/4 mr-10" style="max-width: 265px">
- <ol class="sticky top-6 list-decimal space-y-8 pl-4">
+ <ul class="sticky top-6 space-y-8">
@foreach ($resources['chapters'] as $index => $chapter)
<li class="font-semibold text-lg leading-snug">
<a href="#ch-{{ $index + 1 }}" class="block hover:text-blue">
</a>
</li>
@endforeach
- </ol>
+ </ul>
</div>
{{-- CHAPTERS --}}
space above scroll anchor position without misaligning anything
--}}
<h3 class="text-4xl pt-4 -mt-4" id="ch-{{ $index + 1 }}">
- {{ $index + 1 }}. {{ $chapter['chapter_title'] }}
+ {{ $chapter['chapter_title'] }}
</h3>
{{-- SUB-CHAPTERS --}}
@continue
@endif
- <h4 class="mt-8 text-2xl">{{ $index + 1 }}
- .{{ $subchapter_index + 1 }} {{ $subchapter['subchapter_title'] }}</h4>
+ <h4 class="mt-8 text-2xl">{{ $subchapter['subchapter_title'] }}</h4>
<p class="mt-2.5 max-w-[500px]">{{ $subchapter['subchapter_subtitle'] }}</p>
{{-- MEMOS --}}