Kategorien
Uncategorized

Collapse-Pro-Matic Cookie Based Expand

This is a demo of how to use a cookie to auto-collapse a expand element that is expanded by default. The idea is to set up an expand element this is expanded by default, but if a user collapses it once, it will no longer load auto-expanded for that user until the cookie expires.

For example the following expand element should be auto-expanded until it is manually collapsed. After this, the element will remain collapsed when the page is revisited.

[expand title="test" expanded="once" cookiename="my_cookie"]hidden content[/expand]
test
hidden content
Kategorien
Uncategorized

Print-O-Matic Button

This is a test to use a accessible button as the print trigger.

[print-me printicon="false" tag="button" title="print-me" /]
Kategorien
archive-pro-matic

Archive-Pro-Matic Category Test

This is a test for displaying archive-pro-matic category archives:
[archives type="monthly" cat="collapse-pro-matic" /]

Kategorien
Uncategorized

Inline Test

Leo Love and Sex

Leo’s, being of a Fire sign, are heartfelt and passionate, being capable of expressing their feelings effortlessly and with transparency. Toward their beloved they […CLICK TO EXPAND] are giving, respectful, devoted and fun. They are strongly independent and driven, and so will try to be the dominate party of the relationship. The partner of a Leo may grow tired of being domineered, in particular if the Leo imposes their will upon matters that are not of their concern. In order to tolerate the Leo’s strong imposing will, the partner of a Leo needs to be learned and at an equivalent intellect. They also need to be willing to speak up for themselves and to defend their ground, else the blazing Sun of the Leo will scorch their personality. The Leo’s sex life is dynamic, fun and adventurous. They are very aware of the fine line separating love and sex, which can cause them trouble within an established relationship if they too often neglect to show intimacy or connect emotionally with their partner during love making. Ultimately, Leo’s want that their partners peer past their self-centered shell and look deep into their subconscious sensitive core, so as to search out their want of satisfaction resulting from a purposeful relationship. Leo Love Compatibility: Aries, Gemini, Libra, Sagittarius! [CLICK TO HIDE]

Kategorien
Uncategorized

T(-) Countdown Gutenberg Test

This is a test for integrating T(-) Countdown with Gutenberg Blocks.
First, we need to tidy up how the Javascript is being used. Here is a basic countdown that uses a shortcode.

Years
0
0
Months
0
0
Weeks
0
0
Days
0
0
Hours
0
0
Minutes
0
5
Seconds
0
0

Now let’s try a shortcode with a launch target of an external element.

This is a block with an id of ‚monkeymonk‘


[tminus t="+10 secs" launchtarget="monkeymonk"]monkey is in space… space monkey![/tminus]

Years
0
0
Months
0
0
Weeks
0
0
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0
Years
0
0
Months
0
0
Weeks
0
0
Days
0
1
Hours
0
0
Minutes
0
0
Seconds
0
0
Kategorien
t(-) countdown Uncategorized

T(-) Countdown 2.0 Style Tests

Jedi

Dealing with 2, 3 and 4 digits
[tminus t="+1366 days +10 sec" omityears="true" omitmonths="true" omitweeks="true" style="jedi"/]

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Darth

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Carbonite

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

Carbonlite

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

c-3po

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

c-3po-mini

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

carbonite-responsive

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

circle

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

cloud-city

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

hoth

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

naboo

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

sith

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0

TIE-fighter

Days
1
3
6
6
Hours
0
0
Minutes
0
0
Seconds
1
0
Kategorien
Uncategorized

Collapse-O-Matic Internal SPAN

Test 1: [expand tag="span" title="this is a span: hey dude"]…did you like that[/expand]

this is a span: hey dude
…did you like that
Kategorien
t(-) countdown t(-) countdown control

T(-) Countdown Proper Time Unit Calculation

we should only have to calculate year, month and week time units once, as they will likely change only one time per viewing. Even so, we will need to properly calculate the amount of days, weeks and months remain, depending on how many time units are currently being displayed. We use a test of +410 days and 10 seconds from now to test how the change over works for the larger time units.

