- - - - - - - nicCMS - - - - - - -   goTo homepage

NIC-Oklahoma - Triton CMS - Gen5
bootstrap

etsqa status
webPage











...
...
Emergency Services







...
...
Courts



...
...
Boards, Trusts & Commissions






...
...
About Wagoner County





...
...
End Of Bootstrap4 Conversion Pages



nicCMS bootstrap v4.1.3 components...


Status
webPage
Comments
deanIndex [countyWebsiteGuy] - accordion control
deanIndex [etsqa test system] - accordion control




District Attorney website prototyping...


index.html default homepage - click Elected Officials
dashboard for DA27 website testing
deprecated - (Wagoner County) District Attorney
District 27 District Attorney - replacing wagcoDA
da27 test in production
Cherokee County - fluid
Cherokee County - grid
Brian Kuester's district attorney page
has link to da27.org with Site Unavailable message
myProduction test page - has newsroom demo
aTest-childSupport




Wagco Homepage in Gen5 using Stacking Content Blocks...






Fixed layouts use exact pixel widths. Fluid layouts adjust to users screen size. Also called liquid layouts. Pixels vs. percents.



Election Board
Assessor
Cemeteries
Wagoner County Home Page
County Clerk
Emergency Management
Planning and Zoning









NIC Oklahoma - Triton CMS with Bootstrap
prototypes of new page layouts

Status
webPage
Comments

Oklahma Interactive - Triton CMS
early Bootstrap research

Status
webPage
Comments
WagCo homepage - [B]4.13 with debugging tools
Wagoner County homepage - [B]4.13 only
County Clerk [with div outline]

new ok.gov portal - OklaX
my learning curve...
etsqa - three (3), four (4), six (6) blocks in a row (noCalc)

cwgServer - three (3), four (4), six (6) blocks in a row
Bootstrap version 4.1.3 classes
Bootstrap version 5-beta-1 classes
custom Bootstrap classes for Wagoner County
bootstrap carousel testing


Base19 Grid System
upgraded to Triton Gen5 Bootstrap

Status
webPage
Comments
base19gs... validateCSS, base19gs style sheet, wagco homepage
Base19 Grid System Menu on wagcoCourts page (/courts/) <--thisOne!!
okDotGovWebsites (/courts/okDotGovWebsites/)
Base 19 Grid System




begin of original research...

OI CMS - Wagoner County
external style sheets

Status
webPage
Comments
notes and assumptions relevant to why I did what I did
mobile-friendly classes for body of OI CMS page in external style sheet [currentVersion]
initial classes sent to Oklahoma Interactive to be loaded to test system [obsolete]
page template : float:left with homepage slider
page template : inline-block with homepage slider
page template : float:left and no slider
page template : inline-block and no slider
bottom-of-page menu demo [float] : all four (4) data possibilities
bottom-of-page menu demo [inline-block] : all four (4) data possibilities
margins and responsive design
margins and responsive design redux
borders and responsive design
padding and responsive design - also bonus discussion about how to avoid "breaking the float"
fluid images and responsive design
fluid images and adaptive OI CMS
clearfix demo : several different ways... [Aug-2016 update - clear vs. clearfix]
float:left, standard classes, fluid-img
inline-block, standard classes, fluid-img
home page implemented using OI CMS Responsive Tables
demo using fpanels & fblocks (float:left) to implement OI Responsive Tables
demo using ipanels & iblocks (inline-block) to implement OI Responsive Tables
using fpanels & fblocks to implement home page in the style of OI Responsive Tables
using ipanels & iblocks to implement home page in the style of OI Responsive Tables
...
...
this line intentionally left blank...
Ephox EditLive! breaks the inline-block "connecting comments" technique
various flavors of inline-block eg- connecting comments, all one line, negative margin, etc...
does float work when entered in Ephox EditLive! ?
...
...
prototyping following pages to see what else can be found...
inline-block, function-specific classes
tbd
...and commD1, commD3
tbd
...and photoGalleries for D3, EM, SC, etc...
--> OI CMS - desktop only
--> mobile-friendly - design on paper
--> mobile-friendly - wireframe (float)
--> mobile-friendly - with content (float)
...and Assessor, CourtClerk, DA, Sheriff, Treasurer, E911, etc...
tbd
...
tbd
...and fifteen (15) other fire departments
tbd
...some pages will need to be redesigned
new
row
new row...


Bonus Exercises
external style sheets

Status
webPage
Comments
this way to Porter 8-) [state of Maine website code]
this way to Porter 8-) [my code] - boxes
this way to Porter 8-) [my code] - boxes and half-boxes
this way to Porter 8-) [my code] - with Wagoner County content
deanIndex [production]
deanIndex [countyWebsiteGuy] - dataTables are here!...


New Testing
various exercises

Status
webPage
Comments
mobile-friendly video!!
mobile-friendly video!! - this one...
mobile-friendly video!!
list of functionalities
testing gutters-padding and gutters-margin
testing calc

gutters - padding-gutters with box-sizing:border-box and margin-gutters with calc
gutters2 - margin-gutters with calc and nth-child (does not work responsive)


Stacking Content Blocks
in Oklahoma Interactive CMS [Production and Test]
for Wagoner County

Status
webPage
Comments
Web Page Backup Dashboard - has layoutTable notes!!
plan is to make a backup of the page (eg- homePage-1 & homePage-2).
then add relevant coding to incorporate the Stacking Content Blocks...
...so that the page is mobile-friendly (eg- homePage-3)
then copy/paste into the production page
in production - Stacking Content Block classes version 1.7 [10/04/2019]
in test [etsqa] - Home Page, Contact Us, County Clerk, Emergency Mgmt, Agendas and Minutes [password required]
in test [etsqa] - Stacking Content Block classes version 1.8 [10/04/2019] [password required]
in test [etsqa] - WagCo homepage (now converted to base19gs)
the entire Wagoner County website is now mobile-friendly - the body as well as header/menu/footer
WagCo homepage-> new menu item Development&Engineering Services
WagCo homepage-> new menu item Development&Engineering Services


Base19 Grid System
in the Oklahoma Interactive CMS test system (etsqa)
for Wagoner County

Status
webPage
Comments
WagCo homepage - base19gs
Base19 Grid System Menu on wagcoCourts page (/courts/)
okDotGovWebsites (/courts/okDotGovWebsites/)
in test [etsqa] - Stacking Content Block classes version 1.8 [10/04/2019] [password required]
Base19 Grid System classes beta version 5.1 [10/04/2019] [password required]
deanIndex
testDean
validateCSS
OBSOLETE!!- moved to base19gs .. development - port relevant pages
OBSOLETE!! - moved to base19gs .. development - test relevant pages
Base19 Grid System [nestedGrids, wireframes]


OI CMS - tbd1
external style sheets

Status
webPage
Comments
...
...
tbd


OI CMS - tbd2
external style sheets

Status
webPage
Comments
...
...
tbd