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
Sorin Ruse
@sorinr
@cjrutherford show the pen
@salbo98 something like: .gallery{ display: flex; flex-direction: row; justify-content:center; }
Chris Rutherford
@cjrutherford
@sorinr well it's not a pen, it's in github. I'm working off my own machine as it's going to need some back end magic
salbo98
@salbo98
@salbo98 make the gallery flex row, thanks for the help
CamperBot
@camperbot
sorry salbo98, you can't send brownie points to yourself! :sparkles: :sparkles:
Sorin Ruse
@sorinr
@cjrutherford i can download the zip and test it. what else do i need to install to make it work?
salbo98
@salbo98
@sorinr thanks for the reply
CamperBot
@camperbot
salbo98 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 597 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
@salbo98 welcome
Chris Rutherford
@cjrutherford
@sorinr it should all work fine. I'm using pug and sass to speed up the dev process, this is just a design concept at this time. There is no on-machine dependancies unless you want to fork it
if you want to fork it, I recommend installing node, then running npm install in the root of the project before developing. I have it setup with gulp to auto compile when changes are made
Sorin Ruse
@sorinr
@cjrutherford i've seen
Norvin Burrus
@ndburrus
@emrehayta @rgudic Hello and welcome to Free Code Camp/community! :sparkles:
I think you’ll really like the curriculum, learning, people, and resources! Explore, enjoy, and happy coding!
If you need assistance, just ask!
CamperBot will provide information (if possible) when you type "help (subject)" in the chat room :) .
Also, you may enjoy these: :sparkles: How To Rapidly Progress When Learning To Code, How To Teach Yourself Code, & Please do learn to code
JW89
@JW89
Im doing the portfolio challenge. Finally getting used to it but can someone tell me where i can clean up code?
Any ideas on how to stop the count down ?
I've created a function to output "HOORAY!" once it's over, but It's getting called.
It's not*
and You can speed up the count down btw by repeatedly clicking the session' number
Sorin Ruse
@sorinr
@JW89 there are some problems with your layout. i would do it like this(example for the about section): https://codepen.io/sorinr/pen/jAZrqY
Stephen James
@sjames1958gm
@Harry97 Save the return from setInterval and call clearInterval with that value when you want to stop the timer
Harry Adel
@harryadel
@sjames1958gm I'm sorry, but what do you mean by "return"?
salbo98
@salbo98
anyone have any feedback for a completed layout (not much styling has been done}
Stephen James
@sjames1958gm
@sjames1958gm var timerid = setInterval()
@Harry97 var timerid = setInterval() then you can use clearInterval(timerid);
Harry Adel
@harryadel
@sjames1958gm Ok, cool. I got it, but
Is this the only way to stop it?
Sorin Ruse
@sorinr
@Harry97 you can also add this to your css: span.button{ cursor: pointer; } just to make the user know that when you click that something will happen
Harry Adel
@harryadel
@sorinr I sure will
I just wanted to make sure everything is working fine
Roger Hart
@wilcombebolger
hi there all
Harry Adel
@harryadel
before taking care of the looks of it
@wilcombebolger Hi!
Roger Hart
@wilcombebolger
can anyone tell me why my inline css styles do not take effect anywhere on my page
Harry Adel
@harryadel
@wilcombebolger Include your codepen so that we can have a look
Roger Hart
@wilcombebolger

<head>
<meta name="viewport" content="width=device-width, initial scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style>
body {
position: relative;
padding: 100px;
margin: 50px;
border: 20px;
}
#HelloWorld {height:1000px, background-color: #a3a375;
}
#AboutMyWork { height:500px, background-color: #ffb380;
}
#AboutContactingMe { height:500px, background-color: #ffe699;
}
</style>
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="50">



<div id="HelloWorld"class="container-fluid">
<nav class="navbar navbar-inverse navbar-fixed-top">


<div class="navbar-header">


<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>
<a class="navbar-brand" href="#">HelloHart</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">About Me</a></li>
<li><a href="#">About My Work</a></li>
<li><a href="#">About Contacting Me</a></li>
</ul>
</div>

</nav>
</div>

<!--Content-->
<div>
<h1 class="text-center"><i>Hello World !</i></h1>
<img src="https://dl.dropboxusercontent.com/s/1ulnrfqpstt5bs9/chapter%20divider.png?dl=0" class="center-block" alt="divider" Hspace="50" Vspace="40" width="120" height="50" </img>
<h3 class="text-center"><i>About Me</i></h3>
<p class="text-center"> My name is Roger Hart </p>
<p class="text-center">I'm skilled in web design and application development.</p>
<img src="https://dl.dropboxusercontent.com/s/8quiyssvae2em59/Roger%20Hart.jpg?dl=0" class="center-block img-circle" alt="Roger" width="304" height="400">

<img src="https://dl.dropboxusercontent.com/s/1ulnrfqpstt5bs9/chapter%20divider.png?dl=0" class="center-block" alt="divider" Hspace="50" Vspace="40" width="120" height="50" </img>
<h1 </div>
</div>
</div>
<!--About Me-->
<div id="AboutMyWork" class="text-center"><h3>About My Work</h3></div>

</body>

Harry Adel
@harryadel
@wilcombebolger Just copy paste your codepen link :D
Roger Hart
@wilcombebolger
I was initially using external css by the way okay will do
Sorin Ruse
@sorinr
@wilcombebolger and where is your inline style?
Roger Hart
@wilcombebolger
This message was deleted
Roger Hart
@wilcombebolger
Sorin Ruse
@sorinr
@wilcombebolger first: you don't have to camelcase your ids
Harry Adel
@harryadel
@wilcombebolger Where's your "inline"?
I can't seem to find it
and with all due respect, please include all of your CSS in its respective tab