lieu/html/index.html

33 wiersze
1.5 KiB
HTML
Czysty Zwykły widok Historia

{{ template "head" . }}
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="https://github.com/cblgh/lieu">Lieu</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>
</header>
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
<main class="grid-items-center">
<article class="translateY-75">
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
<div class="flow">
2021-05-11 18:46:42 +00:00
<h1>
{{ .SiteName }}
</h1>
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
<h2 class="italic-text">
{{ .Data.Tagline }}
2021-05-11 18:46:42 +00:00
</h2>
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
<form class="search">
<label class="visually-hidden" for="search">Search {{ .SiteName }}</label>
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
<span class="search__input">
<input type="search" required minlength="1" name="q" placeholder="{{ .Data.Placeholder }}" class="flex-grow" id="search">
<button type="submit" class="search__button" aria-label="Search" title="Search">
<svg viewBox="0 0 420 300" xmlns="http://www.w3.org/2000/svg" baseProfile="full" style="background:var(--secondary)" width="42" height="30" fill="none"><path d="M90 135q60-60 120-60 0 0 0 0 60 0 120 60m-120 60a60 60 0 01-60-60 60 60 0 0160-60 60 60 0 0160 60 60 60 0 01-60 60m45-15h0l30 30m-75-15h0v45m-45-60h0l-30 30" stroke-width="81" stroke-linecap="square" stroke-linejoin="round" stroke="var(--primary)"/></svg>
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
</button>
</span>
2021-05-11 18:46:42 +00:00
</form>
</div>
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
</article>
2021-04-22 10:22:57 +00:00
</main>
{{ template "footer" . }}