Glossary HTML fixes

[mrchristian]

Change the following in the HTML:

https://github.com/petermr/semanticClimate/blob/main/ipcc/ar6/test/total_glossary/new_total_demo.html

FROM > TO

<div style="margin : 8px; padding : 8px; background : #eee;"> TO <div class="gloss-back">

<div class=""><h4 >  TO <div class="gloss-term"><h4 >

<p class="definition" style="font-weight: bold"> TO <p class="definition">

<hr/>semanticClimate<hr/> TO <h3 >semanticClimate annotation</h3> OR whatever name you think fits.

Can we also add a DIV around all of our annotation section - so for above <h3 >semanticClimate annotation</h3> and to after the end of Translations.

DELETE <hr height="2"/> these can be replaced with a border style from DIV above.

There are anchor links missing hash # e.g., <a href="adaptation_deficit"> <a href="adaptation_gap"> <a href="mass_balance/budget"> <a href="adaptation_limits"> <a href="adaptation_needs"> etc

### We also have anomalies like

only one - line 126

<a href="file:///Users/pm286/projects/semanticClimate/ipcc/ar6/test/total_glossary/total_demo.html">

[mrchristian]

Once the above are complete I will add CSS files, and make main structural edits

[mrchristian]

Also please remove the PRE tags around and instead add a class: gloss-translate

`

                    
Translations
                

                
DE: ablation
                
HI: पृथक करना
                
                
        </pre>`
REPLACE with 
`

                    
Translations
                

                
DE: ablation
                
HI: पृथक करना
                
                
        `
            

[petermr]

OK. The point is that we need to show people the raw HTML so they can edit. But we'll work it out.

[petermr]

Did you really want class=class= ... ?