diff options
| author | Nicolas Dato <nicolas.dato@gmail.com> | 2023-05-16 18:58:55 -0300 |
|---|---|---|
| committer | Nicolas Dato <nicolas.dato@gmail.com> | 2023-05-16 18:58:55 -0300 |
| commit | 1ca33ee216d3f4944edaf1dc3e70bb692e6ef881 (patch) | |
| tree | fad20852357e965bd10704822964bb6badd95fc8 | |
| parent | 50df46a3a79fbc511e07072dd0b58b2f0a6aeaea (diff) | |
| download | ndato.com-1ca33ee216d3f4944edaf1dc3e70bb692e6ef881.tar.gz ndato.com-1ca33ee216d3f4944edaf1dc3e70bb692e6ef881.tar.bz2 | |
menu
| -rw-r--r-- | index.html | 24 | ||||
| -rw-r--r-- | style.css | 4 |
2 files changed, 22 insertions, 6 deletions
@@ -8,18 +8,34 @@ <body> <section class="header" title="Header"> <header> - <img src="lambda.svg" class="logo" alt="Lambda" title="Lambda"> + <img src="lambda.svg" class="logo" alt="Lambda" title="Lambda Logo"> ndato.com.ar </header> <nav class="navigation"><a href="/">Home</a></nav> </section> <div class="main"> <section class="left column" title="Left Column"> - <header>Left</header> - Lorem <a href="file:///home/nico/ndato.com.ar/index.html">ipsum dolor</a> sit amet + <header>Menu</header> + <nav title="Navigation Menu"> + <menu> + <li><a href="/">Home</a></li> + <li><a href="/cv">CV</a></li> + <li><a href="/articles">Articles</a></li> + <li><a href="/blog">Blog</a></li> + <li><a href="/etc">Etc</a></li> + <li><a href="/contact">Contact</a></li> + </menu> + </nav> + <header>Links</header> + <nav title="Extra Links"> + <menu> + <li><a href="https://robertoaley.com/">Roberto Aley</a></li> + </menu> + </nav> + </section> <section class="content column" title="Content Column"> - <main> + <main title="Main Content"> <header>Home</header> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="file:///home/nico/ndato.com.ar/index.html">Amet nisl suscipit adipiscing</a> bibendum est ultricies. Sit amet risus nullam eget felis eget. Nulla facilisi morbi tempus iaculis urna id volutpat lacus. Pretium aenean pharetra <em>magna ac placerat</em> vestibulum lectus mauris. Lorem ipsum dolor sit amet consectetur adipiscing elit duis. <strong>Massa enim nec dui nunc mattis</strong>. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Enim ut sem viverra aliquet. Ut tristique et egestas quis ipsum suspendisse ultrices gravida dictum. Ac tortor vitae purus faucibus ornare suspendisse sed.</p> @@ -16,13 +16,13 @@ --cyan: #2aa198; --green: #859900; --header-font-size: 175%; - --column-min-width: 25ex; + --column-min-width: 20ex; --border-width: 1px; --padding: 2ex; --margin: 2ex; --content-padding-left: 9ex; --content-padding-right: 5ex; - --body-max-width: 140ex; + --body-max-width: 120ex; --body-min-width: 75ex; --body-font-size: 110%; } |