Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 18:20:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: Update FAQ dropdown to include schema.org markup

Browse Source 
- Added `itemscope` and `itemtype` attributes to the main container div for QAPage schema
- Added `itemprop`, `itemscope`, and `itemtype` attributes to the summary element for Question schema
- Added `itemprop` attribute to the question text span
- Added `itemprop`, `itemscope`, and `itemtype` attributes to the svg element for Answer schema
- Wrapped the answer text in a div with itemprop, itemscope, and itemtype attributes for Answer schema
This commit is contained in:
Rico van Zelst
2023-12-14 14:35:23 +01:00
parent 05048d159a
commit 5226d7e3fe
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/components/about/faq/dropdown.blade.php
View File

@@ -1,14 +1,19 @@
<div class="py-5"> <div class="py-5" itemscope itemtype="https://schema.org/QAPage">
<details class="group"> <details class="group">
<summary class="flex justify-between items-center font-medium cursor-pointer list-none"> <summary class="flex justify-between items-center font-medium cursor-pointer list-none" itemprop="mainEntity"
<span class="text-orange-400">{{$question}}</span> itemscope itemtype="https://schema.org/Question">
<span class="text-orange-400" itemprop="name">{{$question}}</span>
<span class="transition text-orange-400 group-open:rotate-180"> <span class="transition text-orange-400 group-open:rotate-180">
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path> <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path
d="M6 9l6 6 6-6"></path>
</svg> </svg>
</span> </span>
</summary> </summary>
<p class="text-gray-100 mt-3"> <div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<p class="text-gray-100 mt-3" itemprop="text">
{!! $answer !!} {!! $answer !!}
</p> </p>
</div>
</details> </details>
</div> </div>