These are chat archives for FreeCodeCamp/Help

26th
Sep 2018
learningjs42
@learningjs42
Sep 26 2018 02:27

hello can anyone tell me why i cant select this way

      function load(url){
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      console.log(xhttp.responseText)
    }
  };
  xhttp.open("GET", url, true);
  xhttp.send();
  xhttp.onreadystatechange = function() {

          if (this.readyState == 4 && this.status == 200) {
            var response = JSON.parse(xhttp.responseText);

            //why does this not work i want to select only the first property of the response
     var temp =Object.keys(response)[0];
     var a = response.temp;

            var output = '';
            for(var i = 0;i < a.length;i++){
              output += '<li>'+a[i].name+'</li>';
            }
            document.getElementById('people').innerHTML = output;
}
}
}
load("people.json");

this piece i need help with

   var temp =Object.keys(response)[0];
     var a = response.temp;
Manish Giri
@Manish-Giri
Sep 26 2018 03:07
use bracket notation [ ]
response[temp]
@learningjs42
Karma Drukpa
@coderkarma
Sep 26 2018 03:11
@Nicolas No, Thank you.
darrea
@darrea_gitlab
Sep 26 2018 04:15
Can someone help me with this
I know i gotta be over thinking it
psyperl
@psyperl
Sep 26 2018 04:55
if a function returning dictionary/obj i wonder why we need to surround it with ( )
const buildObj = x => ({objName: x}) // works
let someObj = buildObj("generated obj")
const buildObj = x => {objName: x} // doesn't work -- undefined
let someObj = buildObj("generated obj")
in my head feels like the second one should work.. but it didn't
Supra01
@Supra01
Sep 26 2018 05:11

@Supra01
Anyone familiar with react and forms?

import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: ''
    };
  }
  handleChange(event) {
    this.setState = ({
      email: event.target.value,
      password: event.target.value
    })
  }
  handleSubmit(event) {
    console.log(this.state)
    event.preventDefault();
  }
  render() {
    return (
      <div className="container">
        <h3>Login to...</h3>
        <div className="row">
          <form className="col s12" onSubmit={event => this.handleSubmit()}>
            {/* ---password--- */}
            <div className="row">
              <div className="input-field col s12">
                <input id="password" type="password" className="validate"
                  value={this.state.password} onChange={event => this.handleChange(event)} />
                <label htmlFor="password">Password</label>
              </div>
            </div>
            {/* ---e-mail--- */}
            <div className="row">
              <div className="input-field col s12">
                <input id="email" type="email" className="validate" value={this.state.email} onChange={event => this.handleChange(event)} />
                <label htmlFor="email">Email</label>
              </div>
            </div>
            {/* ---Submit--- */}
            <button className="btn right col s12" type="submit" name="action">Submit</button>
          </form>
        </div>
        <div>
          <p>Need an account?<Link to="/signup"> Sign Up</Link></p>
        </div>
      </div>
    );
  }
}

export default Login;

I can't seem to get my handle change function to work

alpox
@alpox
Sep 26 2018 06:04
@Supra01 It looks to me like on any change you set both props - email AND password to the new value. You either need two different change events or you can add names to the inputs and access them through event.target.name for choosing which state to set
Supra01
@Supra01
Sep 26 2018 06:06
@alpox Thank you I will give that a try
alpox
@alpox
Sep 26 2018 06:07

@psyperl x => {objName: x} here, the {} get interpreted as building a function body (Code block). As you can write arrow functions in either form:
x => y or x => { return y } which are equivalent.

