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
Tom
@moT01
hmm
you want to like start getting that image right when you click refresh
DecisiveIndecisive
@DecisiveIndecisive
I'm nitpicking, the general functionality of this project is complete, I just need to get the Teet button to work and move on or I'll spend forever on this project :P
Tom
@moT01
so instead of the timeout
do something like this
refresh.click -> 
  change the settings(color: green or whatever)
  getImage().then -> { change background }
so the right answer will turn green - and just stay green till the image is retrieved
and then the background will change - and you would probly want to change the newQuote in there as well or something
just throwing some thoughts out there
DecisiveIndecisive
@DecisiveIndecisive
the newImage changes the background immediately though

$(".screen").css("background-image", "url('" + randomImage + "')");

This like right here immediately removes old background and begins loading the new background, so even if I change around the timeOut I'll have the same problem wont I?

Tom
@moT01
well you would need to change that too
unless all you want to do is get the image to fade in - and dont care about that gap between the picture change
DecisiveIndecisive
@DecisiveIndecisive
I don't see how I'm to separate the functions of getting the image, and then changing the background
Unless .then is an operator o.0
Tom
@moT01
then just waits for the function to be done
so you could return the url
from the getImage
getImage.then(url => {  
  set new background here   }
and instead of setting the background in the getImage()
you would return the image url
DecisiveIndecisive
@DecisiveIndecisive
Hmmm, I'll have to come back to this and wrap my head around it
Tom
@moT01
yea, im playing with it - cant quite get it working like i had hoped
DecisiveIndecisive
@DecisiveIndecisive
Well, I think I'm done with it for now. There are a few kinks I'd need to work out before really displaying it to anyone judging it for quality, but I'm happy with it as a first project :)
Stephen James
@sjames1958gm
@DecisiveIndecisive :+1:
Muzamil
@mzml
hi campers, I am having trouble keeping the audio controls off the image on screens larger than 991px. I want to keep the audio controls below the <hr> element. How can I do this?
Yingjie (Iris) Hu
@huyingjie
Could anyone click my website http://yingjiehu.com and tell me whether you can open it? My local machine cannot open the website with chrome and safari. But I can open it with ipad pro. It is frustrating.
Kudzu
@czhower
opens here.
Opened in Chrome Desktop version on Windows.
Yingjie (Iris) Hu
@huyingjie
@czhower Thank you.
CamperBot
@camperbot
huyingjie sends brownie points to @czhower :sparkles: :thumbsup: :sparkles:
:cookie: 20 | @czhower |http://www.freecodecamp.org/czhower
Kudzu
@czhower
Open the debugger and see the traffic
ctrl-shift-J in most desktop browsers.
Yingjie (Iris) Hu
@huyingjie
This page isn’t working
yingjiehu.com didn’t send any data.
ERR_EMPTY_RESPONSE
The source code is empty.
Kudzu
@czhower
Do you have a proxy or HTTP cache upline from you? Or AV software?
Yingjie (Iris) Hu
@huyingjie
What is proxy or HHTP cache or AV software?
I am using https://tools.pingdom.com/ to see what slows it down
Kudzu
@czhower
AV - Antivirus. HTTP cache - most ISPs have web caches such as squid etc and sometimes they are configured poorly or hold broken / old files.
Yingjie (Iris) Hu
@huyingjie
My website is on github. I am not sure whether github uses HTTP cache or not.
Screen Shot 2017-12-15 at 1.43.14 PM.png
Blake
@BadSenju
having trouble with some code trying to get them to line up correctly
Kudzu
@czhower
It wouldnt be gh, but your internet provider.
Blake
@BadSenju
'<div class="Main" id="MyPortfolio">
<h1>PORTFOLIO</h1>
<h2>Recent</h2>
<div class="row">
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
</div>

<div class="row">
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
      <img src="#" alt="TBA" style="width:100%">
      <h3>In Proggress</h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodessest eos no.</p>
    </div>
  </div>
</div>'
its for a that portfolio project..trying to let the gallery to line up correctly 2 rows and a main gallery to be placed at the bottom of the 2 previous rows
glandon22
@glandon22
@huyingjie the page loaded slowly but worked fine. located in USA
Yingjie (Iris) Hu
@huyingjie
@glandon22 Thank you.
CamperBot
@camperbot
:cookie: 280 | @glandon22 |http://www.freecodecamp.org/glandon22
huyingjie sends brownie points to @glandon22 :sparkles: :thumbsup: :sparkles: