8000 Backport PR #16065: Nicer formatting of community aspects on front page · matplotlib/matplotlib@2e65d5f · GitHub
[go: up one dir, main page]

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 2e65d5f

Browse files
tacaswelltimhoffm
authored andcommitted
Backport PR #16065: Nicer formatting of community aspects on front page
1 parent 5b684c4 commit 2e65d5f

11 files changed

+154
-39
lines changed

doc/_static/fa/LICENSE

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Font Awsome SVG Icons are covered by CC BY 4.0 License.
2+
3+
https://fontawesome.com/license/free
4+
5+
Icons are based on Font Awesome 5.11.2 and colors have been adapted.

doc/_static/fa/discourse-brands.svg

Lines changed: 1 addition & 0 deletions
Loading

doc/_static/fa/envelope-regular.svg

Lines changed: 1 addition & 0 deletions
Loading

doc/_static/fa/github-brands.svg

Lines changed: 1 addition & 0 deletions
Loading

doc/_static/fa/gitter-brands.svg

Lines changed: 1 addition & 0 deletions
Loading

doc/_static/fa/hashtag-solid.svg

Lines changed: 1 addition & 0 deletions
Loading
Lines changed: 1 addition & 0 deletions
Loading
Lines changed: 1 addition & 0 deletions
Loading
Lines changed: 1 addition & 0 deletions
Loading

doc/_static/mpl.css

Lines changed: 76 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -932,7 +932,7 @@ div.responsive_subfig img {
932932
width: 100%;
933933
}
934934

