Commit a71e3b5c authored by Noel Quiles's avatar Noel Quiles

firefox your scaling needs to respect site prefs

parent cbf8fa1e
......@@ -16,6 +16,7 @@ link(style = linkStyle)
// ~ Main Styling ~
// ~~~~~~~~~~~~~~~~
html
text-size-adjust 100%
+at(4)
font-size 15px
+at(3)
......@@ -29,6 +30,7 @@ html
// overflow-y scroll
-webkit-margin-before 0
-webkit-margin-after 0
// box-sizing border-box
h1, h2, h3, h4, h5, h6
no-select()
......@@ -44,6 +46,8 @@ h3
h5
margin-bottom 1em
body
height 100vh
// ~ Number of rows for sizing ~
rows = 10
......@@ -75,8 +79,6 @@ footer
text-align center
.descript h3
opacity 0
body
height 100vh
// lost-utility edit
// ~ Content Page Styles ~
......@@ -89,7 +91,7 @@ body
#stories-item,
#fresh-beats-item,
#contact-item
height 100%
// height 100%
lost-center 50rem
position absolute
left 0
......@@ -97,10 +99,7 @@ body
margin-left auto
margin-right auto
-webkit-perspective 1000
//min-width 50rem
+at(4)
// lost-center 30rem
// min-width 5rem
margin-top 15px
+at(2)
lost-center 40rem
......@@ -120,10 +119,9 @@ body
text-align center
width 100%
link(underline)
#frontends-item
background url(/img/frontends-bg.png) no-repeat center
background-size contain
opacity 0
#slick-frontends
lost-center 50rem
......@@ -198,16 +196,39 @@ body
#fresh-beats-item
#contact-item
display none
// ~ backgrounds ~
// ~~~~~~~~~~~~~~~
#games-item
#frontends-bg,
#games-bg,
#stories-bg,
#fresh-beats-bg,
#contact-bg
position fixed
top 0
left 0
z-index -100
height 100vh
width 100vw
display none
#frontends-bg
background url(/img/frontends-bg.png) no-repeat center
background-size contain
#games-bg
background url(/img/games-bg.png) no-repeat center
background-size contain
#stories-item
#stories-bg
background url(/img/stories-bg.png) no-repeat center
background-size contain
#fresh-beats-item
#fresh-beats-bg
background url(/img/fresh-beats-bg.png) no-repeat center
background-size contain
#contact-bg
background url(/img/contact-bg.png) no-repeat center
background-size contain
#fresh-beats-item
iframe
opacity 0.7
height 450px
......@@ -227,8 +248,6 @@ body
p
margin-bottom 1em
#contact-item
background url(/img/contact-bg.png) no-repeat center
background-size contain
p
text-align center
h5,h6
......
......@@ -23,7 +23,11 @@ animationDur = 300
$ 'div.subnav a' .click (e) ->
rel = $ this .attr 'rel'
$ '#'+rel
$ '#'+rel+'-item'
.velocity {scale:[1,0.5],opacity:1} {display:'block',duration:animationDur, easing:'easeInOutSine'}
.siblings 'div'
.velocity {scale:0.5,opacity:0} {duration:animationDur, easing:'easeInOutSine', display:'none'}
$ '#'+rel+'-bg'
.velocity {scale:[1,0.5],opacity:1} {display:'block',duration:animationDur, easing:'easeInOutSine'}
.siblings 'div'
.velocity {scale:0.5,opacity:0} {duration:animationDur, easing:'easeInOutSine', display:'none'}
......
- libs/slick-carousel/slick.css
- libs/slick-carousel/slick-theme.css
- libs/slick-lightbox/*.css
- libs/slick-carousel/*.css
- assets/css/style.css.styl
......@@ -5,13 +5,18 @@ html
title Noel Quiles (.com)
meta(content='Noel Quiles: Developer of frontends, games, stories, and fresh beats.' name='description')
meta(content='Noel Quiles' name='author')
meta(content='' width='device-width' initial-scale='1' maximum-scale='1' name='viewport')
meta(name="viewport" content="width=device-width, initial-scale=1.0")
!= css()
script(type='text/javascript' src='js/reqs.js')
body
#frontends-bg
#games-bg
#stories-bg
#fresh-beats-bg
#contact-bg
header
h1.title noel quiles
.descript
......
......@@ -145,13 +145,13 @@ block content
[EnMod](https://www.github.com/enmod)
.subnav
a.subnav-item.frontends(href='#0' rel='frontends-item' style='background: url(img/frontends-nav.png) no-repeat center; background-size:contain')
a.subnav-item.frontends(href='#0' rel='frontends' style='background: url(img/frontends-nav.png) no-repeat center; background-size:contain')
span frontends
a.subnav-item.games(href='#0' rel='games-item' style='background: url(img/games-nav.png) no-repeat center; background-size:contain')
a.subnav-item.games(href='#0' rel='games' style='background: url(img/games-nav.png) no-repeat center; background-size:contain')
span games
a.subnav-item.stories(href='#0' rel='stories-item' style='background: url(img/stories-nav.png) no-repeat center; background-size:contain')
a.subnav-item.stories(href='#0' rel='stories' style='background: url(img/stories-nav.png) no-repeat center; background-size:contain')
span stories
a.subnav-item.fresh-beats(href='#0' rel='fresh-beats-item' style='background: url(img/fresh-beats-nav.png) no-repeat center; background-size:contain')
a.subnav-item.fresh-beats(href='#0' rel='fresh-beats' style='background: url(img/fresh-beats-nav.png) no-repeat center; background-size:contain')
span fresh beats
a.subnav-item.contact(href='#0' rel='contact-item' style='background: url(img/contact-nav.png) no-repeat center; background-size:contain')
a.subnav-item.contact(href='#0' rel='contact' style='background: url(img/contact-nav.png) no-repeat center; background-size:contain')
span contact
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