Skip to content

Commit 5c80740

Browse files
CalinouCalinou
committed
Redesign homepage into a landing page for various user profiles
The landing page was simplified and now points to several home pages.
1 parent 2ec67eb commit 5c80740

File tree

4 files changed

+236
-2
lines changed

4 files changed

+236
-2
lines changed

Diff for: ‎_static/img/tutorials/3d.webp

90.5 KB
Binary file not shown.

Diff for: ‎contributing/index.rst

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
.. _doc_contributing:
2+
3+
Contributing
4+
============
5+
6+
Thanks for your interest in contributing in Godot!
7+
8+
Not sure how you could help the Godot project? See :ref:`doc_ways_to_contribute`
9+
which lists several methods in which you can help improve Godot. You don't need
10+
programming experience to contribute to Godot, as there are several ways to
11+
improve the engine that do not involve programming.
12+
13+
These pages contain information about contributing to the engine's codebase and
14+
documentation:
15+
16+
Contribute to the engine code
17+
-----------------------------
18+
19+
.. toctree::
20+
:maxdepth: 1
21+
:name: toc-devel-contributing-code
22+
23+
workflow/index
24+
development/index
25+
26+
Contribute to the documentation
27+
-------------------------------
28+
29+
.. toctree::
30+
:maxdepth: 1
31+
:name: toc-devel-contributing-docs
32+
33+
documentation/index

Diff for: ‎index.rst

+65-2
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,71 @@ to this documentation, we recommend that you read the
3131
:ref:`introduction page <doc_about_intro>` to get an overview of what this
3232
documentation has to offer.
3333

