little presentation improvments

* style.css: backgrounds don't really need
transitions.

* App.master: Removes a duplicated link to contact form

* parallax.js: enforce responsivity on small devices
supporting orientation capture.
main
Paul Schneider 10 years ago
parent 6106c6cdda
commit 1e8fe62e23
4 changed files with 18 additions and 5 deletions

@ -51,7 +51,7 @@ input, textarea, checkbox {
.blogbanner { float: left; top:0; } .blogbanner { float: left; top:0; }
.subtitle { font-size:small; font-style: italic; } .subtitle { font-size:small; font-style: italic; }
header { header {
transition: margin 2s, padding 2s, background 2s; transition: margin 2s, padding 2s;
padding: 0; padding: 0;
margin: 0; margin: 0;
padding-top: 201px; padding-top: 201px;
@ -66,7 +66,7 @@ margin:0; padding:1em;
} }
nav { nav {
transition: margin 2s, padding 2s, background 2s; transition: margin 2s, padding 2s;
margin: 2em; margin: 2em;
padding: 2em; padding: 2em;
display: block; display: block;
@ -76,7 +76,7 @@ transition: margin 2s, padding 2s, background 2s;
} }
main { main {
transition: margin 2s, padding 2s, background 2s; transition: margin 2s, padding 2s;
margin: 2em; margin: 2em;
padding: 2em; padding: 2em;
display: block; display: block;
@ -85,7 +85,7 @@ transition: margin 2s, padding 2s, background 2s;
} }
footer { footer {
transition: margin 2s, padding 2s, background 2s; transition: margin 2s, padding 2s;
background: url("/images/helix-nebula-1400x1400.s.jpg") 50% 90% repeat fixed ; background: url("/images/helix-nebula-1400x1400.s.jpg") 50% 90% repeat fixed ;
margin: 0; margin: 0;
margin-top: 2em; margin-top: 2em;

@ -1,3 +1,13 @@
2015-10-25 Paul Schneider <paul@pschneider.fr>
* style.css: backgrounds don't really need
transitions.
* App.master: Removes a duplicated link to contact form
* parallax.js: enforce responsivity on small devices
supporting orientation capture.
2015-10-24 Paul Schneider <paul@pschneider.fr> 2015-10-24 Paul Schneider <paul@pschneider.fr>
* p8-av4.s.jpg: * p8-av4.s.jpg:

@ -86,7 +86,6 @@ Yavsc.notice('<%=note%>');
<% } else { %> <% } else { %>
<a class="thanks" href="<%=link.Url%>"><%= link.Text %></a> <a class="thanks" href="<%=link.Url%>"><%= link.Text %></a>
<% }} %> <% }} %>
<%= Html.ActionLink("Formulaire de contact","Contact","Home") %>
</footer><div class="modal"></div> </footer><div class="modal"></div>
</body> </body>
</html> </html>

@ -78,11 +78,15 @@ $(document).ready(function(){
$(window).scroll(function() { $(window).scroll(function() {
onPos($bgobj,tiltLR,titleFB); onPos($bgobj,tiltLR,titleFB);
}); });
var nbevo=0;
if (window.DeviceOrientationEvent) { if (window.DeviceOrientationEvent) {
window.addEventListener('deviceorientation', function(event) { window.addEventListener('deviceorientation', function(event) {
if (nbevo++>6) {
tiltLR = event.gamma; tiltLR = event.gamma;
titleFB = event.beta; titleFB = event.beta;
onPos($bgobj,tiltLR,titleFB); onPos($bgobj,tiltLR,titleFB);
nbevo=0;
}
},false); },false);
$(window).mousemove(function(e) { $(window).mousemove(function(e) {
tiltLR = e.pageX; tiltLR = e.pageX;

Loading…