935-
@media only screen and (max-width: 1000px){
935+
@media only screen and (max-width: 930px){
936936
/* The value of 1000px was handcrafted to provide a more or less */
937937
/* smooth transition between the 1x4 and the 2x2 layouts. It is */
938938
/* NB: it is slightly below 1024px: so one should still have a */
@@ -1016,3 +1016,78 @@ div.viewcode-block:target {
10161016
.sidebar-announcement p {
10171017
margin: 0.4em 0.4em 0.6em 0.4em;
10181018
}
1019+
1020+
/* new main nav */
1021+
nav.main-nav{
1022+
background-color: #002b47;
1023+
font-family: 'CarlogoRegular', 'Carlito', sans-serif;
1024+
font-size: 16px;
1025+
}
1026+
1027+
nav.main-nav ul{
1028+
margin: 0;
1029+
padding: 0;
1030+
display: flex;
1031+
flex-direction: row;
1032+
}
1033+
1034+
nav.main-nav li{
1035+
margin: 8px 15px;
1036+
list-style-type: none;
1037+
}
1038+
1039+
nav.main-nav a{
1040+
color: white;
1041+
}
1042+
1043+
nav.main-nav a:hover{
1044+
text-decoration: underline;
1045+
}
1046+
1047+
nav.main-nav li.nav-right{
1048+
margin: 6px 15px 0 auto;
1049+
}
1050+
1051+
nav.main-nav input {
1052+
border: 0;
1053+
padding: 3px 6px;
1054+
width: 198px;
1055+
}
1056+
1057+
/* community items on main page */
1058+
div.box {
1059+
display: flex;
1060+
flex-flow: row wrap;
1061+
}
1062+
1063+
div.box-item {
1064+
flex: 0 0 45%;
1065+
padding: 4px;
1066+
margin: 8px 12px;
1067+
}
1068+
1069+
div.box-item img {
1070+
float: left;
1071+
width: 30px;
1072+
height: 30px;
1073+
fill: #888;
1074+
1075+
}
1076+
div.box-item p {
1077+
margin: 0 0 0 50px;
1078+
}
1079+
1080+
div.box-item ul {
1081+
margin: 0 0 0 50px;
1082+
padding-left: 20px;
1083+
}
1084+
1085+
hr.box-sep {
1086+
margin: 1em 2em;
1087+
}
1088+
1089+
@media only screen and (max-width: 930px){
1090+
div.box-item {
1091+
flex: 0 0 90%;
1092+
}
1093+
}

doc/index.rst

Lines changed: 65 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -117,37 +117,71 @@ Software Foundation Code of Conduct <coc_>`_ in everything we do.
117117

118118
.. _coc: http://www.python.org/psf/codeofconduct/
119119

120-
- Join our community at `discourse.matplotlib.org`_ to get help, discuss
121-
contributing & development, and share your work.
122-
- If you have questions, be sure to check the :doc:`FAQ <faq/index>`, the
123-
:doc:`API <api/index>` docs, and the `search <search.html>`_ tool
124-
searches all of the documentation, including full text search of over 350
125-
complete examples which exercise almost every corner of Matplotlib.
126-
- If its something quick join the `gitter channel`_ to chat with the
127-
community.
128-
- If you prefer email there are the matplotlib-users_, matplotlib-devel_,
129-
and matplotlib-announce_ mailing lists.
130-
- Check out the Matplotlib tag on stackoverflow_.
131-
- Tweet us at Twitter_! or see cool plots on Instagram_!
132-
133-
.. _discourse.matplotlib.org: https://discourse.matplotlib.org
134-
.. _gitter channel: https://gitter.im/matplotlib/matplotlib
135-
.. _matplotlib-users: https://mail.python.org/mailman/listinfo/matplotlib-users
136-
.. _matplotlib-devel: https://mail.python.org/mailman/listinfo/matplotlib-devel
137-
.. _matplotlib-announce: https://mail.python.org/mailman/listinfo/matplotlib-announce
138-
.. _stackoverflow: http://stackoverflow.com/questions/tagged/matplotlib
139-
.. _Twitter: https://twitter.com/matplotlib
140-
.. _Instagram: https://www.instagram.com/matplotart/
141-
142-
You can file bugs, patches and feature requests on the `issue tracker`_, but it
143-
is a good idea to ping us on Discourse_ as well.
144-
145-
.. _Discourse: https://discourse.matplotlib.org
146-
147-
To keep up to date with what's going on in Matplotlib, see the :doc:`what's
148-
new <users/whats_new>` page or browse the `source code`_. Anything that could
149-
require changes to your existing code is logged in the :doc:`API changes
150-
<api/api_changes>` file.
120+
121+
.. raw:: html
122+
123+
<h3>Get help</h3>
124+
<div class="box">
125+
<div class="box-item">
126+
<img src="_static/fa/discourse-brands.svg" alt="Discourse">
127+
<p>Join our community at <a href="https://discourse.matplotlib.org">discourse.matplotlib.org</a>
128+
to get help, discuss contributing &amp; development, and share your work.</p>
129+
</div>
130+
<div class="box-item">
131+
<img src="_static/fa/question-circle-regular.svg" alt="Questions">
132+
<p>If you have questions, be sure to check the <a href="faq/index.html">FAQ</a>,
133+
the <a href="api/index.html">API</a> docs. The full text
134+
<a href="search.html">search</a> is a good way to discover the docs including the many examples.</p>
135+
</div>
136+
<div class="box-item">
137+
<img src="_static/fa/stack-overflow-brands.svg" alt="Stackoverflow">
138+
<p>Check out the Matplotlib tag on <a href="http://stackoverflow.com/questions/tagged/matplotlib">stackoverflow</a>.</p>
139+
</div>
140+
<div class="box-item">
141+
<img src="_static/fa/gitter-brands.svg" alt="Gitter">
142+
<p>Short questions may be posted on the <a href="https://gitter.im/matplotlib/matplotlib">gitter channel</a>.</p>
143+
</div>
144+
</div>
145+
<hr class='box-sep'>
146+
<h3>News</h3>
147+
<div class="box">
148+
<div class="box-item">
149+
<img src="_static/fa/plus-square-regular.svg" alt="News">
150+
<p>To keep up to date with what's going on in Matplotlib, see the
151+
<a href="users/whats_new.html">what's new</a> page or browse the
152+
<a href="https://github.com/matplotlib/matplotlib">source code</a>. Anything that could
153+
require changes to your existing code is logged in the
154+
<a href="api/api_changes.html">API changes</a> file.</p>
155+
</div>
156+
<div class="box-item">
157+
<img src="_static/fa/hashtag-solid.svg" alt="Social media">
158+
<p>Tweet us at <a href="https://twitter.com/matplotlib">Twitter</a>!
159+
or see cool plots on <a href="https://www.instagram.com/matplotart/">Instagram</a>!</p>
160+
</div>
161+
</div>
162+
<hr class='box-sep'>
163+
<h3>Development</h3>
164+
<div class="box">
165+
<div class="box-item">
166+
<img src="_static/fa/github-brands.svg" alt="Github">
167+
<p>Matplotlib is hosted on <a href="https://github.com/matplotlib/matplotlib">GitHub</a>.</p>
168+
<ul>
169+
<li>File bugs and feature requests on the <a href="https://github.com/matplotlib/matplotlib/issues">issue tracker</a>.</li>
170+
<li><a href="https://github.com/matplotlib/matplotlib/pulls">Pull requests</a> are always welcome.</li>
171+
</ul>
172+
<p>It is a good idea to ping us on <a href="https://discourse.matplotlib.org">Discourse</a> as well.</p>
173+
</div>
174+
<div class="box-item">
175+
<img src="_static/fa/envelope-regular.svg" alt="Mailing lists">
176+
<p>Mailing lists</p>
177+
<ul>
178+
<li><a href="https://mail.python.org/mailman/listinfo/matplotlib-users">matplotlib-users</a> for usage questions</li>
179+
<li><a href="https://mail.python.org/mailman/listinfo/matplotlib-devel">matplotlib-devel</a> for development</li>
180+
<li><a href="https://mail.python.org/mailman/listinfo/matplotlib-announce">matplotlib-announce</a> for project announcements</li>
181+
</ul>
182+
</div>
183+
</div>
184+
151185

152186
Toolkits
153187
========
@@ -206,10 +240,3 @@ Foundation (PSF) license <psf-license_>`_.
206240

207241
There is an active developer community and a long list of people who have made
208242
significant :doc:`contributions <users/credits>`.
209-
210-
Matplotlib is hosted on `Github <source code_>`_. `Issues <issue tracker_>`_
211-
and `Pull requests`_ are tracked at Github too.
212-
213-
.. _source code: https://github.com/matplotlib/matplotlib
214-
.. _issue tracker: https://github.com/matplotlib/matplotlib/issues
215-
.. _pull requests: https://github.com/matplotlib/matplotlib/pulls

0 commit comments

Comments
 (0)
0