Skip to content

Commit 07bf914

Browse files
m-aciekm-aciek
committed
Use row-first flex layout for documentation index
1 parent e5fbabb commit 07bf914

1 file changed

Lines changed: 64 additions & 80 deletions

File tree

‎Doc/tools/templates/indexcontent.html‎

Lines changed: 64 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,17 @@
1616
<meta name="theme-color" content="#3776ab">
1717
<style>
1818
.contentstable {
19-
display: grid;
19+
display: flex;
20+
flex-flow: row wrap;
2021
gap: 0 2em;
21-
grid-template-columns: 1fr 1fr;
22+
list-style: none;
2223
margin: 0 auto;
2324
max-width: 90%;
24-
}
25-
.contentstable ul {
26-
list-style: none;
27-
margin: 0;
2825
padding: 0;
2926
}
27+
.contentstable > li {
28+
flex: 0 0 calc(50% - 1em);
29+
}
3030
.contentstable a {
3131
text-decoration: none;
3232
}
@@ -38,8 +38,8 @@
3838
margin-bottom: 1em;
3939
}
4040
@media (max-width: 600px) {
41-
.contentstable {
42-
grid-template-columns: 1fr;
41+
.contentstable > li {
42+
flex-basis: 100%;
4343
}
4444
}
4545
</style>
@@ -50,84 +50,68 @@ <h1>{{ docstitle|e }}</h1>
5050
{% trans %}Welcome! This is the official documentation for Python {{ release }}.{% endtrans %}
5151
</p>
5252
<p><strong>{% trans %}Documentation sections:{% endtrans %}</strong></p>
53-
<div class="contentstable">
54-
<ul>
55-
<li class="biglink"><a class="biglink" href="{{ pathto("whatsnew/" + version) }}">{% trans %}What's new in Python {{ version }}?{% endtrans %}</a><br>
56-
<span class="linkdescr"> {% trans whatsnew_index=pathto("whatsnew/index") %}Or <a href="{{ whatsnew_index }}">all "What's new" documents since Python 2.0</a>{% endtrans %}</span></li>
57-
<li class="biglink"><a class="biglink" href="{{ pathto("tutorial/index") }}">{% trans %}Tutorial{% endtrans %}</a><br>
58-
<span class="linkdescr">{% trans %}Start here: a tour of Python's syntax and features{% endtrans %}</span></li>
59-
<li class="biglink"><a class="biglink" href="{{ pathto("builtins/index") }}">{% trans %}Built-ins reference{% endtrans %}</a><br>
53+
<ul class="contentstable">
54+
<li class="biglink"><a class="biglink" href="{{ pathto("whatsnew/" + version) }}">{% trans %}What's new in Python {{ version }}?{% endtrans %}</a><br>
55+
<span class="linkdescr"> {% trans whatsnew_index=pathto("whatsnew/index") %}Or <a href="{{ whatsnew_index }}">all "What's new" documents since Python 2.0</a>{% endtrans %}</span></li>
56+
<li class="biglink"><a class="biglink" href="{{ pathto("tutorial/index") }}">{% trans %}Tutorial{% endtrans %}</a><br>
57+
<span class="linkdescr">{% trans %}Start here: a tour of Python's syntax and features{% endtrans %}</span></li>
58+
<li class="biglink"><a class="biglink" href="{{ pathto("builtins/index") }}">{% trans %}Built-ins reference{% endtrans %}</a><br>
6059
<span class="linkdescr">{% trans %}Built-in functions and classes{% endtrans %}</span></li>
6160
<li class="biglink"><a class="biglink" href="{{ pathto("library/index") }}">{% trans %}Library reference{% endtrans %}</a><br>
62-
<span class="linkdescr">{% trans %}Standard library modules{% endtrans %}</span></li>
63-
<li class="biglink"><a class="biglink" href="{{ pathto("reference/index") }}">{% trans %}Language reference{% endtrans %}</a><br>
64-
<span class="linkdescr">{% trans %}Syntax and language elements{% endtrans %}</span></li>
65-
<li class="biglink"><a class="biglink" href="{{ pathto("using/index") }}">{% trans %}Python setup and usage{% endtrans %}</a><br>
66-
<span class="linkdescr">{% trans %}How to install, configure, and use Python{% endtrans %}</span></li>
67-
</ul>
68-
<ul>
69-
<li class="biglink"><a class="biglink" href="{{ pathto("howto/index") }}">{% trans %}Python HOWTOs{% endtrans %}</a><br>
70-
<span class="linkdescr">{% trans %}In-depth topic manuals{% endtrans %}</span></li>
71-
<li class="biglink"><a class="biglink" href="{{ pathto("installing/index") }}">{% trans %}Installing Python modules{% endtrans %}</a><br>
72-
<span class="linkdescr">{% trans %}Third-party modules and PyPI.org{% endtrans %}</span></li>
73-
<li class="biglink"><a class="biglink" href="{{ pathto("extending/index") }}">{% trans %}Extending and embedding{% endtrans %}</a><br>
74-
<span class="linkdescr">{% trans %}For C/C++ programmers{% endtrans %}</span></li>
75-
<li class="biglink"><a class="biglink" href="{{ pathto("c-api/index") }}">{% trans %}Python's C API{% endtrans %}</a><br>
76-
<span class="linkdescr">{% trans %}C API reference{% endtrans %}</span></li>
77-
<li class="biglink"><a class="biglink" href="{{ pathto("faq/index") }}">{% trans %}FAQs{% endtrans %}</a><br>
78-
<span class="linkdescr">{% trans %}Frequently asked questions (with answers!){% endtrans %}</span></li>
79-
<li class="biglink"><a class="biglink" href="{{ pathto("deprecations/index") }}">{% trans %}Deprecations{% endtrans %}</a><br>
80-
<span class="linkdescr">{% trans %}Deprecated functionality{% endtrans %}</span></li>
81-
</ul>
82-
</div>
61+
<span class="linkdescr">{% trans %}Standard library modules{% endtrans %}</span></li>
62+
<li class="biglink"><a class="biglink" href="{{ pathto("reference/index") }}">{% trans %}Language reference{% endtrans %}</a><br>
63+
<span class="linkdescr">{% trans %}Syntax and language elements{% endtrans %}</span></li>
64+
<li class="biglink"><a class="biglink" href="{{ pathto("using/index") }}">{% trans %}Python setup and usage{% endtrans %}</a><br>
65+
<span class="linkdescr">{% trans %}How to install, configure, and use Python{% endtrans %}</span></li>
66+
<li class="biglink"><a class="biglink" href="{{ pathto("howto/index") }}">{% trans %}Python HOWTOs{% endtrans %}</a><br>
67+
<span class="linkdescr">{% trans %}In-depth topic manuals{% endtrans %}</span></li>
68+
<li class="biglink"><a class="biglink" href="{{ pathto("installing/index") }}">{% trans %}Installing Python modules{% endtrans %}</a><br>
69+
<span class="linkdescr">{% trans %}Third-party modules and PyPI.org{% endtrans %}</span></li>
70+
<li class="biglink"><a class="biglink" href="{{ pathto("extending/index") }}">{% trans %}Extending and embedding{% endtrans %}</a><br>
71+
<span class="linkdescr">{% trans %}For C/C++ programmers{% endtrans %}</span></li>
72+
<li class="biglink"><a class="biglink" href="{{ pathto("c-api/index") }}">{% trans %}Python's C API{% endtrans %}</a><br>
73+
<span class="linkdescr">{% trans %}C API reference{% endtrans %}</span></li>
74+
<li class="biglink"><a class="biglink" href="{{ pathto("faq/index") }}">{% trans %}FAQs{% endtrans %}</a><br>
75+
<span class="linkdescr">{% trans %}Frequently asked questions (with answers!){% endtrans %}</span></li>
76+
<li class="biglink"><a class="biglink" href="{{ pathto("deprecations/index") }}">{% trans %}Deprecations{% endtrans %}</a><br>
77+
<span class="linkdescr">{% trans %}Deprecated functionality{% endtrans %}</span></li>
78+
</ul>
8379

8480
<p><strong>{% trans %}Other resources:{% endtrans %}</strong></p>
85-
<div class="contentstable">
86-
<ul>
87-
<li class="biglink"><a class="biglink" href="https://devguide.python.org">{% trans %}Python developer's guide{% endtrans %}</a><br>
88-
<span class="linkdescr">{% trans %}Information on contributing to Python{% endtrans %}</span></li>
89-
<li class="biglink"><a class="biglink" href="https://packaging.python.org">{% trans %}Python Packaging User Guide{% endtrans %}</a><br>
90-
<span class="linkdescr">{% trans %}Resources relating to Python packaging{% endtrans %}</span></li>
91-
<li class="biglink"><a class="biglink" href="https://www.python.org/doc/av/">{% trans %}Audio/visual talks{% endtrans %}</a><br>
92-
<span class="linkdescr">{% trans %}Podcasts, talks, and video presentations from the community{% endtrans %}</span></li>
93-
</ul>
94-
<ul>
95-
<li class="biglink"><a class="biglink" href="https://peps.python.org/">{% trans %}Python Enhancement Proposals{% endtrans %}</a><br>
96-
<span class="linkdescr">{% trans %}Index of proposed improvements to Python{% endtrans %}</span></li>
97-
<li class="biglink"><a class="biglink" href="https://typing.python.org">{% trans %}Static Typing with Python{% endtrans %}</a><br>
98-
<span class="linkdescr">{% trans %}Information and guides about Python type safety{% endtrans %}</span></li>
99-
</ul>
100-
</div>
81+
<ul class="contentstable">
82+
<li class="biglink"><a class="biglink" href="https://devguide.python.org">{% trans %}Python developer's guide{% endtrans %}</a><br>
83+
<span class="linkdescr">{% trans %}Information on contributing to Python{% endtrans %}</span></li>
84+
<li class="biglink"><a class="biglink" href="https://packaging.python.org">{% trans %}Python Packaging User Guide{% endtrans %}</a><br>
85+
<span class="linkdescr">{% trans %}Resources relating to Python packaging{% endtrans %}</span></li>
86+
<li class="biglink"><a class="biglink" href="https://www.python.org/doc/av/">{% trans %}Audio/visual talks{% endtrans %}</a><br>
87+
<span class="linkdescr">{% trans %}Podcasts, talks, and video presentations from the community{% endtrans %}</span></li>
88+
<li class="biglink"><a class="biglink" href="https://peps.python.org/">{% trans %}Python Enhancement Proposals{% endtrans %}</a><br>
89+
<span class="linkdescr">{% trans %}Index of proposed improvements to Python{% endtrans %}</span></li>
90+
<li class="biglink"><a class="biglink" href="https://typing.python.org">{% trans %}Static Typing with Python{% endtrans %}</a><br>
91+
<span class="linkdescr">{% trans %}Information and guides about Python type safety{% endtrans %}</span></li>
92+
</ul>
10193

10294
<p><strong>{% trans %}Indices, glossary, and search:{% endtrans %}</strong></p>
103-
<div class="contentstable">
104-
<ul>
105-
<li class="biglink"><a class="biglink" href="{{ pathto("py-modindex") }}">{% trans %}Global module index{% endtrans %}</a><br>
106-
<span class="linkdescr">{% trans %}All modules and libraries{% endtrans %}</span></li>
107-
<li class="biglink"><a class="biglink" href="{{ pathto("genindex") }}">{% trans %}General index{% endtrans %}</a><br>
108-
<span class="linkdescr">{% trans %}All functions, classes, and terms{% endtrans %}</span></li>
109-
<li class="biglink"><a class="biglink" href="{{ pathto("glossary") }}">{% trans %}Glossary{% endtrans %}</a><br>
110-
<span class="linkdescr">{% trans %}Terms explained{% endtrans %}</span></li>
111-
</ul>
112-
<ul>
113-
<li class="biglink"><a class="biglink" href="{{ pathto("search") }}">{% trans %}Search page{% endtrans %}</a><br>
114-
<span class="linkdescr">{% trans %}Search this documentation{% endtrans %}</span></li>
115-
<li class="biglink"><a class="biglink" href="{{ pathto("contents") }}">{% trans %}Complete table of contents{% endtrans %}</a><br>
116-
<span class="linkdescr">{% trans %}All sections and subsections{% endtrans %}</span></li>
117-
</ul>
118-
</div>
95+
<ul class="contentstable">
96+
<li class="biglink"><a class="biglink" href="{{ pathto("py-modindex") }}">{% trans %}Global module index{% endtrans %}</a><br>
97+
<span class="linkdescr">{% trans %}All modules and libraries{% endtrans %}</span></li>
98+
<li class="biglink"><a class="biglink" href="{{ pathto("genindex") }}">{% trans %}General index{% endtrans %}</a><br>
99+
<span class="linkdescr">{% trans %}All functions, classes, and terms{% endtrans %}</span></li>
100+
<li class="biglink"><a class="biglink" href="{{ pathto("glossary") }}">{% trans %}Glossary{% endtrans %}</a><br>
101+
<span class="linkdescr">{% trans %}Terms explained{% endtrans %}</span></li>
102+
<li class="biglink"><a class="biglink" href="{{ pathto("search") }}">{% trans %}Search page{% endtrans %}</a><br>
103+
<span class="linkdescr">{% trans %}Search this documentation{% endtrans %}</span></li>
104+
<li class="biglink"><a class="biglink" href="{{ pathto("contents") }}">{% trans %}Complete table of contents{% endtrans %}</a><br>
105+
<span class="linkdescr">{% trans %}All sections and subsections{% endtrans %}</span></li>
106+
</ul>
119107

120108
<p><strong>{% trans %}Project information:{% endtrans %}</strong></p>
121-
<div class="contentstable">
122-
<ul>
123-
<li class="biglink"><a class="biglink" href="{{ pathto("bugs") }}">{% trans %}Reporting issues{% endtrans %}</a></li>
124-
<li class="biglink"><a class="biglink" href="https://devguide.python.org/documentation/help-documenting/">{% trans %}Contributing to docs{% endtrans %}</a></li>
125-
<li class="biglink"><a class="biglink" href="{{ pathto("download") }}">{% trans %}Download the documentation{% endtrans %}</a></li>
126-
</ul>
127-
<ul>
128-
<li class="biglink"><a class="biglink" href="{{ pathto("license") }}">{% trans %}History and license of Python{% endtrans %}</a></li>
129-
<li class="biglink"><a class="biglink" href="{{ pathto("copyright") }}">{% trans %}Copyright{% endtrans %}</a></li>
130-
<li class="biglink"><a class="biglink" href="{{ pathto("about") }}">{% trans %}About the documentation{% endtrans %}</a></li>
131-
</ul>
132-
</div>
109+
<ul class="contentstable">
110+
<li class="biglink"><a class="biglink" href="{{ pathto("bugs") }}">{% trans %}Reporting issues{% endtrans %}</a></li>
111+
<li class="biglink"><a class="biglink" href="https://devguide.python.org/documentation/help-documenting/">{% trans %}Contributing to docs{% endtrans %}</a></li>
112+
<li class="biglink"><a class="biglink" href="{{ pathto("download") }}">{% trans %}Download the documentation{% endtrans %}</a></li>
113+
<li class="biglink"><a class="biglink" href="{{ pathto("license") }}">{% trans %}History and license of Python{% endtrans %}</a></li>
114+
<li class="biglink"><a class="biglink" href="{{ pathto("copyright") }}">{% trans %}Copyright{% endtrans %}</a></li>
115+
<li class="biglink"><a class="biglink" href="{{ pathto("about") }}">{% trans %}About the documentation{% endtrans %}</a></li>
116+
</ul>
133117
{% endblock %}

0 commit comments

Comments
 (0)