Changeset 699:375439711537 in livinglogic.python.www for site

Show
Ignore:
Timestamp:
03/28/13 14:24:43 (6 years ago)
Author:
Walter Doerwald <walter@…>
Branch:
default
Message:

Update to use the new HTML5 sectioning elements.

Location:
site
Files:
2 modified

Legend:

Unmodified
Added
Removed
  • site/Python_xmlns.py

    r698 r699  
    13691369        else: 
    13701370            with xsc.build(): 
    1371                 with xsc.Frag(xml.XML(), "\n", target.DocTypeXHTML10transitional(), "\n") as e: 
     1371                with xsc.Frag(xml.XML(), "\n", target.DocTypeHTML5(), "\n") as e: 
    13721372                    with target.html(xml.Attrs(lang="en"), lang="en"): 
    13731373                        with target.head(): 
     
    13801380                            +meta.stylesheet(href="root:main_screen.css", media="screen, projection, tv") 
    13811381                            +meta.stylesheet(href="root:main_print.css", media="print") 
    1382                             +meta.author(name="Walter Dörwald", email="walter.doerwald@livinglogic.de") 
     1382                            +meta.author(name="Walter Dörwald", email="walter@livinglogic.de") 
    13831383                            icbm = "49.9550; 11.5909" 
    13841384                            +html.meta(name="icbm", content=icbm) 
     
    14121412 
    14131413                        with target.body(): 
    1414                             with html.div(class_="header"): 
    1415                                 if context.page.header: 
    1416                                     +html.h1(context.page.header) 
    1417                                 if context.page.subheader: 
    1418                                     +html.h2(context.page.subheader) 
    1419                             with html.div(class_="crumbs"): 
    1420                                 with htmlspecials.plaintable(width="100%"): 
    1421                                     with html.tr(valign="middle"): 
    1422                                         +html.td(self._crumbs(context), class_="crumbs") 
    1423                                         +html.td(xsc.Frag(context.page.alternates()).withsep("\xa0\xb7\xa0"), align="right", class_="alternate") 
     1414                            with html.header(): 
     1415                                with html.hgroup(): 
     1416                                    if context.page.header: 
     1417                                        +html.h1(context.page.header) 
     1418                                    if context.page.subheader: 
     1419                                        +html.h2(context.page.subheader) 
     1420                                with html.div(class_="crumbs"): 
     1421                                    with htmlspecials.plaintable(width="100%"): 
     1422                                        with html.tr(valign="middle"): 
     1423                                            +html.td(self._crumbs(context), class_="crumbs") 
     1424                                            +html.td(xsc.Frag(context.page.alternates()).withsep("\xa0\xb7\xa0"), align="right", class_="alternate") 
    14241425                            with html.div(class_="body"): 
    1425                                 +html.div(self._links(context), class_="links") 
    1426                                 +html.div(self.content, class_="content") 
     1426                                +html.nav(self._links(context)) 
     1427                                +html.article(self.content) 
    14271428        return e.convert(converter) 
  • site/main_screen.css

    r680 r699  
    1717} 
    1818 
    19 div.header 
     19header > hgroup 
    2020{ 
    2121    background-color: #0063a8; 
     
    3131} 
    3232 
    33 div.header h1 
     33header > hgroup > h1 
    3434{ 
    3535    color: #fff; 
     
    4040    line-height: 60px; 
    4141} 
    42 div.header h2 
     42header > hgroup > h2 
    4343{ 
    4444    color: #fff; 
     
    118118} 
    119119 
    120 div.content a 
     120article a 
    121121{ 
    122122    border-bottom: 1px solid #cc8080; 
     
    139139} 
    140140 
    141 div.links 
     141nav 
    142142{ 
    143143    width: 25%; 
     
    158158} 
    159159 
    160 div.links ul 
     160nav ul 
    161161{ 
    162162    display: block; 
     
    165165} 
    166166 
    167 div.links li 
     167nav li 
    168168{ 
    169169    display: block; 
     
    171171    padding: 0px; 
    172172} 
    173 div.links div, 
    174 div.links a 
     173nav div, 
     174nav a 
    175175{ 
    176176    display: block; 
     
    181181} 
    182182 
    183 div.links div, 
    184 div.links a.path 
     183nav div, 
     184nav a.path 
    185185{ 
    186186    font-weight: bold; 
    187187} 
    188188 
    189 div.links li.here div 
     189nav li.here div 
    190190{ 
    191191    background-image: url(images/here.png); 
     
    194194} 
    195195 
    196 div.links span.hint 
     196nav span.hint 
    197197{ 
    198198    padding-left: 6px; 
     
    202202} 
    203203 
    204 div.links a:hover span.hint 
     204nav a:hover span.hint 
    205205{ 
    206206    color: #ccc; 
    207207} 
    208208 
    209 div.links a:visited 
     209nav a:visited 
    210210{ 
    211211    background-image: url(images/visited.png); 
     
    214214} 
    215215 
    216 div.links a:visited:hover 
     216nav a:visited:hover 
    217217{ 
    218218    background-image: none; 
    219219} 
    220220 
    221 div.links div span.hint 
     221nav div span.hint 
    222222{ 
    223223    color: #000; 
    224224} 
    225225 
    226 div.links a:link 
     226nav a:link 
    227227{ 
    228228    color: #000; 
    229229} 
    230230 
    231 div.links a:visited 
     231nav a:visited 
    232232{ 
    233233    color: #000; 
    234234} 
    235235 
    236 div.links a:hover 
     236nav a:hover 
    237237{ 
    238238    color: #fff; 
     
    240240} 
    241241 
    242 div.links a:hover span.visited 
     242nav a:hover span.visited 
    243243{ 
    244244    color: #666; 
    245245} 
    246246 
    247 div.links a:active 
     247nav a:active 
    248248{ 
    249249    color: #ff0; 
    250250} 
    251251 
    252 div.body > div.content 
     252article 
    253253{ 
    254254    margin-left: 25%; 
     
    316316} 
    317317 
    318 div.content div:first-child h1 
     318article div:first-child h1 
    319319{ 
    320320    margin-top: 0px;