Alexander Praetorius
@serapath
ok, we will soon do another hangout for your project :-)
if you want you can already join https://meet.jit.si/wizardamigos
@EnochMbaebie @1532j0004kg @Yugalitree @kiecoo @cgjzoy @fannietaeyang @/all
here is an overview of what we are currently up to: wizardamigos/profiles#5
Nina Breznik
@ninabreznik
@/all TAIPEI code camp: We go grab food, if you come now, wait for us. We will be back around 13.30 :)
Fannie
@fannietaeyang
var bel = require('bel')
var minixhr = require('./minixhr')
var csjs = require('csjs-inject')
var css = require('./style')
var menu = require('./menu')



module.exports = function (usr, greetings) {

        function response (data, response, xhr, header) {
            var d = JSON.parse(data)

            return d.title
        }

     var url = 'https://jsonplaceholder.typicode.com/posts/1'

    var aa = minixhr(url, response)

    console.log(aa)



    var el = bel`
      <header>
          <h1 class=${css.headline}>Hello ${usr}</h1>
          <p class=${css.des}>${greetings.en}</p>
        ${menu()}

      </header>`

    return el
}
Alexander Praetorius
@serapath
this cannot work :-)
What you return from function response (...) ... will not be returned from minixhr(url, response)
instead of return d.title you have to say console.log(d.title)
Alexander Praetorius
@serapath
maybe try:
var bel = require('bel')
var minixhr = require('./minixhr')
var csjs = require('csjs-inject')
var css = require('./style')
var menu = require('./menu')

var url = 'https://jsonplaceholder.typicode.com/posts/1'

function template (usr, greetings, title) {
  var el = bel`
    <header>
      <h1 class=${css.headline}>Hello ${usr}</h1>
      <p class=${css.des}>${greetings.en}</p>
      ${menu()}
    </header>
  `
  return el
}
module.exports = function (data, callback) {
  var usr = data.usr
  var greetings = data.greetings

  minixhr(url, response)

  function response (data) {
    var d = JSON.parse(data)
    console.log(d.title)
    var el = template(usr, greetings, d.title)
    callback(el)
  }
}
you can use it like this:
var myheader = require('./myheader.js')

var data = { usr: 'faennie', greetings: { en: 'hello world' } }

myheader(data, function (el) {
  document.body.appendChild(el)
})
Fannie
@fannietaeyang
Nina Breznik
@ninabreznik
@/all
When you create simple frontend prototypes, I strongly recommend you to use Codepen.
Here's one example https://github.com/wizardamigos/app/blob/master/curriculum/newLessons/codepen.md
Ai-Lin Liou
@alincode
Alexander Praetorius
@serapath
:+1:
starts looking better and better :-)
Nina Breznik
@ninabreznik
True! We just need to add more vegetarian places. Maybe @TzuYuanLiu can help. Those listed here are no even real veggie places, last year we didn't find anything near as good as this year :)
Alexander Praetorius
@serapath

@/all everyone who doesn't know yet which project to work on

Check out @alincode https://github.com/alincode/digital-nomad-guide-to-taiwan/issues

She has some more issues and i guess there is lots of stuff you can practice to collaborate/work remote with her :-)
Nina Breznik
@ninabreznik
@alincode Have in mind that lots of nomads check pages when on the go, so make sure it's mobile friendly. This is the reason actually my initial idea was in cards.
@fannietaeyang was thinking of creating some modules/components for a marketplace, so they would be like little cards in a gallery. Maybe you can use them.
I was playing few months ago with creating a card module and gallery if it maybe helps.
Alexander Praetorius
@serapath
@alincode oh - @fannietaeyang wants to make a lot of custom svg icons. maybe there is space for cool custom icons in the project
Nina Breznik
@ninabreznik
Yep, something with a Taiwanese vibe <3
@cgjzoy You could also join this project. You also have lots of experiences with meeting nomads so you know what they need :D
Nina Breznik
@ninabreznik

Haha, this is an offer I just got on one Digital nomad's webpage. Be careful there's lots of people who want to make money with people who are trying to become nomads.

Why? Because they basically offer holidays with a special touch and charge a fortune to employed people. But that's not what will make you a nomad. Learning, connecting, getting a remote job will. And then you don't need anyone to organize an expensive trip for you, you just pack your bag and go wherever your heart leads you. And you make it DIY style <3

Ai-Lin Liou
@alincode
@ninabreznik yes, I should make the website more mobile friendly, I still working on. 😭 i don't have UI/UX sensitive.
Nina Breznik
@ninabreznik
Cards are a cool solution for this. But honestly, just browse and check what you like and then copy. Best artists borrow from the others :)
dinesh
@1532j0004kg
@/all
Is everyone interesting make this prototype pretty?
https://alincode.github.io/digital-nomad-guide-to-taiwan/ i will try this for my country or city !
Nina Breznik
@ninabreznik
:+1:
@1532j0004kg You can also try to improve this code if you like cat pictures :D
https://github.com/ninabreznik/HackerGuide
dinesh
@1532j0004kg
:smile:
Oo Kang Zheng
@ookangzheng
:+1:
dinesh
@1532j0004kg
:+1:
Nina Breznik
@ninabreznik
Cool! You could try to redo it with leaving CSS and HTML tab empty and use YO and CSJS and flexbox instead of bootstrap?
Then we can later also work on breaking the code down to modules :)
Modules could then be reused by other projects
Alexander Praetorius
@serapath
@1532j0004kg here for inspiration how to get started https://codepen.io/serapath/pen/dWXBNR
Nina Breznik
@ninabreznik

Yay! Yesterday I finished a workshop page I started to work on this weekend.
It's our simple tutorial - Portfolio, now all in one workshop: code, preview and video lessons.

For anyone who wants to learn how to build stuff with yo-yo and csjs-inject.

https://ninabreznik.github.io/workshop_app/

Oo Kang Zheng
@ookangzheng
😃
Nina Breznik
@ninabreznik

@ookangzheng
Reuse this workshop_app and create your own workshop!
All you need is to:

  • add links to your videos,
  • link to your chat or you can leave a WizardAmigos chat if your tutorial is about Javascript, P2P web and self employment/cyber nomadism

& voilà!

Nina Breznik
@ninabreznik
@Yugalitree Here's the link for google api key https://developers.google.com/maps/documentation/javascript/get-api-key
Lou
@Yugalitree
Nina Breznik
@ninabreznik
Alexander Praetorius
@serapath
Nicco
@nicco88
Thank you Alex :smile:
Nina Breznik
@ninabreznik
@TzuYuanLiu Have you heard of this? It should be a new way to create ICOs on blockchain. I just saw the news today https://themerkle.com/vitalik-buterin-releases-revolutionary-new-daico-model-for-icos/
Have to read more now...
@chire888881 do you know anything about it?
Alexander Praetorius
@serapath