<== A need for an NEW Web Document Format

HTML is broken, we need an application independent web document format. The amount of application specific logic that has been injected (on purpose) into the placement of text, lines and images has guaranteed that there can only "EVER" be one browser. To this end, I will design a system of web browsers that enable anyone to display, translate, manage, and write their own web browsers. This will kill the monopoly on web content, access, and security. I will leave port 80 as is (maybe), but create a new system to replace the existing client / server technology. We do not need a single purpose technology just to display content and user forms on the web. The work we put into our web content, should be able to be used for more than just one purpose.

We have HTML, PDF, HPGL, RTF, Word, etc; however these are tied to proprietary applications outside of our control. The work we do should be used for multiple purposes. We need a format that is editable (designed for readable and understandable). We should be able to create our own web browsers. HTML is a format designed specifically for the current web browser applications (Chrome, Edge, ...). HTML keeps changing, and is full of the developer's personal logic preferences. HTML has 106 events and 613 display characteristics (styles). However this keeps others from chasing down a moving target (writing their own browser). We need a good simple format to generate Web Pages, PDF Documents, Printouts, Workstation Applications, Math equations, Maps, Physics, Chemistry, and other purposes.

The format below is a rough draft of an application and version independent form generation layout and application manager. HTML is a nested element data structure, which is impossible to edit. The format below is not a nested structure. The structure below separates the form into cells. Content is then placed inside a cell. A cell can be made up of other cells that represent: Rows, Columns, Grids, or Tables of other cells.

The Common Ground 2000 (CG2) format (mine) is designed to be version independent. This format isolates you from the underlying API interface which reduces your work by 90%. The design of a form document is separated into the "cell" locations, and into the content of the cell.

The content of the cell is stored in a database. This permits content, components and web pages to be used by every application. Pages can be created one time or on every use.

!------------------------------------- content ---------------------------------------------------

Content,	Comments,, html,	file,		Form Generation/HTML/Parts of Speech Comment.htm;
Content,	Script_A,, text,	file,		Form Generation/HTML/parts of Speech Web Page.txt;
Content,	Script_B,, text,	file,		Form Generation/HTML/Parts of Speech.txt;
Content,	Example,,  cg2,		file,		Form Generation/HTML/Parts of Speech.txt;
Content,	Title,,	   html,	value,		"<h1>Document Control Language (DCL)</h1>";
Content,	copyright,,html,	value,		"Copyright (c) 2024, Clifford L. Collins, All rights are reserved";

tabs,		tabs, tab_a, 1, auto, (Comments, Web Page, Parts of Speech);
pages,		pages,page_a,1,(Comments, Script_A, Script_B);

!------------------------------------- content ---------------------------------------------------

Region,		webpage, pages, "padding:10px; margin:0px,border:1px solid yellow",
		(
		 top:		Title:		 86:	"background-color:yellow; color:black; text-align:center",
		 top:		:		 13:	"background-color:blue",
		 left:		Example:	460:	"background-color:tan",
		 top:		tabs:		 44:	"background-color:white; color:black; padding-top:4px",
		 bottom:	Copyright:	 30:	"background-color:blue; color:white; text-align:center; padding-top:6px",
		 );

return,		webpage;
	

!---------------------------------- Parts of Speech (POS) -------------------------

template,	'<span style="Cursor:pointer;" onClick="this.firstChild.checked=true;change_page(1,''term_page_{i}'')" ><input type="radio" {checked} name="{tag}" id="E_{id}" aria-labelledby="none"/> {text}</span>';
radios,		term_select, term_type,	1, template, 450px, ('Part of Speech', 'Name of', 'Title of', 'Location', 'Thing');


template,	'<select id="pos_select" size="{size}" onchange="change_page(2,''pos_page'',this.selectedIndex)" aria-labelledby="none" >';
select,		x0, 'part_of_speech',	1, 1, template, ('Noun (Clif, car, tree)','Verb (programming, build)','Adjective (hard, wet)','Participle (building, eaten)','Pronoun (he, she)', 'Adverb (quietly running)', 'preposition (for, by)', 'conjunction (and, or)','Artical (the, a)');

template,	'<span style="cursor:pointer;" onClick="this.firstChild.checked=true;"><input type="radio" {checked} name="{tag}" aria-labelledby="none"/> {text} </span><br>';
radios,		x1, 'pos_noun',		1, template, 220px, ('Common (chair, tree, city)','Proper Name (Houston, Clif)','Collection (furniture,text)','Abstract (happy, glad)','Related (father, first, hair)');
radios,		x3, 'pos_adjective',	1, template, 220px, ('Opinion (a <b>real</b> treasure)','Shape (sharp, oblong, circular)','Age (now, old, young)','Colour (black,pale,stripped)','Origin (remote, Texasan)','Material (wooden, metallic)','Purpose (<b>frying</b> pan)');
radios,		x4, 'pos_preposition',	1, template, 220px, ('Simple (on, under)', 'Complex (not related)');

template,	'<span style="cursor:pointer;" onClick="this.firstChild.checked=true;change_page(3,''verb_page_{i}'')"><input type="radio" {checked} name="{tag}" aria-labelledby="none"/> {text} </span><br>';
radios,		x2, 'pos_verb',		1, template, 220px, ('Past Tense','Present Tense','Future Tense','No Object (boy <b>cried</b>)','Direct (I <b>read</b> a book)','Dual (<b>hugged</b> my wife)', 'Linking (My car <b >is</b> out front)');

!------------------------------------ verb classifications pages ----------------------------------

template,	'<select id="verb_type_{index}" size="{size}" style="width:360px" aria-labelledby="none">';
select,		v1, 'past',		1, 1, template, ('Past Simple (I worked)',' Past Continuous (I was working)', 'Past Perfect (I had Worked)', 'Past Perfect Continous (I had been working)');
select,		v2, 'present',		1, 2, template, ('Simple Present (I work)','Present Continuous (I am working)','Present Perfect (I have Worked)','Present Perfect Continuous (I have been working)');
select,		v3, 'future',		1, 3, template, ('Simple Future (will or shall)','Future Continuous (will be, shall be)','Future Perfect (will have, shall have)','Future Perfect Continuous (will have been, shall have been)');

pages,		verb_pages, verb_page, -1, (v1,v2,v3);
concatenate,	x2,(x2, down:10, verb_pages);		! (3)

!-------------------------------------------------------------------------------------------------

pages,		pos_pages, pos_page, 1, (x1,x2,x3,x4);
concatenate,	p5,(x0, down:10, pos_pages);		! (2)
!------------------------------------ term classifications pages ----------------------------------

template,	'<select id="term_type_{index}" size="{size}" style="width:300px" aria-labelledby="none">';
select,		p1, 'name',		1, 1, template, ('Person','Project','Company','Animal','Equipment','Automobile','Truck');
select,		p2, 'title',		1, 2, template, ('Person','Music','Book','Movie');
select,		p3, 'location',		1, 3, template, ('State','City','Country','Region');
select,		p4, 'thing',		1, 4, template, ('Project','Hardware','Company');

pages,		allPages, term_page, 1, (p5,p1,p2,p3,p4); ! (1)

!----------------------------------------- Layout ------------------------------------------

Content,	Title,,	   html,	value,		"<br><span style='text-align:center;font-size:14pt;'><b>Part of Speech</b></span>";

Region,		parts of speech, allPages, "width:460; padding:20px; text-align:center",
		(top:		Title:		54:	"text-align:center",
		 top:		:		10,
		 top:		term_select:	35,
		 top:		:		4:	"background-color:blue");

return,		parts of speech;