Difference between revisions of "Talk:Main Page TempProposal"
Jump to navigation
Jump to search
m |
|||
Line 3: | Line 3: | ||
== Content == | == Content == | ||
− | First part is done manually by copy / paste of existing content + HTML & CSS (see below). | + | '''First part''', Welcome / Get Started / News, is done manually by copy / paste of existing content + HTML & CSS (see below). |
− | Second part is built from: | + | '''Second part''', the gallery of Main Topics to help browsing, is built from '''[[Media:ConTeXt Garden wiki MainPage.zip|two files]]''': |
− | * <code>csv</code> list of the Manuals, including kind of categorization | + | * a <code>csv</code> list of the Manuals, including kind of categorization |
* a python script, which includes manuals links to one specific wiki page for each category | * a python script, which includes manuals links to one specific wiki page for each category | ||
+ | Pictures were built more or less manually, width:height ratio should be 1:1. | ||
== HTML & CSS == | == HTML & CSS == | ||
− | + | The page just uses html list and CSS grid features, in particular: | |
* For <code><nowiki><ul></nowiki></code> element | * For <code><nowiki><ul></nowiki></code> element |
Revision as of 10:49, 23 May 2020
Setup of the page :
Content
First part, Welcome / Get Started / News, is done manually by copy / paste of existing content + HTML & CSS (see below).
Second part, the gallery of Main Topics to help browsing, is built from two files:
- a
csv
list of the Manuals, including kind of categorization - a python script, which includes manuals links to one specific wiki page for each category
Pictures were built more or less manually, width:height ratio should be 1:1.
HTML & CSS
The page just uses html list and CSS grid features, in particular:
- For
<ul>
elementgrid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
justify-content: space-between;
- For
<li>
elements<li style="height: stretch;">