The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Neopolitan: Link And Checklist Content Sections

TODO: Pull subtitle into page object

List Type

The list type is designed to allow multiple blocks inside each item. Here's a `notes`` section using the list content type.

code_start_default_section code_end_default_section

Previous: Basic Content Types ~ Next: Preformatted Content Types

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Neopolitan: Link And Checklist Content Sections

Continuing the content types:


-- h3

List Type

The list type is designed to allow multiple 
blocks inside each item. Here's a `notes``
section using the list content type.


-- div/
-- class: example 

-- code/
-- type: nonums 

-- notes 

- Alfa Bravo

Charlie Delta

- Echo Foxtrot 


-- /code


-- code/
-- type: nonums 

<ul>
  <li>
    <p>Alfa Bravo</p>
    <p>Charlie Delta</p>
  </li>
  <li>
    <p>Echo Foxtrot</p>
  </li>
</ul>
  
-- /code

-- /div




-- h3

Checklist Type

Checklist items start with either `[]``
the indicates an unchecked item, or
a set of braces with something inside
them that represents a checked item. I'm 
using `x`` here, but anything could be used
and multiple strings could be passed
to the rendering engine to make decisions on
(e.g. for in progress stuff).

Here's a `todo`` section using the checklist
content type and using the checkboxes
to determine what class to set on the list
items in the output:


-- div/
-- class: example 

-- code/
-- type: nonums 

-- todo

[] Alfa Bravo

Charlie Delta

[x] Echo Foxtrot 


-- /code


-- code/
-- type: nonums 

<ul>
  <li class="not_done">
    <p>Alfa Bravo</p>
    <p>Charlie Delta</p>
  </li>
  <li class="done">
    <p>Echo Foxtrot</p>
  </li>
</ul>
  
-- /code

-- /div





-- css

.codeSection {
  margin-top: 1rem;
}

.lineNumber {
  padding-left: 1rem;
}

.example {
  padding: 1rem;
  border: 1px solid gray;
  border-radius: 0.6rem;
}

-- p

Previous: <<ilink|Basic Content Types|2adjun69>>
~
Next: <<ilink|Preformatted Content Types|2adoqviq>>


-- categories
-- Neopolitan 

-- metadata
-- date: 2024-01-07 14:52:12
-- id: 2adn4zxx
-- site: aws
-- type: post
-- status: published