Difference between revisions of "Talk:Main Page TempProposal"

From Wiki
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 ==  
  
use of html list and CSS grid features, in particular  
+
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> element
    • grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
    • justify-content: space-between;
  • For <li> elements
    • <li style="height: stretch;">