@jacobshoemaker92 As far as I know, you just need to add margin to the top to account for the fixed positioned div. fixed positioning take a box out of the element flow
@Vichulee Hello what are you trying to accomplish with the images?
BTW, if you need to use images in CodePen, dropbox is a good option. imgur doesn't work because they blocked it. if you don't have a dropbox account and you want one, please sign up using my referral URL so I can get some free storage space! hehe https://db.tt/JBhh3niM
@rjstone Thanks for the help. I tried to add a margin to the top of the block but it adds a gap between the nav bar and the top of the home page. I'll keep working to find out how to fix it.
@Vichulee Your HTML is very broken. Unclosed quotes and text not inside an attribute. Also, you should avoid using
style attributes in the HTML and do everything in CSS. You're also using a lot of obsolete attributes from HTML3/4 and not using the Bootstrap 3 grid system. I didn't do too much but here is some stuff cleaned up and I added an example of how to use the grid system. http://codepen.io/rjstone/pen/KgWOWa?editors=1000
See the Bootstrap documentation http://devdocs.io/bootstrap~3/css#grid
@jacobshoemaker92 You could probably also add an empty box with the same height as the navbar at the top of the page.
I'm trying to find a way to compare an array of numbers against a nested array of number patterns. something like picks = 1,2,3,5 checked against combos = [[1,2,3],[4,5,6]]. I've been toying around with indexof() paired with filter but am stuck. any thoughts?
function winCheck() for reference: https://codepen.io/chrisdodds/pen/YGWazb
Hi everyone. I'm having issues with the quote generator project. When I click my "get quote" button, nothing shows up. I am using the frontismatic API. I have a feeling that I am overlooking something very simple since I am able to run snipets of what other folks have done just fine. Do you guys mind taking a look at what I have? https://codepen.io/ssylvest00/pen/ZpZdGY
<style>
.red-text {
color: red;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p size 16px class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
@sylvest00 - it's working in my browser.
@cdodds-person thanks for checking! i have been at this for hours and i see nothing. i've tried 3 different browsers and my placeholder ("QUOTE") does not change. odd
@sylvest00 - I found that if I loaded it with the
https:// transport, it blocked the access to the quote site. If I switched to http:// for loading the page, then it worked, although you're not formatting the quote, but looks like you are dumping the raw JSON output to the quote paragraph. But it works using http:// This was on firefox on windows
@khaduch thanks for the advice. i wanted to dump the raw json info just to make sure the basics were in order. i will definitely change it as soon as i can see the contents change in my quote container! lol! i also read about the https issue, so i made sure to copy the URL from their API tester
@OmarSalem563 Which challenge?
https://codepen.io/zarruk/pen/jrByJq Hello. So I am about to finish my Wikipedia project. Make one search and then make another. Then scroll down and you'll see previous empty divs. Does anybody know a way to clear up all the divs when a new search is made?
@zarruk before you write the results to #resultados, do something like $("#resultados").empty();
@cdodds-person that worked ;) thanks!
np
@cdodds-person another quick question. Why is my search bar a little to the right with respect to the random article bar? Do you know?
It isn't clearing properly. lyou might look at chopping up the page with a few more divs.
@cdodds-person https://codepen.io/zarruk/pen/jrByJq?editors=0100 it's now working perfectly!
@cdodds-person if you want to give me some feedback, it is welcome ;)
:clap:
you might check out https://coolors.co/ for a color scheme that's a little less harsh.
@cdodds-person ok thanks. I have a question. Please look for "hola". Look at the first result. It says "Hola may refer to:". Why is that?
that's the first result that comes back in wikipedia's JSON
if you go search wikipedia for "hola" you'll get the same thing
I tried earlier but no response. Can anybody tell me why this quote generator won't generate a new quote on button click? I think I'm overlooking something basic here. http://codepen.io/quadrumane/pen/XjrKOZ/
topic: random Quote machine
guys can you please help me in generating random colors on click in my js code
You guys have any ideas as to why the "center-block" bootstrap wont center my first nav-brand ? https://codepen.io/GrantKnaver/pen/qamWpd
any ideas guys
Mine is pretty similar if you want to check out the code @annunirmal http://codepen.io/virtual/pen/jqJeKb
i dont see a center-block class added anywhere
ill add it right now
@sf-jd thanks for the help man
grantknaver sends brownie points to @sf-jd :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @sf-jd |http://www.freecodecamp.com/sf-jd
@virtual i got your pen as a reference in the challenge description. or you made it 100% like the one i got visually lol
lol I tried to make it similar :)
@grantknaver so you want "Creative Adrenalin" to be centered in mobile resolution?
yep
preferably with bootstrap
text-center is a element centering class for bootstrap
tried that @virtual :(
yea grant im looking into it
thx
been stuck forever...
something in the id is prolly blocking the class
just cant figure out what
ya been a pain
I tried an !important declaration even :(
@grantknaver change the navbar-brand to navbar-brand-mobile
and then just fix the text
if at all possible to customize that class
hmmm thats an idea. Attack the issue from a different angle
theres so many inheretances going on
thats why i will continue to say i detest bootstrap
i have no fkn clue what's going on and it takes forever to understand what people wanna achieve or how to fix it
good ol' handwritten css so much easier to deal with xD
@virtual yeah your code is working perfectly fine. can you help finding error in mine
hi friends i am about to start Pomodoro Timer project
any js function or library suggestion will be greate :)
any js function or library suggestion will be greate :)
It worked man you freaking rock
lol
@wearenotgroot thnaks :)
I'm need help making 3 boxes next to each other not on top of each other.
Please
They are place holders
@wnbaorbust if you are using bootstrap you can use a div class row and inside put three divs class col-md-4 that will hold ur placeholders
topic:random quote machine
please help me out with generating random background colors on click . cant figure out my mistake
http://codepen.io/nirmalannu/pen/qaqdbR?editors=1111
please help me out with generating random background colors on click . cant figure out my mistake
http://codepen.io/nirmalannu/pen/qaqdbR?editors=1111
@sf-jd you had an idea on how to fix the mobile side of things how about the desktop
I stripped the desktop brand of the class nav-brand, but I still can not get the brand to center with the rest of the tabs
any ideas out there
Bueller, anyone?
@annunirmal
// add this to body in your css
body {
transition: background .7s;
}
// Change js to this. You can also do this for the button ;)
$('body').css('background', '#' + colors[color]);
Hi. Is there somebody who've made tic tac toe?
Any feedback? http://codepen.io/cabello986/full/ozkRZb/
@hacu9 4.02+2.03=6.04(9) instead of 6.05
@hacu9 make: output= (eval(str).toFixed(no of resulting decimals) )
@jdtdesigns hi tadlock, for which line i should be changing my js ?
here is the link: http://codepen.io/nirmalannu/pen/qaqdbR?editors=1011
here is the link: http://codepen.io/nirmalannu/pen/qaqdbR?editors=1011
@grantknaver I coded out a header for you. I have nothing against Bootstrap, but it's bloated and uses legacy code. We have way better layout options available today like flexbox. You'll see that the html is way less and the css for the menu is very minimal as well. I did some custom styling for the brand and such, but the main stuff that handles the responsiveness is very little. http://jsbin.com/wozahu/edit?output
@annunirmal
// take all this out
$(".html body").animate({
backgroundColor: colors[color],
color: colors[color]
}, 1000);
$(".button").animate({
backgroundColor: colors[color]
}, 1000);
// replace with this
$('body').css('background', '#' + colors[color]);
$('.button').css('background', '#' + colors[color]);
@jdtdesigns perfect it is working thanks alot.
one more thing why you kept transition value .7s.
one more thing why you kept transition value .7s.
annunirmal sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 608 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@annunirmal It can be any amount you choose. I just did .7s ;)
@hacu9 or at least you can go for a precision of 4 and don't show the last two decimals if they are zero
@jdtdesigns okay , thanks alot man. i have been working on this from quite some time. thanks alot. keep helping
annunirmal sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: annunirmal already gave jdtdesigns points
@sorinr Just adding .toFixed?
@annunirmal You can actually replace the 2 new lines of js with this one line. ;)
$('body, .button').css('background', '#' + colors[color]);
How do i make the = buttom full width e-e
@jdtdesigns yeah right i figured that out :)
:D
@hacu9 toFixed() its like toFixed(0) means no decimals
or Math.round(myNum) ;)
@jdtdesigns only it rounds to nearest integer and get rid of decimals
@jdtdesigns hey if i want to change text instead of background what should i be writing ?
$('.quote_text').css('text', '#' + colors[color]);
$('.quote_text').css('text', '#' + colors[color]);
@sorinr @jdtdesigns thanks c:
hacu9 sends brownie points to @sorinr and @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 730 | @sorinr |http://www.freecodecamp.com/sorinr
:cookie: 609 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@annunirmal
$('.quote_text').css('color', '#' + colors[color]);
.css() refers to the css properties just like you would use in your css stylesheet
@jdtdesigns :+1: perfect . thanks
annunirmal sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: annunirmal already gave jdtdesigns points
@annunirmal if you have defined your colors in the array like '#hex' no need for '#' + colors[color] just colors[color]
@sorinr okay. thanks
annunirmal sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 731 | @sorinr |http://www.freecodecamp.com/sorinr
Anyone know how to create forms like this?
Woops
O.o how do you post images
Need help making a form like that ^
has anyone here completed that calculator project
var myStr ="I am a\"double quoted\" string inside" \"double quotes.\";
not working
not working
var myStr ="I am a\"double quoted\" string inside \"double quotes.\";
try that
var myStr ="I am a\"double quoted\" string inside\"double quotes.\" ";
@Dirtier
maybe something like this would work for you
maybe something like this would work for you
input {
border: 0;
background: transparent; /* maybe don't need this? not sure */
border-bottom: 2px solid lightgrey;
}
@alhazen1 Yea I figured it out, thanks though :P
dirtier sends brownie points to @alhazen1 :sparkles: :thumbsup: :sparkles:
:cookie: 374 | @alhazen1 |http://www.freecodecamp.com/alhazen1
@alhazen1 While you're here, would you by any chance take a look at my codepen and help me figure out why the push menu wont work at lower resolutions?
@Dirtier got just a minute but I'll take a peek
Blah it is right there, but most of the time when you start squeezing it smaller and smaller you cant click on it anymore
@Dirtier Seems to work for me. I'm looking in dev tool, not on a real device but at telephone size it is still animating but everything is very tiny
Ah yea I'm sure it is haha I didn't really design it for phones. Not that great at that yet
@Dirtier you can use @media queries in your css to change the font size you want for smaller screens. you can read more here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
hi guys! How can I get accurate location in html5? I've made the weather app, but the location is not accurate. The site doesn't ask for permission to reach location of the user. What could I do?
@zaturek I assume you aren't using the browser geolocation feature?
I've use navigator.geolocation.getCurrentPosition(showPosition)
@sjames1958gm I'm not sure, if it is the right one I've choosed
Hmm that should require the browser to ask for location, and likely the most accurate that you can get.
But when I handled the errors, i've got a "permission denied" respond
and the browser don't asked for my location
@zaturek You are running over http:// (on chrome?)
yep
@sjames1958gm yep
getCurrentPosition on chrome only works over https:// - you can use an alternate api such as http://ip-api.com/json to get location on ip address, not as accurate.
and I couldn't force it to use https?
Or you can use https:// on codepen (then you will need to use something like https://crossorigin.me to access http sites like openweather
ohh
ok
@sjames1958gm thanks! :) I'll try it
zaturek sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3490 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@zaturek good luck
hi guys i want to use a Circular Progress bar in my project is there any library for that or should i have to do that manually with css
@kirbyedy thanks
mones-cse sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1411 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
@kirbyedy is it possible to use it in code pen ?
I did not use it myself yet, but I think its possible
go through the documentation first
@kirbyedy thanks again thats what i need
mones-cse sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:warning: mones-cse already gave kirbyedy points
U
hey everyone, i'm currently at the challenge 118 with the tribute page, I managed to do everything and just missing one little feature. I wanna select all the dates to apply the bold class on it, how can I do this ? thanks in advance ;)
@kevintan3o just add <b> tags like: <b>1948</b> for eachi <li> element
This message was deleted
@kevintan3o Can you show us the current structure of your html? You'd usually write a single class in CSS and then apply that to all of the elements you want bold
I wanna do the Wikipedia viewer project, but I don't want to use jsonp to get around same-origin policy . Is there any other way? How did you do yours?
@kevintan3o I think you want to do it using jQuery .addClass function. You should add the corresponding lines in the JS windows in Code Pen
@mlefleur he is probably using ul>li so i suggested to add <b> tags to wrap the years so in css you can also change the b tags behaviour
@skinpsv addclass its not working because you have to apply it only for a portion of the text
you're right @sorinr , I thought it's for all text lines in the list
guys i just started working on my calculator project, but i noticed that the calculator shown in the challenge page does not follow the correct order of mathematical operations, instead it just goes from left to right, for example it shows that 69+66+9x12 is equal to 1728 instead of 243, is this a proper behavior?
hey guys can u help me, i have the following code <div class="container-fluid">
<div class="row">
<div class="col-sm-5">
<img class="img-responive pull-left" src="${availableCars[currentCar].img || "imgs/cars/Skoda-Fabia-1.4.jpg"}" alt="">
</div>
<div class="col-sm-7">
<div class="container-fluid">
<div class="row">
<div class="col-sm-5">брой места: </div>
<div class="col-sm-7">${availableCars[currentCar].seats || 0}</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-5">
<img class="img-responive pull-left" src="${availableCars[currentCar].img || "imgs/cars/Skoda-Fabia-1.4.jpg"}" alt="">
</div>
<div class="col-sm-7">
<div class="container-fluid">
<div class="row">
<div class="col-sm-5">брой места: </div>
<div class="col-sm-7">${availableCars[currentCar].seats || 0}</div>
</div>
</div>
</div>
</div>
</div>
and everythings work fine when i have 2 elements, but when i have only 1 on the page the text goes over the image, i cannot find solution on google
Hi can anyone help me with Build a Tribute page
@fhdhsni I'm trying this:
var URL_Wiki = 'https://crossorigin.me/https://' + lang
+ '.wikipedia.org/w/api.php?action=opensearch&profile=fuzzy'
+ '&redirects=resolve&search=' + q;Does it work for you?
@MyamotoMusashi Might be because you have quotes inside of quotes?
in your
<img> src
"${availableCars[currentCar].img || "imgs/cars/Skoda-Fabia-1.4.jpg"}"
try changing that to
"${availableCars[currentCar].img || 'imgs/cars/Skoda-Fabia-1.4.jpg'}"
how can i upload a photo from my laptop?scr="file://C:\Users\lanxin\Desktop.untitled.png"
tinypic.com @limenqingzhuanshen
Hey guys, just a quick question for those who have done the tribute page. I don't seem to remember much of the syntax reviewed in the past up to this point, I could go back an check a few things covered, and it will be a refresher, but I guess my question is--how many of you had to do that? Is it normal for one to do the aforementioned due to not remembering?
Hi all, I am working on the "Build a Random Quote Machine" and the page I created works fine from a browser but from codepen, the twitter button is not showing up.
I am using a block of JavaScript code from twitter site to add tweet button which includes js.src = "https://platform.twitter.com/widgets.js";
I think that's where the problem is with codepen... I tried using this in JavaScript, or adding it as an external JavaScript from setting, but it doesn't show the tweet button at all from codepen
@JoseBarakat yep it works. Thanks :+1: but I guess I'll resort to jsonp anyway, It's a bit slow and I don't like to add external dependencies. It may break in the future.
fhdhsni sends brownie points to @josebarakat :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @josebarakat |http://www.freecodecamp.com/josebarakat
@Haruhiism All the time. I'm doing intermediate projects and have the same problem. Let's say it's not a problem ;)
Does anyone have an idea of how to make the tweet button visible in codepen?
@fhdhsni Gotcha. Just needed someone to validate my worries, I guess!
@kalamnuri did you "load" javascript in Codepen? (In the JS box, click the gear for the settings and quick-add the appropriate JS framework)?
yes, I tried that as well
Here is the complete snippet I am using from twitter in my JavaScript
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
//js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
I tried using js.src = "https://platform.twitter.com/widgets.js" in code directly and then commenting it out and adding https://platform.twitter.com/widgets.js in setting as external JavaScript
@kalamnuri take a look at this pen https://codepen.io/alistairtweedie/pen/JlFnq
No JS
great..... thank you Jose Barakat... I'll give it a try
:+1: :smile:
@kalamnuri if you are adamant on using twitters own tweet button then you need to use this on your js https://dev.twitter.com/web/tweet-button/javascript-create. you need to replace the old button with a new one with the updated text inside it
Can anyone help me with my tic-tac-toe game?
how do I make a white (or other color) background that fills the whole navbar? when I try it it only does the right or left side http://codepen.io/staceyland/full/ZpBdoX/
.navbar-fixed-top {
background-color: white;
}
@staceyland ^
@staceyland First you need to remove all of this from your html:
<html>
<title>Stacey's Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Yatra One">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<body>Then add bootstrap, font-awesome in Settings->CSS. Next add jQuery in Settings->js. The quick add drop down menu is useful.
Add this to your css and you're good:
.navbar-fixed-top {
background-color: white;
}
I know it's a broad question to ask, but how do you guys do unit testing when it involves DOM?
@fhdhsni Basically you test your functionality step by step to make sure it works. It becomes second nature with dynamic websites, due to the data being manipulated through functionality and not statically coded.
Can someone please help me recreate the snapped until scrolled aspect of this website? http://melaniedaveid.com/
For example, the work part.
How you have the right hand scrolling while the left side is fixed temporarly
Are there some folks here that have experience with fornt end development for drupal? I just started as front end drupal developer and am doing some courses on it. Would bee nice to hear there are more working with drupal :)
good afternoon campers!
@janepohorecka that's a good find
@AdventureBear hello Suzanne do you speak dutch?
@MichielHuijse no I don't, why do you ask?
Hi guys. I haz a lil css question.
Suzanne becuase, it is a common name in dutch.
Is there a way to make one border side more dominant that the other? I currently have a mockup where there is a gray top border and an orange left border. They have different properties, but it seems like the left side is overlaying on the top side.
But I want to the top side to be the dominant one that crosses.
Is there any CSS (only) that can make the border-top dominant? I currently have border-top as the second CSS element hoping it would override the border-left.
@MichielHuijse oh, that's nice. I like my name...fits many cultures.
I lived in germany for a semester, and everyone thought I was Dutch because I did not sound American.
I thought that was a great compliment
@AdventureBear dutch above germans?? Haha lol
@MichielHuijse no, that the germans thought I was not american because my pronunciation was that good! I could read enough Dutch to get around as a tourist
@AdventureBear wel wel
Ich kann ein Bissien Deutch, pero mi español en un poco mejor
ich kann noch...but not very well
@PattyCreates can you make the div with the left border occur after the div with the top border?
then it can show up below that one
Hm, so it's an HTML email. So less is more being that it's pretty complicated with TRs and TDs as is. I've tried assigning it to the TR but it still keeps inheriting the TD as the dominant one.
So box-sizing doesn't work for it either. :/
@AdventureBear hablas espaniol? Que bueno yo tambien, estuve en sud america.
hey , how to make nav bar like this : https://codepen.io/FreeCodeCamp/full/YqLyXB/
anyway off topic :)
@MichielHuijse Mi español es tampoco muy malo. Solo por hablando de medicina?
You need css html jquery, in my case I used a framwork bootstrap but you can do it all yourself
@PattyCreates unless you are displaying tabular data you don't need to use a table. Are you making a web page or writing an email?
@TarekAlabd go for an easier navbar
@AdventureBear it's an email.
Which gives me the shivers. :/
@TarekAlabd that code is too complicated for what FCC teaches before the Portfolio task
@AdventureBear Tampoco muy malo, meens you are really not bad at spanish.
@MichielHuijse I tried but i don't know how to make any navbar
@PattyCreates If you can share the code, we might be able to help more. You may be able to get away with using outlines instead of borders, or a mix of the two
@APRim05 that's true
@TarekAlabd They're using the bootstrap fixed-to-top navbar with additional CSS styling to make it unique: https://getbootstrap.com/components/#navbar-fixed-top
@TarekAlabd are you using bootstrap?
@TarekAlabd A navbar is an unordered list. with list items that float next to eachother
@TarekAlabd and an unordered list is a class: .ul which can be styled in the cascading style sheet. or css
@APRim05 yes
@TylerMoeller @AdventureBear
<div style="margin:0 auto;max-width:600px;background:#ffffff;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;background:#ffffff;" align="center" border="0" mc:repeatable="thumbnailWithText" mc:variant="thumbnailMain"><tbody><tr style="border-bottom: 2px solid #ededed;"><td style="text-align:center;vertical-align:top;font-size:0px;padding:20px;">
@MichielHuijse I'll try again , thanks
tarekalabd sends brownie points to @michielhuijse :sparkles: :thumbsup: :sparkles:
:cookie: 270 | @michielhuijse |http://www.freecodecamp.com/michielhuijse
@PattyCreates I only see the gray border in that code and it looks like it will be at the bottom of that first table row. I don't see the orange border. Again, unless you are displaying tabular data I would not style that with table HTML. Use DIVs instaed
@PattyCreates I only get a white rectangle when I use that code. I don't think you can apply a border to <tr>
<div style="margin:0 auto; max-width:600px; background:#ffffff;">
<table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;background:#ffffff;" align="center" border="0" mc:repeatable="thumbnailWithText" mc:variant="thumbnailMain">
<tbody>
<tr style="border-bottom: 2px solid #ededed;">
<td style="text-align:center;vertical-align:top;font-size:0px;padding:20px;"></td>
</tr>
</tbody>
</table>
</div>
@sorinr cant you just use em?
@AdventureBear She's using HTML email, it's stuck in the 90s :) and needs to use tables.
no you can't put border on
<tr>
Ah silly me.
@sorinr instead of px
<div style="margin:0 auto;max-width:600px;background:#ffffff;">
<table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;background:#ffffff;" align="center" border="0" mc:repeatable="thumbnailWithText" mc:variant="thumbnailGreen">
<tbody>
<tr style="border-bottom: 2px solid #ededed;">
<td style="text-align:center;vertical-align:top;font-size:0px;padding:20px 20px 20px 15px;border-left: 5px solid #a5cf4a;">
Excuse the poor indentation
you can use two spaces for it, codepen or something like that it's easier to share code by the way
@PattyCreates
what you really want to achieve ?
The opposite of this @AlexanderDom
The sides are hilights.
But i'm actually having a weird bug atm. fml. One of the borders doesn't show up on mailchimp preview. Although its consistent with the others.
sorry i don't understand :(
I'm probably going about this all wrong, but is there a way to make the parent container display "on top" of the child elements? I want to make it's opacity less than 1 so it looks as though you are looking "through" it at the contents
@camnicklaus css z-index maybe?
@camnicklaus Opacity will affect everything, you can use RGBA instead to adjust the opacity on specific elements:
background-color: rgba(170,170,170,.3);
The
.3 at the end adjusts the opacity of the color applied
@amit-s @TylerMoeller thanks!
camnicklaus sends brownie points to @amit-s and @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 329 | @amit-s |http://www.freecodecamp.com/amit-s
:cookie: 850 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Hey guys, apart from google, any idea where I can find some other icons?
I've got html5 and css3 ones, but am looking for javascript and jquery ones
I've got html5 and css3 ones, but am looking for javascript and jquery ones
@gbsimon87 http://fontawesome.io/icons/
@encount that's where I got my icons but can't find anything for a javascript nor jquery icon
@gbsimon87 why cant you grap them straight from a google search?
I suppose that'll be my only option
cheers @encount :)
@gbsimon87 there is it on github https://raw.githubusercontent.com/voodootikigod/logo.js/master/js.png
@AlexanderDom thanks buds! :)
gbsimon87 sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 386 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
:) you're welcome
Anyone know if you can use node on codepen?
@Dirtier yes you can
@gbsimon87 Doppeee thanks
dirtier sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
i'm not a node pro but i think you need something like cloud9 i mean a virtual machine
that what freeCodeCamp says :) here
@Dirtier
Ahh damn, so you have to go through a lot to set it up?
Guess I'll give it a try, thanks @AlexanderDom
dirtier sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 387 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
no, everything is set up @Dirtier
depends what you want
I need an API
easiest i think is to run it on you pc locally, but like i said i'm far from mastering node
Yea but then it wouldnt work on the codepen for everyone else, right?
don't think so, if it's for quotes exercice you don't need to go so far
@AlexanderDom I know :P but I want to lol
I could do it if I wasn't using codepen, was just seeing if I could get it to work on codepen
Otherwise I'm going to have to copy/paste some random quotes and crap over 100 times
@Dirtier You can use browserify to run node modules in a browser
From what I see though, you're going to have to get it working on a server first and then bundle up your javascript into a browserify package for running in the browser later. Best to set up a cloud9 server instead of codepen for this kind of project
Ok thanks @TylerMoeller. I think I'm supposed to do it on codepen though
:cookie: 851 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
dirtier sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
You'll get plenty of opportunities to work with Node.js after figuring out the front end stuff first :)
Haha I already know how to use Node and all that, I'm just kinda doing these projects real quick for the certificate. I just don't know how to use them on Codepen, and the project asks you to link the Codepen
hey guys, quick question: should I include WIP projects on my pdf resume?
@TylerMoeller @Dirtier another alternative for C9 is http://hyperdev.com/about/ it is like codepen for Node.js projects
HELP
I can't get scrollspy to work D:
<body data-spy="scroll" data-target="#exCollapsingNavbar2">
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<a class="navbar-brand" href="#"><i class="code icon"></i> Karan Bhullar</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#skilly">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projecty">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contacty">Contact</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right pull-xs-right">
<li><a><i class="mail icon big"></i></a></li>
<li><a><i class="github icon big"></i></a></li>
</ul>
</div>