Update contribution interactive

[glasnt]

I've also cleaned up the i10n code, so it only feeds the static 'show me something else' and other buttons.

The logic for the flow should show be self-evident: a next-group id links to the next group by id, and the question and extra divs show above and below the choice being displayed

[mithro]

Is this deployed somewhere I can have a quick look at? Sadly my brain isn't very good at rendering HTML :)

[glasnt]

So I'm not sure how you've hooked up the publishing side of things, but it's not allowing me to view the code as is in my fork with the configurations.

What I've done is load my branch locally, and exported that from the browser (jekyll-created content) and host that up temporarily here: http://glasnt-archive.github.io/static_test/contribute-interactive.html

That should give you a good view of what the site will look like once this is merged.

[mithro]

Sorry for taking so long to get back to you!

So I'm not sure how you've hooked up the publishing side of things, but it's not allowing me to view the code as is in my fork with the configurations.
That should give you a good view of what the site will look like once this is merged.

Thanks for doing that.

Sounds like we have a terrible developer experience at the moment -- we should really figure out a way to get pull requests published somewhere... Any advice / thoughts on that would be useful.

What I've done is load my branch locally, and exported that from the browser (jekyll-created content) and host that up temporarily here: http://glasnt-archive.github.io/static_test/contribute-interactive.html

Looking at the content at http://glasnt-archive.github.io/static_test/contribute-interactive.html, I think it isn't currently working correctly on the initial load. I'm seeing both the Chips and Bits options and then the Chips section stays shown. Once I click the "try another option" button, things seem to work (see below);

I'm getting the following on the javascript console;

GET http://glasnt-archive.github.io/static_test/img/bg.png 404 (Not Found)
contribute-interactive.html:258 GET http://glasnt-archive.github.io/static_test/fonts/fontawesome-webfont.woff?v=4.1.0 
contribute-interactive.html:1 XMLHttpRequest cannot load http://localhost:4000/js/locales.ini. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://glasnt-archive.github.io' is therefore not allowed access.
contribute-interactive.html:1 GET http://glasnt-archive.github.io/static_test/fonts/fontawesome-webfont.ttf?v=4.1.0 
contribute-interactive.html:1 GET http://glasnt-archive.github.io/static_test/contribute-interactive_files/fontawesome-webfont.woff-v-4.0.3 
contribute-interactive_files/fontawesome-webfont.ttf-v-4.0.3:1 GET http://glasnt-archive.github.io/static_test/contribute-interactive_files/fontawesome-webfont.ttf-v-4.0.3 

[glasnt]

Ok, it looks like my export failed.

I'd have to take some time to work out how your publishing works (the Rakefile is custom) and then work out some sure-fire way of ensuring a local publish to gh-pages works on a fork (there is some code that looks related in there, but it wasn't working for me)

[mparuszewski]

@glasnt Do you need any help from my side? I can offer you my help here if you want.

[glasnt]

@pinoss That'd be great!

I see you've played with the Rakefile in the past.

Ideally the use case I need here is: I want the PR in my fork to publish somewhere that can be seen for testing.

I've just merged my topic changes into my master branch, which does possibly publish to gh-pages, but navigating to http://glasnt.com/website redirects to a 404 on http://glasnt.com/website/home/.

(I have a CNAME setup myself, so glasnt.github.io/website --> glasnt.com/website. I assumed that the CNAME may have been making things harder, hence I tried a new account glasnt-archive, but that didn't work, so I defaulted back to a manual Save As..., which failed for @mithro)

[mparuszewski]

I'll take a look and let you know as soon as I find out. :) Thanks for the explanation.

[mparuszewski]

Sorry @glasnt that it took so long, but finally I've got answers to your questions.

Make sure that you have repository with name glasnt.github.io, that is not empty and has master branch and:

First of all you have to have 2 environment variables: GIT_NAME and GH_TOKEN where GIT_NAME will be "glasnt" and GH_TOKEN should be generated with (https://help.github.com/articles/creating-an-access-token-for-command-line-use/). Just keep those values in your .bash_rc/.bash_profile file.

Second you have to change your _config.yml file: Change username: timvideos to username: glasnt
and in Rakefile change line 21 (this change should be applied to this timvideos/website repository to make it easier for you and others to deploy) to:

if DESTINATION_REPO == "#{USERNAME}/#{USERNAME}.github.io"

Run command with bundle exec rake site:deploy

After few minutes it will be ready. :)

[glasnt]

Thanks @pinoss! Sorry I took so long to respond.

Since I have my own website hosted on my domain, and this site assumes it's hosted on the toplevel of a domain, I couldn't get this hosted on my own account.

@mithro the branch should be rendered and available up at http://glasnt-archive.github.io/contribute-interactive/

[mithro]

Hi @glasnt,

I'm really sorry this took so long to merge. I merged it last week and it was auto deployed on the live site.

Thanks for your contribution.

Tim 'mithro' Ansell

[glasnt]

@mithro no worries; I'm sorry it took me so long to work out how to wrangle your build system. At least things are fixed now 👍

[mithro]

We should make the build system a bit more self explanatory. #15

[mithro]

@glasnt If you have more time to spare, it would be awesome if we could get the kind of graphical pictures which now appear on https://code.timvideos.us/contribute-diagram/ in the interactive version.