Therefore, if you want to return an object you can either do x => { return { objName: x } } which is quite ugly, or you can surround {} with () to prevent js to interpret the {} as beginning/ending of a function body. This works because as soon as js sees something else than whitespace followed by { after a =>, js interprets it as an expression rather than a function body. This is why you can use x => ({ objName: x }) As the ( shows js that its an expression and not a body

Supra01
@Supra01
Sep 26 2018 06:11
@alpox I gave inputs different values but not the input won't me even type anything
import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: ''
    };
  }
  handleChange(event) {
    this.setState = ({
      email: event.target.email,
      password: event.target.password
    })
  }
  handleSubmit(event) {
    console.log(this.state)
    event.preventDefault();
  }
  render() {
    return (
      <div className="container">
        <h3>Login to...</h3>
        <div className="row">
          <form className="col s12" onSubmit={event => this.handleSubmit()}>
            {/* ---password--- */}
            <div className="row">
              <div className="input-field col s12">
                <input id="password" type="password" className="validate"
                  value={this.state.password} onChange={event => this.handleChange(event)} />
                <label htmlFor="password">Password</label>
              </div>
            </div>
            {/* ---e-mail--- */}
            <div className="row">
              <div className="input-field col s12">
                <input id="email" type="email" className="validate" value={this.state.email} onChange={event => this.handleChange(event)} />
                <label htmlFor="email">Email</label>
              </div>
            </div>
            {/* ---Submit--- */}
            <button className="btn right col s12" type="submit" name="action">Submit</button>
          </form>
        </div>
        <div>
          <p>Need an account?<Link to="/signup"> Sign Up</Link></p>
        </div>
      </div>
    );
  }
}

export default Login;
alpox
@alpox
Sep 26 2018 06:11
@Supra01 .value was okay in the handleChange event
Jason Cobham
@DrChronicle1
Sep 26 2018 06:12
I don't want to intrude but is anyone available to help me with my python project?
psyperl
@psyperl
Sep 26 2018 06:12
@alpox haha wow .. never thought of that.. thank you, that was very clear explanation -- TIL
alpox
@alpox
Sep 26 2018 06:12

@Supra01

  handleChange(event) {
    this.setState({
      [event.target.name]: event.target.value
    })
  }

....

<input id="email" type="email" name="email" className="validate" value={this.state.email} onChange={event => this.handleChange(event)} />
@psyperl You're welcome :)
Supra01
@Supra01
Sep 26 2018 06:16
@alpox still not quite there
import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: ''
    };
  }
  handleChange(event) {
    this.setState = ({
      [event.target.name]: event.target.value
    })
  }
  handleSubmit(event) {
    console.log(this.state)
    event.preventDefault();
  }
  render() {
    return (
      <div className="container">
        <h3>Login to...</h3>
        <div className="row">
          <form className="col s12" onSubmit={event => this.handleSubmit()}>
            {/* ---password--- */}
            <div className="row">
              <div className="input-field col s12">
                <input id="password" type="password" name='password' className="validate"
                  value={this.state.password} onChange={event => this.handleChange(event)} />
                <label htmlFor="password">Password</label>
              </div>
            </div>
            {/* ---e-mail--- */}
            <div className="row">
              <div className="input-field col s12">
                <input id="email" type="email" name='email' className="validate" value={this.state.email} onChange={event => this.handleChange(event)} />
                <label htmlFor="email">Email</label>
              </div>
            </div>
            {/* ---Submit--- */}
            <button className="btn right col s12" type="submit" name="action">Submit</button>
          </form>
        </div>
        <div>
          <p>Need an account?<Link to="/signup"> Sign Up</Link></p>
        </div>
      </div>
    );
  }
}

export default Login;
@alpox it wont let me enter input
alpox
@alpox
Sep 26 2018 06:18
@Supra01 Please use " and not ' - I'm not sure if jsx allows singlequotes
@Supra01 Oh it seems I didn't read the syntax right :D there is an error:
this.setState = ({
      [event.target.name]: event.target.value
    })
This should be:
this.setState({
      [event.target.name]: event.target.value
    })
