1
0
mirror of https://github.com/actix/actix-website synced 2025-06-29 16:24:58 +02:00

Added feature box

This commit is contained in:
Armin Ronacher
2018-05-23 23:47:00 +02:00
parent 8246cf132b
commit 2f9245e580
4 changed files with 66 additions and 12 deletions

View File

@ -59,10 +59,9 @@ fn main() {
</div>
</div>
</div>
<div class="row actix-showcase">
<div class="col-md-8">
<input type="radio" name="feature" id="responders" checked>
<div class="feature">
<div class="actix-showcase">
<div class="col-md-9">
<div class="actix-feature" id="responders">
<h2>Flexible Responders</h2>
<p>
Handler functions in actix can return a wide range of objects that
@ -82,8 +81,7 @@ fn current_temperature(_req: HttpRequest) -> impl Responder {
Json(Measurement { temperature: 42.3 })
}` "rust" "" }}
</div>
<input type="radio" name="feature" id="extractors">
<div class="feature">
<div class="actix-feature" id="extractors">
<h2>Powerful Extractors</h2>
<p>
Actix comes with a powerful extractor system that extracts data
@ -104,8 +102,7 @@ fn capture_event(evt: Json<Event>) -> impl Responder {
format!("got event {}", id)
}` "rust" "" }}
</div>
<input type="radio" name="feature" id="forms">
<div class="feature">
<div class="actix-feature" id="forms">
<h2>Easy Form Handling</h2>
<p>
Handling multipart/urlencoded form data is easy. Just define
@ -123,10 +120,12 @@ fn register(data: Form<Register>) -> impl Responder {
}` "rust" "" }}
</div>
</div>
<div class="col-md-4">
<label for="responders">flexible responders</label>
<label for="extractors">powerful extractors</label>
<label for="forms">easy form handling</label>
<div class="col-md-3 actix-feature-selectors">
<ul>
<li class="actix-feature-selector"><a href="#responders">flexible responders</label>
<li class="actix-feature-selector"><a href="#extractors">powerful extractors</label>
<li class="actix-feature-selector"><a href="#forms">easy form handling</label>
</ul>
</div>
</div>
</div>

View File

@ -13,6 +13,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js" integrity="sha384-XTs3FgkjiBgo8qjEjBk0tGmf3wPrWtA6coPfQDfFEY8AnYJwjalXCiosYRBIBZX8" crossorigin="anonymous"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/actix.js"></script>
{{ template "_internal/google_analytics.html" . }}
</body>
</html>