Test 1 – Showing Everything

This test should show everything: Years, Months, Weeks, Days… and the rest.
[tminus t="+410 days +10 sec" style="TIE-fighter"/]

Years
0
1
Months
0
1
Weeks
0
2
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 2 – No Weeks

This test should show everything: Years, Months, Weeks, Days… and the rest.
[tminus t="+396 days +10 sec" omitweeks="true" style="TIE-fighter"/]

Years
0
1
Months
0
1
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 3 – No Months

This test should show everything: Years, Months, Weeks, Days… and the rest.
[tminus t="+394 days +10 sec" omitmonths="true" style="TIE-fighter"/]

Years
0
1
Weeks
0
4
Days
0
1
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 4 – No Months or Years

This test should show everything: Years, Months, Weeks, Days… and the rest.
[tminus t="+394 days +10 sec" omitmonths="true" omityears="true" style="TIE-fighter"/]

Weeks
5
6
Days
0
2
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 5 – No Months or Weeks

This test should show: Years and days.
[tminus t="+366 days +10 sec" omitmonths="true" omitweeks="true" style="TIE-fighter"/]

Years
0
1
Days
0
1
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 6 – Days Only

This test should show only days:
[tminus t="+45 days" omityears="true" omitmonths="true" omitweeks="true"/]

Days
4
5
Hours
0
0
Minutes
0
0
Seconds
0
0
Kategorien
Uncategorized

T(-)Minus Countdown Years and Months

This is a quick test to try out the new years and month options added in version 2.3.20… this looks like it might end up being version 2.4.0 at this rate. Yup, it will be a major release.

Test 1 – Show it All

This test should show everything: Years, Months, Weeks, Days… and the rest.
[tminus t="+410 days +10 sec" style="c-3po"/]

Years
0
1
Months
0
1
Weeks
0
2
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 2 – Omit Years

This test will omit the years, resulting in expanded months.
[|tminus t="+410 days" omityears="true" style="c-3po"/]]

Months
1
3
Weeks
0
2
Days
0
0
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 3 – Omit Months – Keep Years

This test will display the years, but convert months to weeks.
[tminus t="+410 days" omitmonths="true" style="c-3po"/]

Years
0
1
Weeks
0
6
Days
0
2
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 4 – Omit Years and Months

The title, pretty much says it all. No years, no Months… just a whole lott’a weeks:
[tminus t="+410 days" omityears="true" omitmonths="true" style="c-3po"/]

Weeks
5
8
Days
0
4
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 5 – Omit Years, Months and Weeks

Days for days…
[tminus t="+410 days" omityears="true" omitmonths="true" omitweeks="true" style="c-3po"/]

Days
4
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 6 – Omit Weeks Only

No weeks, but the rest.
[tminus t="+410 days" omitweeks="true" style="c-3po"/]

Years
0
1
Months
0
1
Days
1
4
Hours
0
0
Minutes
0
0
Seconds
0
0

Test 7 – Omit Months and Weeks

No months, no weeks.
[tminus t="+410 days +10 secs" omitmonths="true" omitweeks="true" style="c-3po"/]

Years
0
1
Days
4
4
Hours
0
0
Minutes
0
0
Seconds
1
0

Test 8 – Omit Years and Weeks

No years, no weeks.
[tminus t="+410 days" omityears="true" omitweeks="true" style="c-3po"/]

Months
1
3
Days
1
4
Hours
0
0
Minutes
0
0
Seconds
0
0
Kategorien
Uncategorized

Print-Pro-Matic wp_localize test

This is a test of print-pro-matic using wp_localize to pass js vars to the js file. it also passes print-only elements.

Like this one with the .printonly class listed in the shortcode

And here is the shortcode:
[print-me print_only=".printonly"/]

Actually, this should not be passed via shortcode, but rather only defined in the option page.
[print-me /]