Leena
@leena-d
Sep 26 2018 06:22
can someone help me figure out how to get all the contents of my nav bar on one line and fixed to the top of the page? code here: https://repl.it/@leena_d/PoliteOffensiveCrash
Supra01
@Supra01
Sep 26 2018 06:23
@alpox Thank you so much I give it a try after work
Hall
@channinghall
Sep 26 2018 07:16
thanks all helpful heart
Kranti Nebhwani
@darkphotonKN
Sep 26 2018 08:08
hey is anyone very familiar with github? My friend has commits on a master branch im off on another branch, do I use git merge from here to combine my changes with his changes or do I do something else first?
alpox
@alpox
Sep 26 2018 08:18
@darkphotonKN
git checkout master
git pull
git checkout <your branch>
git rebase master
Supra01
@Supra01
Sep 26 2018 08:29
@alpox Thank you it worked!!!
Aditya
@ezioda004
Sep 26 2018 08:32
@leena-d Like this? I added the below code:
#nav {
    position: fixed;
    top: 0;
}
#nav li {
  display: inline-block;
}
Ruben Dario
@rubendmatos1985
Sep 26 2018 08:44
hello friends i am having a problem
and i am stuck
somebody could help me
it is with react
diomed @diomed sobs. I tried with inline-flex :stuck_out_tongue:
Ruben Dario
@rubendmatos1985
Sep 26 2018 08:51
ok the problem its that i am trying to make a "for (var i in this.state)" and i am tryning to pass a value in setState but it doesnt work. Any body could tell me. and how to work with setState and complex objects
Aditya
@ezioda004
Sep 26 2018 09:01
@rubendmatos1985 .setState() is async, so its probably updating but you wont see immediate effect
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:01
i did it
@ezioda004 thanks
@ezioda004 i made a copy with Object.assign
@ezioda004 i am making the Drum Machine
@ezioda004 and i made a loop to modify the state of the object when i press a key on the keyboard.
@ezioda004 a loop for with an event listener with "keydown"
Aditya
@ezioda004
Sep 26 2018 09:04
@rubendmatos1985 Nice, btw you can also use spread operator on objects to make copy, like const newObj = {...this.state};
Why'd you need a loop though? You could simply update the part of the state
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:05
@ezioda004 did you mean with a life cycling method?
@ezioda004 ok a will send you the part of the code
Aditya
@ezioda004
Sep 26 2018 09:06
@rubendmatos1985 No, like this
this.state = {
  a: 1,
  b: 2
}

//Somewhere in the wild
this.setState({
  a: 10
});
//The new state will be
{
  a: 10,
  b: 2
}
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:06
@ezioda004 i made a loop because i have 9 buttons
@ezioda004 and a event listener with "keydown"
May Kittens Devour Your Soul
@diomed
Sep 26 2018 09:07
you dont have to mention him in every line. he knows you're adressing him
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:07
@diomed thanks
ok
i have 9 buttons
Aditya
@ezioda004
Sep 26 2018 09:07
:smirk_cat:
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:08
jajajaja thanks
Aditya
@ezioda004
Sep 26 2018 09:08
@rubendmatos1985 How does your state look like?
i almost finish the challenge
but i want that when i press a key the color change
the color of the button
Manish Giri
@Manish-Giri
Sep 26 2018 09:09
@diomed :cat:
Claudio Restifo
@Marmiz
Sep 26 2018 09:12
Don't want to play devil's advocate, but why an eventListener? I mean, buttons accept an onClick event in react.
Using event listeners means you have to manually initiate and remove them
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:13
yes but i musted to add an event listener for keydown
for the keyboard
because you can play with the keboard to
and keyPress dont work
and the other events either
Aditya
@ezioda004
Sep 26 2018 09:14
Theres .onKeyDown() event, you could use that
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:15
i will try
Claudio Restifo
@Marmiz
Sep 26 2018 09:15
complete list of synthetic events in React
Aditya
@ezioda004
Sep 26 2018 09:15
<Button onKeyDown = {(e) => this.playSound(e)} />
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:16
i am trying
thaaaaaanks
i was 2 hours trying to find the solution
thanks
Aditya
@ezioda004
Sep 26 2018 09:16

Also, this part is too repetetive.

<Button id="Kick" 
    name ={this.state.button1.name}
    src={this.state.button1.soundUrl}
    display={this.displayController}
    letterCode ={this.state.button1.letter}
    color={this.state.button1.color}/>

   <Button id="Clap" 
    onClick={ this.clickHandle }
    name ={this.state.button2.name}
    src={this.state.button2.soundUrl}
    display={this.displayController}
    letterCode ={this.state.button2.letter}
    color={this.state.button2.color}/>

I'd use .map() here

