lieu/html/nav.html

12 wiersze
324 B
HTML

{{ define "nav" }}
HTML + CSS + overhaul performance (#2) * Inputs should have a label for accessibility. * Added missing standard head html elements * Spaced things a little bit * Added meta-description * Added og and twitter tags for embeds. * Added canonical url * Added missing favicons links and theme color * Added .ico version of favicon for compatibility purposes * Navigation elements should be in nav to allow screen readers to identify them * You should have only one h1 tag in your page. * Added reset file * Removed padding and margin from html (will redo later) * Removed all margins 0 (reset already has them) or arbitrary margins * Global styling should be on body, not html * Added the 62.5% rule to ease REM handling * CHANGE TIME! Creating a new CSS file because it's easier lol * Created fonts css file * Created config css file * Moved old base.css and old style.css to new folder * Renamed index.css to style.css * Moved reset to css folder * Added composition file for all our maco level positionning * Added role list to remove style, added navigation in nav in partial * Added header positionning * Splitted space between header and main with viewport height * Replace a class by article for accessibility and styling * Finished positionning elements on the home * bringing back some base styles from previous base file * Added title fonts back * Added utility class to simulate h2 style on header link * Added font swap to avoid invisible text when fonts are loading * Removed border from home-link * Created an utility class for italic text and added it to subtitle * Moved the header link style to blocks, as it's too specific to be utility * Changed class name in template * Added flow class utility to space elements between themselves * Put line-height to 1 on titltes to ease spacing between elements * Added input style from previous css and converted values to new REM * Forgot to add new class name to header partial * Fixed fonts urls * Imported blocks file in main file * Added form centering * Added button style * Added flex grow utility for the search input * Turned the whole header into a Block element instead of using config * Adjusted header padding to match existing design * Turned header into a fixed element, main takes 100vh * Removed grid centering from main since it's not used in other pages, now an utility class * Revert "Removed grid centering from main since it's not used in other pages, now an utility class" This reverts commit 4da18c1fb388490219922b2bcff457adcfe0a3a0. * Moved grid centering from composition to utilities since it's specific to the home * Added top 0 to stick to top * Created an utility margin class for main * Wrappred content into an article, added margin-top-main class * Added grid item center utility class to index * Added utility classe for article max-width * Added back hyphens for paragraphs * Added padding to main * Added flow and width63 classes to article * Added width63 to article on about page * Moved button from config to block as it's not a default style * Added label to search and redid styles * Added the name of the webring inside the label * Replace background image by inline svg in the button * Fixed margin on button * Added an aria label and title since the button has no text * ADjusted the size of the inline svg to avoid a flash of giant svg during loading * Removed unused style on form * Added a title element for accessibility * Created utility class two columns for search results * Removed padding from ul list by default * Move search in main, put results into list, added flow and two cols * Typo * Added flow2 spacing utility class * Added entries styles to blocks * Updated style of entries * Reduced main top margin * Added width126 class to contain entries, updated template * Added visually hidden class * Added same template as search for webring partial * Added missing article * Added translateY50% utility class * Added translateY to uncenter search box on index * Added break inside management to avoid text splitted between cols * Totally removed position fixed header, it was a wrong idea. Adjusted main instead. * Fixed input and button responsive design * Reduced transparency for accessibility reasons * Added a title for accessibility reasons * Added all code except reset inside main style file * Added reset directly in head * Fixed fonts urls * Deleted useless files * Converted fonts to woff2, went from 1.7mo to 400ko. * Moved fonts loading to the end of the file to avoid rendering issues
2021-05-13 15:00:01 +00:00
<header class="header-home">
<a class="header-home_link" href="/">{{ .SiteName }}</a>
<nav>
<ul class="header-home_navigation" role='list'>
<li><a href="/webring">Webring</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
2021-04-22 10:22:57 +00:00
</header>
{{ end }}