Test: Difference between revisions

From Psalms: Layer by Layer
Jump to: navigation, search
No edit summary
mNo edit summary
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
= Collapsing =
{{#ask: [[Overview Video::+]] |limit=500}}


<span class="mw-customtoggle-left-col" style="cursor:pointer; background:#ccc; padding:6px; border-radius:4px;">Toggle Left Panel</span>


<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-left-col" style="float:left; width:40%; margin-right:2%; background:#f0f0f0; padding:1rem;">
  <p>This is the left panel content (e.g., Hebrew + translation)</p>
</div>


<div style="overflow:hidden;">
{{#ask: [[Overview Video::+]] |format=count}}
=== Main content area ===
  <p>This content should expand fully when the left panel is hidden.</p>
</div>
<!--
= Floating =
The box listed here is actually hanging out on the lefthand side of your screen...
<div style="position:fixed; top:80px; left:20px; width:260px; background:#ffffe0; padding:1rem; border:2px solid #999; z-index:9999;">
  <strong>Poetic Structure</strong>
  <ul>
    <li>vv. 2–4: The sky speaks</li>
    <li>vv. 5–7: The sun runs</li>
    <li>vv. 8–11: YHWH’s word</li>
  </ul>
</div>
-->
<!-- VXV BUTTON TEST AREA -->


===Superscription (v. 1)===
{| class="wikitable"
|-
| 1 || לַמְנַצֵּ֗חַ מִזְמ֥וֹר לְדָוִֽד׃ || For the director. A psalm. By David.
|}


<!-- BUTTONS TO APPEAR BELOW THE TEXT -->
== Exegesis Complete, according to property ==
<span style="display:inline-block; padding:2px; margin-right:2rem; border-radius:5px;outline:none; font-size:0.8rem; color:dimgrey;" ><i class="fas fa-project-diagram"></i>  Diagrams <i style="font-size:0.6rem;" class="fas fa-external-link-alt"></i></span>
{{#ask: [[Exegesis Status::Complete]] |format=count}}
<span class="mw-customtoggle-EP019-v1 wds-button wds-is-secondary" style="display:inline-block; padding:2px;border-radius:5px;outline:none; font-size:0.8rem; color:dimgrey;" title="Expanded Paraphrase"> <i class="fas fa-clone"></i>  Expanded Paraphrase</span>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-EP019-v1" style="background-color:#f6f6f6; padding:15px 15px 15px 15px;" >
=====Expanded Paraphrase {{#info: The words in <i>italics</i> provide a fuller sense of the psalm; the text itself is in <b>bold</b>.|note}}=====
'''For the director of music''' ''and thus, for the congregation to hear and recite.'' '''A psalm.''' ''Written'' '''By David''', ''the servant of YHWH (cf. Ps 18:1; 19:12-14)''.
</div>
 
 
===V. 2 with css from [[Mediawiki:Common.css]] ===
{| class="wikitable"
|-
| 1 || לַמְנַצֵּ֗חַ מִזְמ֥וֹר לְדָוִֽד׃ || For the director. A psalm. By David.
|}
{{VxV Buttons|1}}
<div class="mw-collapsible mw-collapsed psalm-collapsible-content" id="mw-customcollapsible-EP019-v1">
=====Expanded Paraphrase {{#info: The words in <i>italics</i> provide a fuller sense of the psalm; the text itself is in <b>bold</b>.|note}}=====
  '''For the director of music''' ''and thus, for the congregation to hear and recite.'' '''A psalm.''' ''Written'' '''By David''', ''the servant of YHWH (cf. Ps 18:1; 19:12–14)''.
</div>
 
 
====Notes====
The superscription of Psalm 19 gives information about the psalm’s author (“David”), genre (“a psalm”), and use (“for the director”).
<div style="margin-left:0; height:500px;">
  <!-- Your full-width main content here -->
VxV content here...
</div>
 
<!-- Floating Toggle Button -->
<btn class="btn btn-primary floating-toggle" type="button" id="togglePanel">
  <i class="fa fa-bars"></i>
</btn>
 
<!-- Sliding Panel -->
<div id="slidePanel" class="slide-panel">
  <div class="card card-body">
    <strong>Sliding Panel Content</strong><br>
    Add links, info, etc. here.
  </div>
</div>

Latest revision as of 16:41, 17 June 2025