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:
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…
Add table
Add a link
Reference in a new issue