Ruben Dario
@rubendmatos1985
Sep 26 2018 09:16
ok
i will change it
i did it these way to have a gradic perspective
i am new in react
and it is a little bit complicated some times
but thanks a lot
i appreciate your help
Aditya
@ezioda004
Sep 26 2018 09:18
@rubendmatos1985 Like this["Kick", "Clap"...etc].map((val, i) => <Button id = {val} key = {val} name = {`this.state.button${i+1}.soundUrl`} ...and so on)
No problem, using DRY principle is always a good habit
Claudio Restifo
@Marmiz
Sep 26 2018 09:19
@ezioda004 forgot the key :)
Ruben Dario
@rubendmatos1985
Sep 26 2018 09:20
yeah yeah of course the magic key
jejeje
heheheh
thanks for all
Claudio Restifo
@Marmiz
Sep 26 2018 09:20
it's actually required by React. It gets upset if you forget it.
It's also really useful at times to delete and re-render node on the fly ^^
Aditya
@ezioda004
Sep 26 2018 09:21
@Marmiz Ofcourse :D
Claudio Restifo
@Marmiz
Sep 26 2018 09:21
I was teasing :tongue:
psyperl
@psyperl
Sep 26 2018 09:26
wew i have very strange case
psyperl
@psyperl
Sep 26 2018 09:31
spread operator will throw out error if it's value is not returned or used
const arr = [1,2,3,4,5]
const test = x => [...x].forEach(e => console.log(e+e))
test(arr) // this works
const arr = [1,2,3,4,5]
const test = x => {
  console.log("this will throw syntax error")
  [...x].forEach(e => console.log(e+e)) // syntax error here
}
test(arr)
Aditya
@ezioda004
Sep 26 2018 09:37
@psyperl Semicolons are important:
const test = x => {
  console.log("this will throw syntax error");
  [...x].forEach(e => console.log(e+e)) // works
}
Without ; it assumes console.log() is returning an object and you're trying to access it with bracket notation
May Kittens Devour Your Soul
@diomed
Sep 26 2018 10:11
Aditya
@ezioda004
Sep 26 2018 10:13
Benzene?
Nicolas Ramirez
@kamatheuska
Sep 26 2018 10:18
@ezioda004 not really a fan of those :)
I use ESLint standard style
:smile:
Aditya
@ezioda004
Sep 26 2018 10:25

@kamatheuska As long as you're consistent and remember the edge case(s), its fine

const x = 1
(y => console.log(y))(x) //Error
const x = 1;
(y => console.log(y))(x); //Ok

I use them because as in most languages it indicates the end of an expression, improves readability for me

Nicolas Ramirez
@kamatheuska
Sep 26 2018 10:28
that's right, I agree. Still use of semicolons like in the older version of FCC is just annoying, since it is 80% of time redundant, IMO.. Luckly, now you can complete the challenges without those.
Claudio Restifo
@Marmiz
Sep 26 2018 10:40
standard
Nicolas Ramirez
@kamatheuska
Sep 26 2018 10:42
lmao
@Marmiz
psyperl
@psyperl
Sep 26 2018 10:45
@ezioda004 wew.. dunno what to say

i solved it with

const arr = [1,2,3,4,5]
const _justSomeTestFunction = arrayToProcess => 
  [...arrayToProcess ]
    .forEach( itemInArray => 
      console.log(itemInArray +itemInArray )
    ) // everyone is happy!

const justSomeTestFunction = arrayToProcess => {
  console.log("this will throw syntax error")
  _justSomeTestFunction(arrayToProcess)
}
justSomeTestFunction(arr)

; not so important i can still leave it out

