Skip to content

Redesign homepage into a landing page for various user profiles (old) #7508

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 1 commit into
base: master
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added _static/img/tutorials/3d.webp
Binary file not shown.
33 changes: 33 additions & 0 deletions contributing/index.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
.. _doc_contributing:

Contributing
============

Thanks for your interest in contributing in Godot!

Not sure how you could help the Godot project? See :ref:`doc_ways_to_contribute`
which lists several methods in which you can help improve Godot. You don't need
programming experience to contribute to Godot, as there are several ways to
improve the engine that do not involve programming.

These pages contain information about contributing to the engine's codebase and
documentation:

Contribute to the engine code
-----------------------------

.. toctree::
:maxdepth: 1
:name: toc-devel-contributing-code

workflow/index
development/index

Contribute to the documentation
-------------------------------

.. toctree::
:maxdepth: 1
:name: toc-devel-contributing-docs

documentation/index
67 changes: 65 additions & 2 deletions index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,71 @@ to this documentation, we recommend that you read the
:ref:`introduction page <doc_about_intro>` to get an overview of what this
documentation has to offer.

The table of contents in the sidebar should let you easily access the documentation
for your topic of interest. You can also use the search function in the top-left corner.
To begin reading the relevant documentation, select the tile that matches your profile:

.. raw:: html

<style>
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0.375rem;
grid-auto-flow: row;
grid-template-areas:
"new-to-game know-game-learn-godot"
"know-godot-learn-godot contribute-to-godot";
}

.grid-item {
color: hsla(0, 0%, 100%, 0.9);
padding: 1rem;
border-radius: 0.375rem;
text-align: center;
}

.grid-item:visited {
color: unset;
}

.grid-item:hover,
.grid-item:focus {
text-decoration: none;
filter: brightness(120%);
}

.grid-item:active {
filter: brightness(80%);
}

.new-to-game { grid-area: new-to-game; background-color: #166534; }
.know-game-learn-godot { grid-area: know-game-learn-godot; background-color: #115e59; }
.know-godot-learn-godot { grid-area: know-godot-learn-godot; background-color: #1e3a8a; }
.contribute-to-godot { grid-area: contribute-to-godot; background-color: #831843; }
</style>
<div class="grid-container">
<a class="grid-item new-to-game" href="about/introduction.html">
I've never made a game before,<br>
<strong>I want to make a game.</strong>
</a>
<a class="grid-item know-game-learn-godot" href="getting_started/step_by_step/index.html">
I know how to make a game,<br>
<strong>I want to know how to use Godot.</strong>
</a>
<a class="grid-item know-godot-learn-godot" href="tutorials/index.html">
I know how to use Godot,<br>
<strong>I want to learn more advanced Godot topics.</strong>
</a>
<a class="grid-item contribute-to-godot" href="contributing/index.html">
I know how to use Godot,<br>
<strong>I want to contribute to Godot.</strong>
</a>
</div>
<br>

You can also use the table of contents in the sidebar to access easily access
any section of the documentation for your topic of interest. You can also use
the search function in the top-left corner.

Get involved
------------
Expand Down
138 changes: 138 additions & 0 deletions tutorials/index.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
.. _doc_tutorials:

Tutorials
=========

.. Sections below are split into two groups. First come meta sections, covering
general matters. Below that different areas of the engine are listed.
These sections are sorted alphabetically. Please keep them that way.

General
-------

.. toctree::
:maxdepth: 1
:name: toc-learn-tutorials-general

best_practices/index
editor/index
migrating/index

Topics
------

.. raw:: html

<style>
.tutorial-section {
display: block;
padding: 0.9375rem;
margin: 0.375rem 0;
line-height: 1.5;
border-radius: 0.375rem;
color: hsla(0, 0%, 100%, 0.9);
text-shadow: 0 0.125rem 0.125rem black;
background: linear-gradient(to right, black, transparent), var(--background-image);
background-size: cover;
}

.tutorial-section:visited {
color: unset;
}

.tutorial-section:hover,
.tutorial-section:focus {
color: unset;
text-decoration: none;
filter: brightness(120%) contrast(87.5%);
}

.tutorial-section:active {
filter: brightness(80%);
}
</style>

<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="2d/index.html">
<strong>2D</strong><br>
Learn the 2D editor, rendering and level design functionality.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="3d/index.html">
<strong>3D</strong><br>
Learn the 3D editor, rendering and level design functionality.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="animation/index.html">
<strong>Animation</strong><br>
Learn to set up animations, play and create videos.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="assets_pipeline/index.html">
<strong>Assets pipeline</strong><br>
Learn to import and export 2D, 3D, audio resources.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="audio/index.html">
<strong>Audio</strong><br>
Learn to set up audio playback for sound effects and music in your project.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="export/index.html">
<strong>Export</strong><br>
Learn to package and export your project for distribution on different platforms.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="io/index.html">
<strong>Input/output (I/O)</strong><br>
Learn to read and write files, such as save games and configuration files.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="i18n/index.html">
<strong>Internationalization (i18n)</strong><br>
Learn to set up your project to support multiple languages.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="inputs/index.html">
<strong>Inputs</strong><br>
Learn setting up keyboard, mouse, controller and touch inputs for your project.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="math/index.html">
<strong>Mathematics</strong><br>
Learn vector math and matrices to better understand game development.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="navigation/index.html">
<strong>Navigation</strong><br>
Learn to make AI characters navigate seamlessly in a game world.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="networking/index.html">
<strong>Networking</strong><br>
Learn to communicate with a server using the high-level multiplayer API or low-level network APIs.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="performance/index.html">
<strong>Performance</strong><br>
Learn to diagnose performance issues and find optimizations in your project.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="physics/index.html">
<strong>Physics</strong><br>
Learn to set up rigid, character, soft and vehicle physics simulations in your project.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="platform/index.html">
<strong>Platform-specific</strong><br>
Learn platform-specific adjustments to make your project work across multiple platforms.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="plugins/index.html">
<strong>Plugins</strong><br>
Learn to use and create editor plugins to extend functionality.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="rendering/index.html">
<strong>Rendering</strong><br>
Learn to set up and optimize rendering features for your project.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="scripting/index.html">
<strong>Scripting</strong><br>
Learn to program games using GDScript and C#.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="shaders/index.html">
<strong>Shaders</strong><br>
Learn to create custom visual effects using text-based and visual shaders.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="ui/index.html">
<strong>User Interface (UI)</strong><br>
Learn to set up user interfaces.
</a>
<a class="tutorial-section" style="--background-image: url('../_static/img/tutorials/3d.webp')" href="xr/index.html">
<strong>Mixed Reality (XR)</strong><br>
Learn to set up Virtual Reality and Augmented Reality.
</a>
Loading