embedded: add text, icons, testimonials and friends section #62
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,116 +1,247 @@ | ||
| {{#*inline "page"}} | ||
|
|
||
| <header> | ||
| <div class="container"> | ||
| <h1>Embedded devices</h1> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- TODO looping video header that autoplays and that includes clips of different embedded projects --> | ||
| <!-- like the one in https://www.patreon.com/ --> | ||
| <!-- cliking the header leads to a community maintained gallery of projects --> | ||
| <section> | ||
| <a href="https://example.org/#project-gallery"> | ||
| <div class="container"> | ||
| <iframe | ||
| width="960" | ||
| height="540" | ||
| src="https://www.youtube.com/embed/L4fB0rVJI8g?rel=0" | ||
| frameborder="0" | ||
| allow="autoplay; encrypted-media" | ||
| allowfullscreen></iframe> | ||
| </div> | ||
| </a> | ||
| </section> | ||
|
|
||
| <section> | ||
| <div class="container"> | ||
| <header> | ||
| <h2>Why Rust for embedded development?</h2> | ||
| </header> | ||
|
|
||
| <div class="row"> | ||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/63/63794.svg" alt="A microscope"/> | ||
|
|
||
| <h3>Powerful static analysis</h3> | ||
| </div> | ||
|
|
||
| <p> | ||
| Rust type system lets you enforce pin and peripheral configuration at compile time. Its ownership system guarantees that resources won't be used by unintended parts of the application. | ||
| <a href="https://github.com/rust-lang-nursery/embedded-wg/issues/118">Learn more</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/908/908319.svg" alt="A RAM stick"/> | ||
|
|
||
| <h3>Flexible memory management</h3> | ||
| </div> | ||
|
|
||
| <p> | ||
| Dynamic memory (heap) allocation is optional. Use a global allocator and dynamic data structures from the Rust standard library. Or leave out heap allocation altogether and statically allocate everything. | ||
| <a href="https://github.com/rust-lang-nursery/embedded-wg/issues/125">Learn more</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/60/60473.svg" alt="Gears"/> | ||
|
|
||
| <h3>Safe concurrency</h3> | ||
| </div> | ||
|
|
||
| <p> | ||
| Rust memory safety holds regardless of the concurrency framework. Be it threads with explicit shared memory or tasks with message passing. | ||
| <a href="https://github.com/rust-lang-nursery/embedded-wg/issues/124">Learn more</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/1006/1006085.svg" alt="Handshake" /> | ||
|
|
||
| <h3>Interoperability</h3> | ||
| </div> | ||
|
|
||
| <p> | ||
| Integrate Rust into your existing C codebase or leverage an existing SDK to write a Rust application. | ||
| <a href="https://github.com/rust-lang-nursery/embedded-wg/issues/48">Learn more</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/765/765963.svg" alt="Luggage trolley" /> | ||
|
|
||
| <h3>Portability</h3> | ||
| </div> | ||
|
|
||
| <p> | ||
| Write a library / driver once and use it with a variety of systems ranging from very small microcontrollers to powerful SBCs. | ||
| <a href="https://github.com/rust-lang-nursery/embedded-wg/issues/119">Learn more</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/36/36601.svg" alt="?" /> | ||
|
|
||
| <h3>$RESERVED</h3> | ||
| </div> | ||
|
|
||
| <p> | ||
| We'll think of something to put here... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section> | ||
| <div class="container"> | ||
| <header> | ||
| <h2>Get started!</h2> | ||
| </header> | ||
|
|
||
| <div class="row"> | ||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/1/1615.svg" alt="DIP-6 package"/> | ||
|
|
||
| <a href="https://japaric.github.io/discovery"> | ||
| <h3>The Discovery book</h3> | ||
| </a> | ||
| </div> | ||
|
|
||
| <p> | ||
| Learn embedded development from scratch using Rust! | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/861/861874.svg" alt="TFQP-16 package"/> | ||
|
|
||
| <a href="https://book.rust-embedded.org/"> | ||
| <h3>The embedded Rust book</h3> | ||
| </a> | ||
| </div> | ||
|
|
||
| <p> | ||
| Already familiar with Embedded development? Make the switch to Rust | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <img src="https://image.flaticon.com/icons/svg/908/908224.svg" alt="BGA package" /> | ||
|
|
||
| <a href="https://embedonomicon.rust-embedded.org/"> | ||
| <h3>The embedonomicon</h3> | ||
| </a> | ||
| </div> | ||
|
|
||
| <p> | ||
| Look under the hood of foundational embedded libraries. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section> | ||
| <div class="container"> | ||
| <header> | ||
| <h2>Embedded Rust in production</h2> | ||
| </header> | ||
|
|
||
| <!-- Testimonials section --> | ||
|
There was a problem hiding this comment. I have included only two testimonials but there are two companies that might be able to provide two more testimonials. We discussed this section and agreed that having a carousel of testimonials like this one would save vertical space in case we end up with several testimonials. That discussion was before I saw the testimonial style that's being used in the front page (and which I copy pasted here). There was a problem hiding this comment. yeah i just did something so that it looked vaguely ok for the moment :) i'm happy to add a carousel if you think you'd prefer! There was a problem hiding this comment. I'd love to see how a carousel would fit with the rest of the page. |
||
| <!-- Here we want to show *who* is using Rust and *what* they are building --> | ||
| <div class="testimonials"> | ||
| <div class="testimonial row"> | ||
| <div class="four columns"> | ||
| <a href="https://49nord.de/"> | ||
| <img alt="49nord logo" src="https://49nord.de/img/49nord-logo-blue-round.svg"/> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="eight columns"> | ||
| <blockquote> | ||
| Rust makes our customers happy, as well as our engineers. | ||
| </blockquote> | ||
| <p class="attribution">- Marc Brinkmann</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="testimonial row"> | ||
| <div class="eight columns"> | ||
| <blockquote> | ||
| We think it's really cool that we can use a modern nice language in the embedded space where usually there's no alternative to C/C++ | ||
| </blockquote> | ||
| <p class="attribution">- Aleksei Arbuzov</p> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <a href="http://www.termt.eu/"> | ||
| <img alt="49nord logo" src="https://i0.wp.com/embeddedsecuritynews.com/wp-content/uploads/2017/02/terminal-technologies-logo.png"/> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Friends section --> | ||
| <!-- Reference: https://www.rust-lang.org/en-US/friends.html --> | ||
| <!-- Here we want to show *who* is using Rust and *what* they are building --> | ||
| <!-- TODO this is missing the mouse over text --> | ||
| <section> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <a href="http://www.otis.com"> | ||
| <img alt="Otis Elevator Company logo" src="https://upload.wikimedia.org/wikipedia/en/2/2e/Otis_Elevator_Company_Logo.jpg"/> | ||
| <!-- TODO need more details about how they are using Rust --> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <a href="https://49nord.de/img/49nord-logo-blue-round.svg"> | ||
| <img alt="49nord logo" src="https://49nord.de/img/49nord-logo-blue-round.svg"/> | ||
| <!-- "49nord develops safe and secure Industrial IoT hardware and applications using Rust." --> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="four columns"> | ||
| <div class="domain-icon"> | ||
| <a href="http://www.termt.eu/"> | ||
| <img alt="Otis Elevator Company logo" src="https://i0.wp.com/embeddedsecuritynews.com/wp-content/uploads/2017/02/terminal-technologies-logo.png"/> | ||
| </a> | ||
| <!-- TODO need more details about how they are using Rust --> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| {{/inline}} | ||
|
|
||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
can you add a header that says "Embedded Devices" here? similar to this: https://github.com/rust-lang/wubwub/blob/master/templates/policies/media-guide.hbs#L3-L7