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.
This commit is contained in:
2015-10-25 12:45:43 +01:00
parent 6106c6cdda
commit 1e8fe62e23
4 changed files with 18 additions and 5 deletions

View File

@ -51,7 +51,7 @@ input, textarea, checkbox {
.blogbanner { float: left; top:0; }
.subtitle { font-size:small; font-style: italic; }
header {
transition: margin 2s, padding 2s, background 2s;
transition: margin 2s, padding 2s;
padding: 0;
margin: 0;
padding-top: 201px;
@ -66,7 +66,7 @@ margin:0; padding:1em;
}
nav {
transition: margin 2s, padding 2s, background 2s;
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
@ -76,7 +76,7 @@ transition: margin 2s, padding 2s, background 2s;
}
main {
transition: margin 2s, padding 2s, background 2s;
transition: margin 2s, padding 2s;
margin: 2em;
padding: 2em;
display: block;
@ -85,7 +85,7 @@ transition: margin 2s, padding 2s, background 2s;
}
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 ;
margin: 0;
margin-top: 2em;

View File

@ -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>
* p8-av4.s.jpg:

View File

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

View File

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