@ezioda004 but thanks for pointing out the accidental atempt to subscipt the previous statement.. that's a good catch, i couldn't figure that out :thumbsup:
Nicolas Ramirez
@kamatheuska
Sep 26 2018 10:50
I don't understand what is the need to write very short variables and parameteres
Aditya
@ezioda004
Sep 26 2018 10:52
@psyperl I'm all for modular approaches but making another function just to not use ; feels like an overkill to me
psyperl
@psyperl
Sep 26 2018 10:53
@ezioda004 it will be on another function soon or later anyway
Aditya
@ezioda004
Sep 26 2018 10:55
Hmm, as long as it works for you :thumbsup:
psyperl
@psyperl
Sep 26 2018 10:55
:smile:
@kamatheuska no more short var and param name there
Nicolas Ramirez
@kamatheuska
Sep 26 2018 10:59
I meant in the other snippet
const arr = [1,2,3,4,5]
const test = x => [...x].forEach(e => console.log(e+e))
test(arr) // this works
const arr = [1,2,3,4,5]
const test = x => {
  console.log("this will throw syntax error")
  [...x].forEach(e => console.log(e+e)) // syntax error here
}
test(arr)
yep :sweat_smile:
just hard to read
psyperl
@psyperl
Sep 26 2018 11:01
yeah
you meant hard to understand.. shorter is easier and faster to read
Nicolas Ramirez
@kamatheuska
Sep 26 2018 11:02
yeah, for a computer
psyperl
@psyperl
Sep 26 2018 11:02
:smile:
Nicolas Ramirez
@kamatheuska
Sep 26 2018 11:02
i need to understand when I read man, don't know about you haha
but I get what u mean :smile:
psyperl
@psyperl
Sep 26 2018 11:14
yeah no doubt.. i am just lazy sometimes.. but you are correct
Nicolas Ramirez
@kamatheuska
Sep 26 2018 11:21
On the contrary! i am super lazy, I should be able to make sense of those criptic snippets and documentations, for the matter haha
Ghost
@ghost~5b53da7dd73408ce4fa1d2e5
Sep 26 2018 12:11

Hi I just want to ask about d3 but for sure it is also about the other modules. I'm looking for other way to call methods axisLeft and axisBottom and I saw this code where it is quite confusing on me.

let axisType = 'axisLeft';
console.log(d3[axisType]);    // returns the axisLeft method

How is that happen that it returns the axisLeftmethod which is what I expected? I'm confused because in this way, d3[], I'm thinking that it is pertaining to an array. I hope someone can clarify how it works. Thank you.

Aditya
@ezioda004
Sep 26 2018 12:16
@isemaj_gitlab Are you sure d3 is an array and not an object? Seems like its just a regular object on which you're accessing method via bracket notation.
Ghost
@ghost~5b53da7dd73408ce4fa1d2e5
Sep 26 2018 12:17
Oh yeah. I forgot.
Aditya
@ezioda004
Sep 26 2018 12:18
Even if it is an array, it can still act as an object since it is in fact an object.
const arr = [1, 2, 3];
arr.hello = "world";
console.log(arr); // [1, 2, 3, hello: "world"]

But properties added this way arent iterable:

for (let val of arr) console.log(val); // 1, 2, 3

But they are enumerable :

