Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Isaiah Trembley
@IsaiahCT
so, right now he is tilting from his top left corner
I want him to tilt rom his bottom right
Kaz Baig
@kbaig
@JVeeKay Oh hello! I'm not there very often so that's a bit surprising but glad anyway :D Good, just trying to figure some stuff out at work atm
@IsaiahCT you can use the transform-origin property to manipulate where the rotation is happening from https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
Jaimus
@JVeeKay
@kbaig Awesome :) I was hanging out in there quite a lot the last couple weeks and saw you a few times. :) I think this room is a little more my speed :) though I love the JS talk in the Main room. I learned a CRAP ton of stuff hanging out in there.
@kbaig What do you do for work?
Kaz Baig
@kbaig
@JVeeKay I help Wolfram partner with different folks
Jaimus
@JVeeKay
Kaz Baig
@kbaig
That's one of our products, wolfram.com is the main site
Isaiah Trembley
@IsaiahCT
well that is the thing, I am
@kbaig but, when I do, it starts like, jumping and stuff
Kaz Baig
@kbaig
@IsaiahCT btw isn't the fridge currently tilting from the top right, not the top left
Jaimus
@JVeeKay
@kbaig Ooo that's cool!
Isaiah Trembley
@IsaiahCT
right
still,
I don't know why this is happening
I mean, I knwo the fridge is big, but..
Jaimus
@JVeeKay
@IsaiahCT the origin needs to be set at bottom right. then it will look like it's falling over.
Thats what you want right?
Isaiah Trembley
@IsaiahCT
I did that
what you see up there is me setting that origin to bottom rigght
Onome Sotu
@onomesotu
Good evening everyone
Can anyone help out with background image not covering entire screen?
Isaiah Trembley
@IsaiahCT
sure
Onome Sotu
@onomesotu
I set it to cover but there is white space below the image
Isaiah Trembley
@IsaiahCT
can I see the code?
Kaz Baig
@kbaig
@IsaiahCT I think that the problem is that .fridge is not the fridge that I see. .fridge-front is, but it doesn't contain the other parts of the fridge
Isaiah Trembley
@IsaiahCT
oh?
Kaz Baig
@kbaig
.fridge seems to just be the width of the viewport
Isaiah Trembley
@IsaiahCT
so you think that if I made the animation in fridge-front
it'll work?
Onome Sotu
@onomesotu
The background is set with javacript when data is gotten from the api
$('body').css({
            'background':'url(../pictures/' + weather + '.jpg)', 
            'background-repeat': 'no-repeat',
            'background-position': 'center',
            'background-size': 'cover',
        });
Kaz Baig
@kbaig
@IsaiahCT well if you put everything inside it yeah probably
Isaiah Trembley
@IsaiahCT
because the fridge holds ALL of that, making it huge
meaning that it will run off of that iv spsace
while fridge-front is where all the action is
thanks
let me see if it will work
A-J Roos
@Asjas
@onomesotu Is the body set to height: 100vh;?
Onome Sotu
@onomesotu
@Asjas I didn't set any viewport height
If this helps: I have 2 monitors, the space is bigger in the bigger monitor
Isaiah Trembley
@IsaiahCT
that might be it
A-J Roos
@Asjas
You need to force the body to always be 100vh. Try it and let us know if it works
Onome Sotu
@onomesotu
but why is there any space at all? when it is a background image?
@Asjas How will it respond on a mobile view?
Isaiah Trembley
@IsaiahCT
@Asjas correct
A-J Roos
@Asjas
Because body initializes without any height.
Onome Sotu
@onomesotu
@Asjas oh
A-J Roos
@Asjas
It will make itself smaller on mobile. But you can always tweak the mobile view with @media query
Onome Sotu
@onomesotu
Is 100vh a way to force the background image to occupy the entire screen?
A-J Roos
@Asjas
It tells the body to take up the entire screen. The image should then take it all up as well
Onome Sotu
@onomesotu
@Asjas Great! it worked