itsscb/esp-hal
1
0
Fork 0
mirror of https://github.com/esp-rs/esp-hal.git synced 2025-09-26 20:00:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Docs landing page (#3654)

Browse Source 
* Add resources to docs landing page

* Tweak widths

* Fix scrollbar

* Address review comments

* Adjust margin

* Next suggestion
This commit is contained in:
Björn Quentin 2025-06-19 13:07:46 +02:00 committed by GitHub
parent 9f71e08940
commit 4be232dea4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 41 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
resources/index.html.jinja
View File

@ -5,7 +5,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>esp-rs Documentation</title> <title>esp-rs Documentation and Resources</title>
<link rel="icon" href="esp-rs.svg" /> <link rel="icon" href="esp-rs.svg" />
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500&display=swap" rel="stylesheet" />
@ -20,23 +20,25 @@
margin: 0; margin: 0;
padding: 40px 20px; padding: 40px 20px;
display: flex; display: flex;
height: 100vh;
width: 100vw;
justify-content: center; justify-content: center;
box-sizing: border-box; box-sizing: border-box;
} }
.logo { .logo {
text-align: center; text-align: center;
margin-bottom: 50px; margin-bottom: 42px;
font-size: 2em; font-size: 0.8em;
font-weight: 500; font-weight: 100;
} }
.logo img { .logo img {
width: 100px; width: 100px;
height: auto; height: auto;
margin-bottom: 20px; margin-bottom: 12px;
}
.logo h2 {
margin-top: 0.5rem;
} }
.content { .content {
@ -63,7 +65,7 @@
.crate-name { .crate-name {
color: #d6991d; color: #d6991d;
width: 120px; width: 220px;
} }
/* Ensure the link color does not change after being clicked */ /* Ensure the link color does not change after being clicked */
@ -81,6 +83,27 @@
width: 120px; width: 120px;
} }
.resource {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 2px solid #454444;
}
.resource-name {
color: #d6991d;
width: 400px;
}
/* Ensure the link color does not change after being clicked */
.resource-name a:link,
.resource-name a:visited,
.resource-name a:hover,
.resource-name a:active,
.resource-name a:focus {
color: #d6991d;
}
@media screen and (min-height: 650px) { @media screen and (min-height: 650px) {
body { body {
align-items: center; align-items: center;
@ -93,10 +116,17 @@
<div class="content"> <div class="content">
<div class="logo"> <div class="logo">
<img src="esp-rs.svg" alt="esp-rs logo" /> <img src="esp-rs.svg" alt="esp-rs logo" />
<div>esp-rs Documentation</div> <h2>esp-rs Documentation and Resources</h2>
Bare-metal (no_std) hardware abstraction layer for Espressif devices.
</div> </div>
<h2>Packages</h2> <h2>Resources</h2>
<div class="resource"><span class="resource-name"><a href="https://docs.espressif.com/projects/rust/book/">The Rust on ESP Book</a></span></div>
<div class="resource"><span class="resource-name"><a href="https://docs.espressif.com/projects/rust/no_std-training/">Embedded Rust (no_std) on Espressif Training</a></span></div>
<h2>Package Documentation</h2>
{%- for meta in metadata %} {%- for meta in metadata %}
<div class="crate"> <div class="crate">
@ -107,6 +137,7 @@
<span class="crate-version">{{ meta.version }}</span> <span class="crate-version">{{ meta.version }}</span>
</div> </div>
{%- endfor %} {%- endfor %}
</div> </div>
</body> </body>