for (let i in arr) console.log(val); // 0, 1, 2, "hello"
May Kittens Devour Your Soul
@diomed
Sep 26 2018 12:30
@ezioda004 what regulates width of dropdown menu
I need it to be as wide as text that's in it
Aditya
@ezioda004
Sep 26 2018 12:38
@diomed You could do width: auto; on the ul.bosilje
But then the dropdown will be bigger than the rest
May Kittens Devour Your Soul
@diomed
Sep 26 2018 12:47
looking good. thanks
Kyle Holm
@thekholm80
Sep 26 2018 13:19
@diomed x
May Kittens Devour Your Soul
@diomed
Sep 26 2018 13:30
killed by a styrofoam. many accidents
AbdallahAmmar96
@AbdallahAmmar96
Sep 26 2018 13:34
Hi
Can you explain this code and how its run ??
weirdReverse=a=>a.sort(_=>1)
psyperl
@psyperl
Sep 26 2018 13:35
is that even do anything
must have been part of that making the program slower thing
Kyle Holm
@thekholm80
Sep 26 2018 13:37
the way Array.sort() works is it goes through the array and passes each element to a callback. the callback should return 1, 0, or -1 to determine the sort order. in your code you're not concerned with the actual value of the element determining the sort order, you're just sorting in reverse since every element will return 1
psyperl
@psyperl
Sep 26 2018 13:38
[2,4,6,2,87,45,24].sort(_=>1)
/// output the same [2, 4, 6, 2, 87, 45, 24]
Kyle Holm
@thekholm80
Sep 26 2018 13:39
arr = [1, 2, 3]
(3) [1, 2, 3]
arr.sort(_=>1)
(3) [3, 2, 1]
your JS is broken
psyperl
@psyperl
Sep 26 2018 13:39
wut
Kyle Holm
@thekholm80
Sep 26 2018 13:39
time to buy a new JS
Aditya
@ezioda004
Sep 26 2018 13:39
@AbdallahAmmar96 Basically .sort() does comparisons in pairs, example [1, 2, 3], it'll do comparisons like (1, 2), (2, 3) and so on. If the callback function returns a positive number then the function swaps the numbers. So (1, 2) will get swapped to (2, 1), then (1, 3) will get compared and will be swapped and you'll have (3, 1), and now the final comparison will be made b/w (2, 3) which will make it (3, 2) so your finally array will be [3, 2, 1]
psyperl
@psyperl
Sep 26 2018 13:39
need to save up for that
AbdallahAmmar96
@AbdallahAmmar96
Sep 26 2018 13:39
the code reverse an array just quickly
alpox
@alpox
Sep 26 2018 13:40
I don't think any quicker than .reverse()
Kyle Holm
@thekholm80
Sep 26 2018 13:40
i think that kata checks for reverse()
psyperl
@psyperl
Sep 26 2018 13:40
and why is it doesn't reverse on my machineeeeeeeeeee help
AbdallahAmmar96
@AbdallahAmmar96
Sep 26 2018 13:40
Your code needs to be as short as possible, in fact not longer than 28 characters
alpox
@alpox
Sep 26 2018 13:40
Yes its not allowed to be used
Kyle Holm
@thekholm80
Sep 26 2018 13:41
@psyperl safari?
psyperl
@psyperl
Sep 26 2018 13:41
yeah
Kyle Holm
@thekholm80
Sep 26 2018 13:41
there's your trouble. at least it looks pretty
psyperl
@psyperl
Sep 26 2018 13:41
Version 12.0 (13606.2.11)
Kyle Holm
@thekholm80
Sep 26 2018 13:41
i'm just bashing apple, ignore me
psyperl
@psyperl
Sep 26 2018 13:42
actually it makes more sense that it does nothing lol
Aditya
@ezioda004
Sep 26 2018 13:42
The language doesnt specify which algorithm to use for .sort() but they should all return same output
Aditya
@ezioda004
Sep 26 2018 14:43
Can anyone test if they can pass the last test in this challenge?
I think the time limit is like 100ms
learningjs42
@learningjs42
Sep 26 2018 15:22
@Manish-Giri thanks
Leena
@leena-d
Sep 26 2018 16:02
can someone give me an example of using a grid to arrange a webpage? the lessons don't really give me a clear example of how it works
there's a basic example of how you can use grid-template to layout a site
May Kittens Devour Your Soul
@diomed
Sep 26 2018 16:24
he he he ... you said lay
xD
Kyle Holm
@thekholm80
Sep 26 2018 16:25
grid-template-areas almost make building front ends not a horrible experience
almost
May Kittens Devour Your Soul
@diomed
Sep 26 2018 16:26
almostalmost
Kyle Holm
@thekholm80
Sep 26 2018 16:26
now i want to watch aliens again
They mostly come out at night. Mostly
May Kittens Devour Your Soul
@diomed
Sep 26 2018 16:27
is this what relativerelative is
Leena
@leena-d
Sep 26 2018 16:30
@diomed @thekholm80 thank you
May Kittens Devour Your Soul
@diomed
Sep 26 2018 17:56
@thekholm80 ever seen a jerboa?
Kyle Holm
@thekholm80
Sep 26 2018 17:56
oh man i have now
like a mouse on stilts
that's in my top-10 weirdest things now
May Kittens Devour Your Soul
@diomed
Sep 26 2018 17:57
what a wonderful, strange world we live in
Darren
@DarrenfJ
Sep 26 2018 18:41
morning fCC
actually afternoon... or [insert your timezone here]
@thekholm80 hey brutha!
and look.. ye ole soul devourer
:wave:
Christopher McCormack
@cmccormack
Sep 26 2018 18:44
@DarrenfJ heya
Darren
@DarrenfJ
Sep 26 2018 18:45
hey buddy.. how goes thee code
Christopher McCormack
@cmccormack
Sep 26 2018 18:45
wish I had more time in the day to work on it!
working on the issue tracker right now
Darren
@DarrenfJ
Sep 26 2018 18:45
too true
not enough hours what with real work and eating and all that ;)
i hear yah
Christopher McCormack
@cmccormack
Sep 26 2018 18:46
I know you're joking but cooking and eating does take away at least an hour each day haha
Darren
@DarrenfJ
Sep 26 2018 18:46
i used to do a coupla hours every night but lately I'm online working worky work instead of fun-times coding
seriously, with getting ready for work and eating and decompressing from work you have about a good 45 minutes before it's bed time lol!
Kyle Holm
@thekholm80
Sep 26 2018 18:48
@DarrenfJ :wave: hey buddy
Darren
@DarrenfJ
Sep 26 2018 18:49
@thekholm80 what's up, fellow long-time-hanger-on-er-in-the-gitter-helpRooms?
Kyle Holm
@thekholm80
Sep 26 2018 18:50
whole-lot-of nothing over here. getting some work done so i can play some games
you?
all done with the training?
Darren
@DarrenfJ
Sep 26 2018 18:52
more or less... but i still have touch bases and meeting with them every night.. so i'm online 11:30 pm til about 2 am
cuts into my hanging out time on gitter
:smile:
Kyle Holm
@thekholm80
Sep 26 2018 18:53
yikes, that's pretty late
overtime, or just weird work hours?
Darren
@DarrenfJ
Sep 26 2018 18:53
but the agreement is i can saunter in at noon the next day for to make up the last 4 or 5 hours
Kyle Holm
@thekholm80
Sep 26 2018 18:53
oh nice
Darren
@DarrenfJ
Sep 26 2018 18:53
is overtime even a thing anymore ;)
Kyle Holm
@thekholm80
Sep 26 2018 18:54
not for me, i got salaried lol
Darren
@DarrenfJ
Sep 26 2018 18:56
salaried so like getting arrowed!!!!!
Kyle Holm
@thekholm80
Sep 26 2018 18:56
lol
better than burninated
Darren
@DarrenfJ
Sep 26 2018 18:57
is it?
is it really?
Kyle Holm
@thekholm80
Sep 26 2018 18:58
not a strongbad fan?
Darren
@DarrenfJ
Sep 26 2018 18:58
my friend did the kickstarter for the board game btw so when he gets it we're gonna buy a bunch of beer and go play it all night singing meedley-meedley-meedley-meedley-meedley-MEEDLY-meedley-meedley-meedley-meedley
oh no. i am a fan
but arrowed! bad burninated! GOOD!
Kyle Holm
@thekholm80
Sep 26 2018 18:58
lol
Darren
@DarrenfJ
Sep 26 2018 18:59
consumate vvvvvv's
Kyle Holm
@thekholm80
Sep 26 2018 18:59
i guess it depends on whether you're trogdor, or just a pesant
Darren
@DarrenfJ
Sep 26 2018 18:59
true
Kyle Holm
@thekholm80
Sep 26 2018 18:59
i don't have any beefy arms
so i'm guessing i'm the latter
Darren
@DarrenfJ
Sep 26 2018 18:59
of COURSE we were all trogdor in a past life
and not mere peasant
Kyle Holm
@thekholm80
Sep 26 2018 19:01
i miss the days when people created things for fun, instead of focusing so heavily on commercializing everything
Darren
@DarrenfJ
Sep 26 2018 19:21
true
the early internet always had website that literally did nothing but have a stoopid flash game 'just because' someone wanted to try flash out
DarrenfJ @DarrenfJ sneaks off back to work
glitz20
@glitz20
Sep 26 2018 20:31
anybody who can help me with css text animation?
how can stop the animation at last sentence "UX is for everyone"?
May Kittens Devour Your Soul
@diomed
Sep 26 2018 20:39
@thekholm80
  .shadow-#{$i}
why there has to be #
Kyle Holm
@thekholm80
Sep 26 2018 20:47
dunno what that is @diomed
glitz20
@glitz20
Sep 26 2018 21:07
@thekholm80 any idea about css animation?
Kyle Holm
@thekholm80
Sep 26 2018 21:08
i have a very basic understanding and a very deep-seated repulsion for css lol
glitz20
@glitz20
Sep 26 2018 21:10
do you wanna try this one?
I want to stop at "UX works for everyone"
Kyle Holm
@thekholm80
Sep 26 2018 21:11
nope, sorry. i'm really not interested in css and it would be easier for you to research your problem than me to try to learn enough css to help you