Commit 94911850 authored by sajolida's avatar sajolida

Add hero image with screenshot

parent 54e7849c
......@@ -193,6 +193,7 @@ P3: [WORK] **Persistence with capital P, must be the noun of a tool**
P4: [WONT: Works for them] ( "Persistence" is not the right word; too complex for international English speakers...
P4: [DONE] Persistence and amnesia should be at the same place!
P4: [WORK] Persistence is awesome on its own: a way for me to set up an encrypted hard drive with sensitive data
P5: [DONE] Can you run your own software on this USB stick?
P5: [DONE] *Persistence* is this a user choice? Highlight the choice/option. [Relation to amnesia unclear]
P7: [DONE] Wonders whether the Persistence is online or on the USB stick
P8: [WORK] Understands the relationship between Amnesia and Persistence
......
......@@ -4,9 +4,13 @@ span.title {
display: none;
}
h1 {
.hero {
padding: 70px 0;
}
.hero h1 {
font-size: 42px;
margin-right: 70px;
margin-top: 10px !important;
}
h2 {
......@@ -20,10 +24,6 @@ hr {
border: none;
}
.benefits {
margin-top: 4em;
}
.benefits img {
display: block;
margin: auto;
......
......@@ -11,25 +11,30 @@ document.addEventListener('DOMContentLoaded', function() {
});
</script>
<div class="row">
<div class="row hero">
<h1>Tails is a portable operating system that<br/>
<div class="col-md-6">
[[!img screenshot.png link="no" alt=""]]
</div>
<div class="col-md-6">
<h1>Tails is a portable operating system that
protects your privacy and avoids censorship.</h1>
</div>
<!--
XXX: Have a hero image with a computer and a screenshot
P3: Portable OS: something like iOS, Android? != mobile. Add "for laptops" somewhere
P5: Can you run your own software on this USB stick?
P9: Didn't realize that Tails was an operating system
</div>
<!--
P3: [DONE] Portable OS: something like iOS, Android? != mobile. Add "for laptops" somewhere
P4: [WONT] Does Tails sell the USB stick? Can I use any USB stick?
P5: [DONE] Is it like Ubuntu?
P9: [DONE] Didn't realize that Tails was an operating system
-->
<hr/>
<div class="row benefits benefits-1">
<div class="col-md-6">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment