Difference between revisions of "Talk:Main Page TempProposal"
Jump to navigation
Jump to search
(Created page with "Setup of the page : == Content == Build from: * <code>csv</code> list of the Manuals, including kind of categorization * a python script, which includes manuals links to on...") |
|||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | Setup of the page | + | = Links people want to access in one step (to help building an efficient welcome page) = |
+ | |||
+ | * one | ||
+ | * two | ||
+ | * three | ||
+ | * four | ||
+ | * five | ||
+ | |||
+ | |||
+ | = Setup of the page = | ||
== Content == | == Content == | ||
− | + | '''First part''', Welcome / Get Started / News, is done manually by copy / paste of existing content + HTML & CSS (see below). | |
− | * <code>csv</code> list of the Manuals, including kind of categorization | + | |
+ | '''Second part''', the gallery of Main Topics to help browsing, is built from '''[[Media:ConTeXt Garden wiki MainPage.zip|two files]]''': | ||
+ | * 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 |
Latest revision as of 16:33, 23 May 2020
Contents
Links people want to access in one step (to help building an efficient welcome page)
- one
- two
- three
- four
- five
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;">