screen top
02-262000
101
7109
1966
1222
2020
1444
102
1103
1935
1940
708
M113
1956
1209
102
8102
1987
044
0051
607
1976
1031
1984
1954
1103
415
1045
1864
103
714
1993
0222
052
1968
2450
746
56
47
716
8719
417
602
104
6104
1995
322
90
1931
1701
51
29
218
908
2114
85
3504
105
08
2001
713
079
1940
LV
426
105
10
1206
1979
402
795
106
31
2017
429
65
871
1031
541
656
764
88
001
27
05
03-111968
04-041969
05-1701D
06-071984
07-081940
08-47148
09-081966
10-31

Latest Updates Now Online • What You Need to Know

This latest update is pretty hefty. I made extensive changes to CSS while I was "under the hood." I'm not a changelog kinda guy, so if you want a detailed list of every update, I'm sorry. I may throw a partial list on here later, but not today. There is one change you need to be aware of before upgrading...

Fancy Oval Bullet List

If you are using this feature prior to the latest update, you will need to change some HTML before updating. Here is a comparison between the old format and the new:

Old

<div class="list-item">
  <div class="list-item-left">
    <div class="bullet"></div>
  </div>
  <div class="list-item-main">
  First item in a list
  </div>
</div>
<div class="list-item">
  <div class="list-item-left">
    <div class="bullet"></div>
  </div>
  <div class="list-item-main">
  Second list item
  </div>
</div>

New

<ul class="lcars-list">
  <li>First item in a list</li>
  <li>Second list item</li>
</ul>

Now isn't that better? This is how I should have done the Fancy Oval Bullet List to begin with. But I had my reasons at the time. Here is the output:

  • First item in a list
  • Second list item

There is even a way to change the color of each oval. I am preparing a tutorial which will cover how to do this. Look for it soon on the HTML Elements page. There's also a trick to the new LCARS Text Bar. Again, look for a tutorial soon here. For now, here is the HTML for the text bar, which is available now in today's update...

<div class="lcars-text-bar">
  <span>hello world</span>
</div>
hello world

LLAP
Jim