Skip to content

Commit a5606be

Browse files
pablogs9pablogs9
authored
Update main page (#342)
* Update main page * Updates
1 parent dfd2ac4 commit a5606be

1 file changed

Lines changed: 69 additions & 41 deletions

File tree

‎index.html‎

Lines changed: 69 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -28,25 +28,34 @@ <h1>micro-ROS</h1>
2828
content: "\2714";
2929
padding-right: 3px;
3030
}
31+
h3 {
32+
padding-top: 30px;
33+
}
34+
hr {
35+
margin-bottom: 0px;
36+
}
3137
</style>
3238

3339
<div class="container">
3440
<div class="row">
35-
<div class="col-md-6">
36-
<h2 class="header-light regular-pad" style="line-height: 1.3;">&raquo;micro-ROS<br/><span style="color: white;">&raquo;</span>puts ROS 2 onto microcontrollers&laquo;</h2>
41+
<div class="col-md-12 text-center">
42+
<img style="max-width: 28vw;;" src="img/micro-ROS_big_logo.png" alt="micro-ROS" class="img-responsive center-block">
3743
</div>
38-
<div class="col-md-6 text-center">
39-
<img src="img/micro-ROS_big_logo.png" alt="micro-ROS" class="img-responsive">
44+
<div class="col-md-12 text-center">
45+
<h2 class="header-light regular-pad" style="line-height: 1.3;">micro-ROS puts ROS 2 onto microcontrollers</h2>
4046
</div>
4147
</div>
4248
<hr>
4349
<div class="row">
4450
<div class="col-sm-4">
51+
<!-- MISSION -->
4552
<h3 class="text-center"><i class="fa fa-rocket" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Mission</h3>
4653
<p style="text-align:justify;">Bridging the gap between resource-constrained microcontrollers and larger processors in robotic applications that are based on the Robot Operating Systems.</p>
4754
<p>
4855
<iframe width="356" height="200" src="https://www.youtube.com/embed/slMhPRnBVwM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
4956
</p>
57+
58+
<!-- WHY MCU? -->
5059
<h3 class="text-center"><i class="fa fa-microchip" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Why Microcontrollers?</h3>
5160
<p style="text-align:justify;">Microcontrollers are used in almost every robotic product. Typical reasons are:</p>
5261
<ul style="margin-left: 0; padding-left: 1em;">
@@ -55,8 +64,17 @@ <h3 class="text-center"><i class="fa fa-microchip" aria-hidden="true" style="fon
5564
<li>Power saving</li>
5665
</ul>
5766
<p style="text-align:justify;">Another important reason is safety, but note that micro-ROS is not developed according to any safety standard.</p>
67+
<p style="text-align:justify;">Check our complete <a href="docs/overview/hardware/">supported hardware list</a>.</p>
68+
69+
<!-- NEWS -->
70+
<h3 class="text-center"><i class="fa fa-newspaper-o" aria-hidden="true" style="font-size:180%;">&nbsp;</i>News</h3>
71+
<p style="text-align:justify;">Read about the latest developments in our <a href="https://micro-ros.github.io/allposts">blog</a> or attend the next ROS 2 Embedded Working Group Meeting, which take place online on a monthly basis. The meeting link can be found in the <a href="https://index.ros.org/doc/ros2/Governance/#upcoming-ros-events">ROS 2 Events calendar.</a></p>
72+
<p>
73+
<iframe width="356" height="200" src="https://www.youtube.com/embed/Vbab-YED2Us" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
74+
</p>
5875
</div>
5976
<div class="col-sm-4">
77+
<!-- KEY FEATURES -->
6078
<h3 class="text-center"><i class="fa fa-diamond" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Key Features</h3>
6179
<ul id="feature_list">
6280
<li>Microcontroller-optimized client API supporting all major ROS concepts</li>
@@ -66,59 +84,69 @@ <h3 class="text-center"><i class="fa fa-diamond" aria-hidden="true" style="font-
6684
<li>Permissive license</li>
6785
<li>Vibrant community and ecosystem</li>
6886
<li>Long-term maintainability and interoperability</li>
87+
<li><a href="docs/overview/features/">Much more...</a></li>
6988
</ul>
89+
90+
<!-- ARCHITECTURE -->
7091
<h3 class="text-center"><i class="fa fa-cubes" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Architecture</h3>
7192
<p style="text-align:justify;">The <a href="/docs/overview/features/">architecture of the micro-ROS stack</a> follows the ROS&nbsp;2 architecture. Dark blue components are developed specifically for micro-ROS. Light blue components are taken from the standard ROS 2 stack.</p>
7293
<p>
7394
<a href="/docs/overview/features/"><img src="img/micro-ROS_architecture.png" alt="micro-ROS architecture" style="max-width: 356px;" /></a>
7495
</p>
96+
97+
<!-- QUESTIONS -->
98+
<h3 class="text-center"><i class="fa fa-question-circle-o" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Questions</h3>
99+
<p style="text-align:justify;">We are looking forward to answer your questions on concepts and development! You have the choice:</p>
100+
<ul style="margin-left: 0; padding-left: 1em;">
101+
<li><a href="https://discourse.ros.org/c/embedded">ROS Discourse</a> (in category <a href="https://discourse.ros.org/c/embedded">&ldquo;embedded&rdquo;</a>)</li>
102+
<li><a href="https://answers.ros.org/">ROS Answers</a> (tag with <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:embedded/">&ldquo;embedded&rdquo;</a>)</li>
103+
<li><a href="https://micro-ros.slack.com/">micro-ROS Slack Channel</a></li>
104+
</ul>
105+
106+
<div id="CommunityInviter"></div>
107+
75108
</div>
76109
<div class="col-sm-4">
110+
<!-- GETTING STARTED -->
77111
<h3 class="text-center"><i class="fa fa-pencil" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Getting Started</h3>
78112
<p style="text-align:justify;">Our <a href="/docs/tutorials/">tutorials</a> and <a href="/docs/tutorials/demos/">demos</a> give you a quick start with micro-ROS. The <a href="/docs/tutorials/core/first_application_linux/">basic tutorials</a> can even be completed without a microcontroller.</p>
79113
<p>
80114
<iframe width="356" height="200" src="https://www.youtube.com/embed/wgIKGUGSX7Y" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
81115
</p>
116+
117+
<!-- COMMERTIAL SUPPORT -->
118+
<h3 class="text-center"><i class="fa fa-cog" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Commercial support</h3>
119+
<p style="text-align:justify;"><a href="https://www.eprosima.com">eProsima</a> provides <a href="https://www.eprosima.com/index.php/services-all">commercial support</a> to boost micro-ROS projects:</p>
120+
<ul id="feature_list">
121+
<li>Port micro-ROS to your platform (HW, RTOS, transport).</li>
122+
<li>Efficient & reliable communication layer between μC and DDS Data Space (ROS 2)</li>
123+
<li>Customized features development</li>
124+
<li>Architectural studies</li>
125+
</ul>
126+
127+
<!-- SOURCE CODE -->
82128
<h3 class="text-center"><i class="fa fa-code-fork" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Source Code</h3>
83129
<p style="text-align:justify;">Source code can be found at <a href="https://github.com/micro-ROS/">github.com/micro-ROS</a>. It comes under the permissive license Apache 2.0 just as the standard ROS 2 stack.</p>
84130
<p style="text-align:justify;">The primary repository is <a href="https://github.com/micro-ROS/micro_ros_setup">micro_ros_setup</a>, which provides command line scripts for creating your first micro-ROS application.</p>
85-
<p style="text-align:justify;">Developed an new feature or found a bug? We answer both pull requests and tickets.</p>
86-
</div>
87-
</div>
88-
<div class="row">
89-
<div class="col-sm-4">
90-
<h3 class="text-center"><i class="fa fa-newspaper-o" aria-hidden="true" style="font-size:180%;">&nbsp;</i>News</h3>
91-
<p style="text-align:justify;">Read about the latest developments in our <a href="https://micro-ros.github.io/allposts">blog</a> or attend the next ROS 2 Embedded Working Group Meeting, which take place online on a monthly basis. The meeting link can be found in the <a href="https://index.ros.org/doc/ros2/Governance/#upcoming-ros-events">ROS 2 Events calendar.</a></p>
92-
<p>
93-
<iframe width="356" height="200" src="https://www.youtube.com/embed/Vbab-YED2Us" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
94-
</p>
95-
</div>
96-
<div class="col-sm-4">
97-
<h3 class="text-center"><i class="fa fa-question-circle-o" aria-hidden="true" style="font-size:180%;">&nbsp;</i>Questions</h3>
98-
<p style="text-align:justify;">We are looking forward to answer your questions on concepts and development! You have the choice:</p>
99-
<ul style="margin-left: 0; padding-left: 1em;">
100-
<li><a href="https://discourse.ros.org/c/embedded">ROS Discourse</a> (in category <a href="https://discourse.ros.org/c/embedded">&ldquo;embedded&rdquo;</a>)</li>
101-
<li><a href="https://answers.ros.org/">ROS Answers</a> (tag with <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:embedded/">&ldquo;embedded&rdquo;</a>)</li>
102-
<li><a href="https://micro-ros.slack.com/">micro-ROS Slack Channel</a></li>
103-
</ul>
104-
</div>
105-
<div class="col-sm-4">
106-
<div id="CommunityInviter"></div>
107-
<script>
108-
  window.CommunityInviterAsyncInit = function () {
109-
    CommunityInviter.init({
110-
      app_url:'micro-ros',
111-
      team_id:'micro-ros'
112-
    })
113-
  };
114-
  (function(d, s, id){
115-
    var js, fjs = d.getElementsByTagName(s)[0];
116-
    if (d.getElementById(id)) {return;}
117-
    js = d.createElement(s); js.id = id;
118-
    js.src = "https://communityinviter.com/js/communityinviter.js";
119-
    fjs.parentNode.insertBefore(js, fjs);
120-
  }(document, 'script', 'Community_Inviter'));
121-
</script>
131+
<p style="text-align:justify;">Dockers available for Foxy and Galactic at <a href="https://www.eprosima.com/index.php/downloads-all">eProsima download website</a>.</p>
132+
<p style="text-align:justify;">Developed an new feature or found a bug? We answer both Github pull requests and issues.</p>
133+
122134
</div>
123135
</div>
136+
<script>
137+
  window.CommunityInviterAsyncInit = function () {
138+
    CommunityInviter.init({
139+
      app_url:'micro-ros',
140+
      team_id:'micro-ros'
141+
   })
142+
  };
143+
144+
  (function(d, s, id){
145+
    var js, fjs = d.getElementsByTagName(s)[0];
146+
    if (d.getElementById(id)) {return;}
147+
    js = d.createElement(s); js.id = id;
148+
    js.src = "https://communityinviter.com/js/communityinviter.js";
149+
    fjs.parentNode.insertBefore(js, fjs);
150+
  }(document, 'script', 'Community_Inviter'));
151+
</script>
124152
</div>

0 commit comments

Comments
 (0)