Upcoming events meetup widget and input request about pyladies

[econchick]

This is an awesome idea. Fan-fucking-tastic.

Why don't you play around with placement/size/etc? Do some screen shots and
send them around.

Two things off the top of my head:

1. Home page is fine; the homepage is pretty plain as it is, already
2. another suggestion is a separate page entirely (maybe like a /social/
   page, or an addition to the /locations/ page).

I can imagine another thing: someone clicks on a link called "Events" or
something, this JavaScript code then floats on top and reflects all the
meetups (perhaps a filter too?). As well, I think it would also be great
to include "Conversation" or something, where a Twitter widget floats up
and collects all the tweets from our PyLadies handles.

++100000

On Thu, Jan 17, 2013 at 2:20 PM, Flora Worley [email protected]:

Hi all! I wrote a javascript widget that pulls in the next month's worth
of events from all chapters who have meetup.com pages, along with a
little html wrapper that allows for scrolling of the list (in other words,
so it can sit in a sidebar somewhere).

Looking for guidance on three things:
--where this little guy might go (home page?)
--what dimensions it should be (might need to create a sidebar layout for
it's home page)
--whether anyone cares that it's running client-side in JSc (with api key)
rather than server-side with OAuth. I'm willing to redo server-side if
there's a strong opinion that way.

basic image of local test attached--not attached to design elements at
all, btw
[image: Screen Shot 2013-01-17 at 2 19 17 PM]https://f.cloud.github.com/assets/1137259/76548/1231c2b6-60f4-11e2-959f-4acf9eacffd7.png

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/16.

[justinabrahms]

Looks good! My only suggestion would be that for version 2 of this, it would be cool if there were clearer indications of which chapter it was for (like maybe an icon or something?). As it is now, PDX and ATX look very similar to my eyes.

[florapdx]

Done! I actually did that one earlier (and added the three chapters that I didn't have on there). I also noticed that there were no event dates---and that there is no way to pull formatted dates in from meetup, only miliseconds since epoch. I wrote a function to deal with that, then got sidetracked with other things. Will try to get an updated screenshot up later tonight

[florapdx]

Okay, new photo is up (replaced old one in original post)

[justinabrahms]

Nice! I think the homepage is a solid place for it. You could probably make your life easier if this was a horizontal scrolling thing (as you wouldn't have to mess with the CSS or templates very much). That said, probably harder to scroll for non-touchpad folks. I think JS + API key should be fine.

[econchick]

@florapdx - this is awesome. pull request from you anytime soon? 👍

[justinabrahms]

Hey Flora,

"static site generator" is synonymous with "flat HTML page". There is some
additional weirdness in how the final html page gets put together, but from
a technology perspective, its just as if you had hand written an html file
w/o the use of PHP or similar. If you have any sort of pull request or code
I can look at, I'm happy to help with getting it all into the right spots.
:)

-justin

On Sun, Jan 27, 2013 at 1:29 AM, Flora Worley [email protected]:

F me, I can't figure out how to add this in and make it work. Are we sure
that Mynt supports AJAX javascript widgets? This is my first experience
with a static site generator and I can't find good info online...

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/16#issuecomment-12751846.

[florapdx]

Ha! I don't even want to tell you this it's so embarrassing....I was trying to add the widget super late last night while watching the Australian Open tennis final (yes I'm that dorky), and was being lazy and decided to copy-paste the css linked file code (eg, link rel="stylesheet" href="{{ get_asset('css/pygments.css') }}" media="screen" title="screen") so that I would get the "{{.....}}" part right when linking my js files. I ended up with script type="text/javascript" href="{{ get_asset('js/meetup_widget.js') }}". Spot the problem? Yeah, not one of my finer moments.

[justinabrahms]

^_^ I spent an entire day last week futzing with some code, writing and rewriting 40 line functions. Turned out to be a 10 character fix. Happens to all of us! 😃

[florapdx]

Hey, sorry for taking forever on this. I tried putting the widget into a couple of different pages, but the truth is that there really isn't room for anything with the layout being as it is (content box only about 600px wide). So I got into the CSS to see what I could do, and noticed that there is a lot of unused and repeat code in there, so I spent a day cleaning that up so it's more friendly for us to view/modify. And because I'm a front ender and can't help myself, I'm playing around with the design/layout. If anything fruitful comes of that I will post another issue.

[econchick]

Hellz ya.

I've been pretty impressed with the cleanliness of Rails girls site, esp
http://railsgirls.com/materials - I think the grid layout could be great
for the Resources tab.

Maybe the widget would actually be best as the 'feature' of the Locations
page.

And finally, FFS, someone cleaning up the CSS. THANK YOU - I look so
forward to seeing what you come up with in terms of design + layout.

On Wed, Jan 30, 2013 at 12:55 PM, Flora Worley [email protected]:

Hey, sorry for taking forever on this. I tried putting the widget into a
couple of different pages, but the truth is that there really isn't room
for anything with the layout being as it is (content box only about 600px
wide). So I got into the CSS to see what I could do, and noticed that there
is a lot of unused and repeat code in there, so I spent a day cleaning that
up so it's more friendly for us to view/modify. And because I'm a front
ender and can't help myself, I'm playing around with the design/layout. If
anything fruitful comes of that I will post another issue.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/16#issuecomment-12911974.