34-
The table of contents in the sidebar should let you easily access the documentation
35-
for your topic of interest. You can also use the search function in the top-left corner.
34+
To begin reading the relevant documentation, select the tile that matches your profile:
35+
36+
.. raw:: html
37+
38+
<style>
39+
.grid-container {
40+
display: grid;
41+
grid-template-columns: 1fr 1fr;
42+
grid-template-rows: 1fr 1fr;
43+
gap: 0.375rem;
44+
grid-auto-flow: row;
45+
grid-template-areas:
46+
"new-to-game know-game-learn-godot"
47+
"know-godot-learn-godot contribute-to-godot";
48+
}
49+
50+
.grid-item {
51+
color: hsla(0, 0%, 100%, 0.9);
52+
padding: 1rem;
53+
border-radius: 0.375rem;
54+
text-align: center;
55+
}
56+
57+
.grid-item:visited {
58+
color: unset;
59+
}
60+
61+
.grid-item:hover,
62+
.grid-item:focus {
63+
text-decoration: none;
64+
filter: brightness(120%);
65+
}
66+
67+
.grid-item:active {
68+
filter: brightness(80%);
69+
}
70+
71+
.new-to-game { grid-area: new-to-game; background-color: #166534; }
72+
.know-game-learn-godot { grid-area: know-game-learn-godot; background-color: #115e59; }
73+
.know-godot-learn-godot { grid-area: know-godot-learn-godot; background-color: #1e3a8a; }
74+
.contribute-to-godot { grid-area: contribute-to-godot; background-color: #831843; }
75+
</style>
76+
<div class="grid-container">
77+
<a class="grid-item new-to-game" href="about/introduction.html">
78+
I've never made a game before,<br>
79+
<strong>I want to make a game.</strong>
80+
</a>
81+
<a class="grid-item know-game-learn-godot" href="getting_started/step_by_step/index.html">
82+
I know how to make a game,<br>
83+
<strong>I want to know how to use Godot.</strong>
84+
</a>
85+
<a class="grid-item know-godot-learn-godot" href="tutorials/index.html">
86+
I know how to use Godot,<br>
87+
<strong>I want to learn more advanced Godot topics.</strong>
88+
</a>
89+
<a class="grid-item contribute-to-godot" href="contributing/index.html">
90+
I know how to use Godot,<br>
91+
<strong>I want to contribute to Godot.</strong>
92+
</a>
93+
</div>
94+
<br>
95+
96+
You can also use the table of contents in the sidebar to access easily access
97+
any section of the documentation for your topic of interest. You can also use
98+
the search function in the top-left corner.
3699

37100
Get involved
38101
------------

Diff for: ‎tutorials/index.rst

+138
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
.. _doc_tutorials:
2+
3+
Tutorials
4+
=========
5+
6+
.. Sections below are split into two groups. First come meta sections, covering
7+
general matters. Below that different areas of the engine are listed.
8+
These sections are sorted alphabetically. Please keep them that way.
9+
10+
General
11+
-------
12+
13+
.. toctree::
14+
:maxdepth: 1
15+
:name: toc-learn-tutorials-general
16+
17+
best_practices/index
18+
editor/index
19+
migrating/index
20+
21+
Topics
22+
------
23+
24+
.. raw:: html
25+
26+
<style>
27+
.tutorial-section {
28+
display: block;
29+
padding: 0.9375rem;
30+
margin: 0.375rem 0;
31+
line-height: 1.5;
32+
border-radius: 0.375rem;
33+
color: hsla(0, 0%, 100%, 0.9);
34+
text-shadow: 0 0.125rem 0.125rem black;
35+
background: linear-gradient(to right, black, transparent), var(--background-image);
36+
background-size: cover;
37+
}
38+
39+
.tutorial-section:visited {
40+
color: unset;
41+
}
42+
43+
.tutorial-section:hover,
44+
.tutorial-section:focus {
45+
color: unset;
46+
text-decoration: none;
47+
filter: brightness(120%) contrast(87.5%);
48+
}
49+
50+
.tutorial-section:active {
51+
filter: brightness(80%);
52+
}
53+
</style>
54+
55+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="2d/index.html">
56+
<strong>2D</strong><br>
57+
Learn the 2D editor, rendering and level design functionality.
58+
</a>
59+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="3d/index.html">
60+
<strong>3D</strong><br>
61+
Learn the 3D editor, rendering and level design functionality.
62+
</a>
63+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="animation/index.html">
64+
<strong>Animation</strong><br>
65+
Learn to set up animations, play and create videos.
66+
</a>
67+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="assets_pipeline/index.html">
68+
<strong>Assets pipeline</strong><br>
69+
Learn to import and export 2D, 3D, audio resources.
70+
</a>
71+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="audio/index.html">
72+
<strong>Audio</strong><br>
73+
Learn to set up audio playback for sound effects and music in your project.
74+
</a>
75+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="export/index.html">
76+
<strong>Export</strong><br>
77+
Learn to package and export your project for distribution on different platforms.
78+
</a>
79+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="io/index.html">
80+
<strong>Input/output (I/O)</strong><br>
81+
Learn to read and write files, such as save games and configuration files.
82+
</a>
83+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="i18n/index.html">
84+
<strong>Internationalization (i18n)</strong><br>
85+
Learn to set up your project to support multiple languages.
86+
</a>
87+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="inputs/index.html">
88+
<strong>Inputs</strong><br>
89+
Learn setting up keyboard, mouse, controller and touch inputs for your project.
90+
</a>
91+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="math/index.html">
92+
<strong>Mathematics</strong><br>
93+
Learn vector math and matrices to better understand game development.
94+
</a>
95+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="navigation/index.html">
96+
<strong>Navigation</strong><br>
97+
Learn to make AI characters navigate seamlessly in a game world.
98+
</a>
99+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="networking/index.html">
100+
<strong>Networking</strong><br>
101+
Learn to communicate with a server using the high-level multiplayer API or low-level network APIs.
102+
</a>
103+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="performance/index.html">
104+
<strong>Performance</strong><br>
105+
Learn to diagnose performance issues and find optimizations in your project.
106+
</a>
107+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="physics/index.html">
108+
<strong>Physics</strong><br>
109+
Learn to set up rigid, character, soft and vehicle physics simulations in your project.
110+
</a>
111+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="platform/index.html">
112+
<strong>Platform-specific</strong><br>
113+
Learn platform-specific adjustments to make your project work across multiple platforms.
114+
</a>
115+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="plugins/index.html">
116+
<strong>Plugins</strong><br>
117+
Learn to use and create editor plugins to extend functionality.
118+
</a>
119+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="rendering/index.html">
120+
<strong>Rendering</strong><br>
121+
Learn to set up and optimize rendering features for your project.
122+
</a>
123+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="scripting/index.html">
124+
<strong>Scripting</strong><br>
125+
Learn to program games using GDScript and C#.
126+
</a>
127+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="shaders/index.html">
128+
<strong>Shaders</strong><br>
129+
Learn to create custom visual effects using text-based and visual shaders.
130+
</a>
131+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="ui/index.html">
132+
<strong>User Interface (UI)</strong><br>
133+
Learn to set up user interfaces.
134+
</a>
135+
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="xr/index.html">
136+
<strong>Mixed Reality (XR)</strong><br>
137+
Learn to set up Virtual Reality and Augmented Reality.
138+
</a>

0 commit comments

Comments
 (0)