Improve "Get Involved" layout (#176)

This commit is contained in:
rubenwardy 2019-07-29 18:49:44 +01:00 committed by GitHub
parent a1bff01541
commit 158d9a2622
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 340 additions and 287 deletions

19
_data/community.yml Normal file
View File

@ -0,0 +1,19 @@
- name: Wiki
url: https://wiki.minetest.net
icon: wiki.svg
- name: Forum
url: https://forum.minetest.net
icon: forum.svg
- name: IRC
url: https://wiki.minetest.net/IRC
icon: irc.svg
- name: Servers
url: /servers/
icon: servers.svg
- name: Reddit
url: https://reddit.com/r/minetest
icon: reddit.png

View File

@ -28,7 +28,7 @@
<h5 class="footer-title">Community</h5>
<ul class="list-unstyled">
<li><a href="https://forum.minetest.net">Forums</a></li>
<li><a href="/get-involved/#internet-relay-chat">IRC</a></li>
<li><a href="https://wiki.minetest.net/IRC">IRC</a></li>
<li><a href="/servers/">Servers</a></li>
<li><a href="https://wiki.minetest.net">Player Wiki</a></li>
<li><a href="https://reddit.com/r/minetest/">Subreddit</a></li>
@ -39,7 +39,7 @@
<h5 class="footer-title">Development</h5>
<ul class="list-unstyled">
<li><a href="https://github.com/minetest/minetest">Github</a></li>
<li><a href="/get-involved/#internet-relay-chat">#minetest-dev on Freenode IRC</a></li>
<li><a href="https://wiki.minetest.net/IRC">#minetest-dev on Freenode IRC</a></li>
<li><a href="https://dev.minetest.net">Developer Wiki</a></li>
<li><a href="https://minetest.net/lua_api/">Lua API</a></li>
<li><a href="/get-involved/#donate">Donate</a></li>
@ -51,7 +51,8 @@
<div class="footer-copyright">
© 2015-{{ site.time | date: '%Y' }} The Minetest Team.
<a href="https://github.com/minetest/minetest.github.io">Source</a><br />
MIT for code, CC-BY-SA 3.0 for media and content.
<a href="https://github.com/minetest/minetest.github.io">Source</a>
Font Awesome icons under <a href="https://fontawesome.com/license">CC-BY 4.0</a>.
</div>
</footer>

View File

@ -20,7 +20,7 @@
}
}
a:not(.navbar-item) {
a:not(.navbar-item, .no-underline) {
border-bottom: 1px solid transparentize($primary, 0.75);
&:hover {
@ -32,6 +32,16 @@ a:not(.navbar-item) {
}
}
.hover-enlarge {
transition: transform 200ms ease;
cursor: pointer;
&:hover {
transform: scale(1.1, 1.1);
z-index: 2;
}
}
.title {
font-weight: $weight-semibold;
}
@ -43,3 +53,17 @@ a:not(.navbar-item) {
text-align: center;
margin-bottom: 3rem;
}
.iconlist {
.image {
width: 100px;
height: 120px;
padding: 10px 0;
margin: auto;
}
img {
max-width: 100px;
max-height: 100px;
}
}

View File

@ -16,104 +16,96 @@ redirect_from:
<section class="section">
<div class="container">
<div class="content">
<h1>Get Involved</h1>
<h2>Community</h2>
<h3>Where?</h3>
<ul>
<li><a href="https://forum.minetest.net">Forum</a></li>
<li><a href="https://wiki.minetest.net">Wiki</a></li>
<li><a href="#internet-relay-chat">IRC</a></li>
<li><a href="https://reddit.com/r/minetest">Subreddit</a></li>
<li><a href="/servers/">Server list</a></li>
</ul>
<h2 id="internet-relay-chat">Internet Relay Chat</h2>
<h3>Channels</h3>
<div>
<ul>
<li>
<strong><a href="https://webchat.freenode.net/?channels=#minetest">#minetest</a></strong>
(<a href="http://irc.minetest.net/minetest">Logs</a>):
Main channel for general Minetest engine, modding and games discussion or support.
</li>
<li>
<strong><a href="https://webchat.freenode.net/?channels=#minetest-dev">#minetest-dev</a></strong>
(<a href="http://irc.minetest.net/minetest-dev">Logs</a>):
Development channel, strictly only for development discussion of the Minetest engine and Minetest Game.
Webchat can be used to listen only, not talk, on #minetest-dev
</li>
<li>
<strong><a href="https://webchat.freenode.net/?channels=#minetest-hub">#minetest-hub</a></strong>
(<a href="http://irc.minetest.net/minetest-hub">Logs</a>):
A moderated channel for people who regularly improve Minetest
by developing, modding, hosting servers and otherwise.
You need to ask an operator for voice here, make sure to read
the <a href="http://hub.minetest.net">hub website</a> first.
</li>
<li>
Channels about Minetest in other languages (note that most people hang out
on <code>#minetest</code>, which is the main channel).
<ul>
<li><strong><a href="https://webchat.freenode.net/?channels=#minetest-de">#minetest-de</a></strong> German channel</li>
<li><strong><a href="https://webchat.freenode.net/?channels=#minetest-es">#minetest-es</a></strong> Spanish channel</li>
<li><strong><a href="https://webchat.freenode.net/?channels=#minetest-fr">#minetest-fr</a></strong> French channel</li>
</ul>
</li>
</ul>
<div class="columns is-centered iconlist">
{% for link in site.data.community %}
<a class="column has-text-centered no-underline hover-enlarge" href="{{ link.url }}">
<div class="image">
<img src="/media/logos/{{ link.icon }}" alt="{{ link.name }} logo">
</div>
<span class="title">{{ link.name }}</span>
</a>
{% endfor %}
</div>
</div>
</section>
<h3>Rules</h3>
<p>
Some people don't know how to behave on <abbr title="Internet Relay Chat">IRC</abbr>,
so here are some simple rules:
</p>
<section class="section">
<div class="container">
<h2 id="contribute" class="title section-title">Contribute</h2>
<div class="columns is-centered">
<div class="column">
<h3 id="programmers" class="is-size-3">Programmers</h3>
<div class="content">
<ul>
<li>Don't ask if you can ask questions, just ask.</li>
<li>Be patient when you ask something, people might not be around.</li>
<li>Don't spam.</li>
<li>Don't flood the channel with messages or bot commands.</li>
<li>Use a pastebin if you want to post more than 4 lines (such as error messages or code).</li>
<li>Annoying, racist, or any form of derogatory terms against any user or channel operator will probably get you quieted; or even banned.</li>
<li>If you're going to ask someone something, "please" goes a very long way.</li>
<li>The channels are not playgrounds and are frequently used for talks which are not off-topic.</li>
<li>Off-topic is allowed, but excessive use of it is disallowed.</li>
<li>Link shorteners are discouraged for URLs that are not very long.</li>
</ul>
<h2 id="contribute">Contribute</h2>
<p>
There are several ways to get into development:
</p>
<ul>
<li>
Giving support on the <a href="https://forum.minetest.net">forums</a> and <a href="#internet-relay-chat">IRC</a>.
</li>
<li>
Work on a <a href="http://dev.minetest.net/Modding_Intro">game or mod</a>,
and publish it on <a href="https://content.minetest.net">ContentDB</a>
or <a href="https://forum.minetest.net">the forums</a>.
</li>
<li>
Help develop Minetest by reporting
bugs and submiting patches on
<a href="https://github.com/minetest">GitHub</a> or <a href="#internet-relay-chat">IRC</a>.
Report bugs and submit patches on
<a href="https://github.com/minetest">GitHub</a> or <a href="https://wiki.minetest.net/IRC">IRC</a>.
</li>
<li>
<strong>Translating:</strong> Help translating Minetest using
<a href="https://hosted.weblate.org/projects/minetest/minetest/">our web interface</a>.
<a href="https://forum.minetest.net/viewtopic.php?f=7&t=19877">Help us review and merge pull requests</a>.
</li>
</ul>
</div>
</div>
<div class="column">
<h3 id="artists" class="is-size-3">Artists</h3>
<div class="content">
<ul>
<li>
Hang around on the forums, and help with
<a href="https://forum.minetest.net/viewtopic.php?f=47&t=1585">texture requests</a>.
</li>
<li>
Team up and create a new game.
</li>
</ul>
</div>
</div>
<div class="column">
<h3 id="everyone" class="is-size-3">Everyone</h3>
<div class="content">
<ul>
<li>
<a href="#reporting-issues">Report bugs and request features</a>.
</li>
<li>
Give support on the <a href="https://forum.minetest.net">forums</a> and <a href="https://wiki.minetest.net/IRC">IRC</a>.
</li>
<li>
Help translating Minetest using
<a href="https://hosted.weblate.org/projects/minetest/minetest/">our web interface</a>.
</li>
<li>
<a href="#donate">Donate</a> money to pay for infrastructure, and support your favourite contributors.
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<h3>The Process</h3>
<section class="section">
<div class="container">
<h2 id="developed" class="title section-title">How is Minetest developed?</h2>
<div class="content">
<h3 class="is-size-3">The Process</h3>
<p>
Upstream repositories and official Windows packages are handled by the <a href="https://github.com/minetest?tab=members">core team</a>, consisting of a bunch of people who are much trusted to keep Minetest progressing in good condition. The core team is best contacted on <abbr title="Internet Relay Chat">IRC</abbr> at <code>#minetest-dev @ chat.freenode.net</code>.
Upstream repositories and official Windows packages are handled by the
<a href="https://github.com/minetest?tab=members">core team</a>,
consisting of a bunch of people who are much trusted to keep Minetest progressing in good condition.
The core team is formed of people who have made great <a href="/credits/">contributions</a> to Minetest.
Contributions are approved if two members of the core team agree on them.
</p>
<p>
The core team is best contacted on <abbr title="Internet Relay Chat">IRC</abbr> at <code>#minetest-dev @ chat.freenode.net</code>.
</p>
<p>
For more information, take a look at
<a href="http://dev.minetest.net/All_rules_regarding_to_development">
@ -121,12 +113,13 @@ redirect_from:
</a>.
</p>
<h3>Project Structure</h3>
<h3 class="is-size-3">Project Structure</h3>
<p>
Minetest is distributed as an engine, combined with a couple of games.
Upstream repositories can be found at
<a href="https://github.com/minetest/">https://github.com/minetest/</a>.
</p>
<ul>
<li>
<strong>The engine</strong> (core) is the base for everything.
@ -140,22 +133,29 @@ redirect_from:
<a href="http://dev.minetest.net">Modding API</a>.
</li>
</ul>
<p>
For more information see the
<a href="http://dev.minetest.net/Terminology">terminology</a> or
<a href="http://dev.minetest.net/Engine_structure">engine structure</a>
developer wiki pages.
</p>
</div>
</div>
</section>
<h2 id="reporting-issues">Reporting issues</h2>
<section class="section">
<div class="container">
<h2 id="reporting-issues" class="title section-title">Reporting Issues</h2>
<div class="content">
<h3 class="is-size-3">Where?</h3>
<p>
Different things related to Minetest are maintained by different people, contacted in different ways. Here you can find where to report issues, bugs and any other kinds of problems regarding to each “product”.
</p>
<p>
People are generally available on freenode <abbr title="Internet Relay Chat">IRC</abbr>, the Minetest Forums, GitHub and/or via email.
</p>
<h2>Programs and Services</h2>
<table class="table is-striped">
<tr>
<th>Program</th>
@ -261,10 +261,16 @@ redirect_from:
<td>Contact nerzhul</td>
</tr>
</table>
</div>
</div>
</section>
<h2 id="donate">Donate</h2>
<h3>celeron55 <span class="is-size-5 has-text-grey has-text-weight-normal">(founder)</span></h3>
<section class="section">
<div class="container">
<h2 id="donate" class="title section-title">Donate</h2>
<div class="content">
<h3 class="is-size-3">celeron55 <span class="is-size-5 has-text-grey has-text-weight-normal">(founder)</span></h3>
<p>
You can tip money to celeron55, to be mostly used for hosting of
@ -295,11 +301,10 @@ redirect_from:
</form>
</div>
<h2>Other</h2>
<h3 class="is-size-3">Other</h3>
<p>
Your favourite server or modder might accept tips too; make sure to check those out.
</p>
</div>
</div>
</section>

1
media/logos/forum.svg Normal file
View File

@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#1ca4e9" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
media/logos/github.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

1
media/logos/irc.svg Normal file
View File

@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="hashtag" class="svg-inline--fa fa-hashtag fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#49e448" d="M440.667 182.109l7.143-40c1.313-7.355-4.342-14.109-11.813-14.109h-74.81l14.623-81.891C377.123 38.754 371.468 32 363.997 32h-40.632a12 12 0 0 0-11.813 9.891L296.175 128H197.54l14.623-81.891C213.477 38.754 207.822 32 200.35 32h-40.632a12 12 0 0 0-11.813 9.891L132.528 128H53.432a12 12 0 0 0-11.813 9.891l-7.143 40C33.163 185.246 38.818 192 46.289 192h74.81L98.242 320H19.146a12 12 0 0 0-11.813 9.891l-7.143 40C-1.123 377.246 4.532 384 12.003 384h74.81L72.19 465.891C70.877 473.246 76.532 480 84.003 480h40.632a12 12 0 0 0 11.813-9.891L151.826 384h98.634l-14.623 81.891C234.523 473.246 240.178 480 247.65 480h40.632a12 12 0 0 0 11.813-9.891L315.472 384h79.096a12 12 0 0 0 11.813-9.891l7.143-40c1.313-7.355-4.342-14.109-11.813-14.109h-74.81l22.857-128h79.096a12 12 0 0 0 11.813-9.891zM261.889 320h-98.634l22.857-128h98.634l-22.857 128z"></path></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
media/logos/reddit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

1
media/logos/servers.svg Normal file
View File

@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="gamepad" class="svg-inline--fa fa-gamepad fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="orange" d="M480 96H160C71.6 96 0 167.6 0 256s71.6 160 160 160c44.8 0 85.2-18.4 114.2-48h91.5c29 29.6 69.5 48 114.2 48 88.4 0 160-71.6 160-160S568.4 96 480 96zM256 276c0 6.6-5.4 12-12 12h-52v52c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-52H76c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h52v-52c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h52c6.6 0 12 5.4 12 12v40zm184 68c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-80c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"></path></svg>

After

Width:  |  Height:  |  Size: 723 B

1
media/logos/wiki.svg Normal file
View File

@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" class="svg-inline--fa fa-question-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#4B0082" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>

After

Width:  |  Height:  |  Size: 868 B