Displaying List of Evangelists

[sudheesh001]

Basic design

Obviously open to UX revamp (especially on heading)

@MozillaIndia/members Shall we generalize a JSON file from which we can take the information and place them into the required locations according to the HTML template below. ? Or should we hard code the list of evangelists ?

Info required.

Name:
GitHub/Gravatar profile image src :
Evangelism section :

Future plan

Link to the evangelists iCal, Calendars
Implement a button for the event owner to request for speaker he/she wants.
Once decided on the speaker, display the speakers names across the event name on index page somewhere at the bottom right region of each <section>

    <!-- Speaker Profile General -->
<div class="profile-header profile-header--speaker inverse">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-lg-3">
                <div class="profile-header__thumb">
                    <div class="profile-header__thumb__cell">
                        <div class="profile-header__thumb__image">
                            <span class="thumb thumb--square ">
                                <span class="thumb__sizer">
                                    <span class="thumb__tugger">
                                        <img alt="" class=" thumb__image" src="https://avatars2.githubusercontent.com/u/4545925?s=460">
                                        <!-- SRC to Github Image -->
                                        <span class="thumb__aligner">
                                        </span>
                                    </span>
                                </span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-8 col-lg-9">
                <div class="row">
                    <div class="col-lg-10">
                        <div class="profile-header__details">
                            <div class="profile-header__intro">
                                <div class="profile-header__intro__inner">
                                    <h1 class="h2 profile-header__name">Sudheesh Singanamalla</h1> <!-- Name Here -->
                                    <div class="p2 profile-header__summary">
                                        Evangelist - Firefox OS, HTML5, Web Dev <!-- Work -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <!-- Speaker Profile General Ends -->

[kaustavdm]

Why not use gravatar for display pic?

[ngsankha]

GitHub profile pic as @sudheesh001 suggested is the Gravatar itself, so it makes more sense to go for Gravatar.

[sudheesh001]

Now that the src problem is solved, what about the way we implement this ? JSON / Hardcode the list ?

[sayak-sarkar]

I'd suggest JSON! Seems like that would be the best way forward. :)

On Wed, Apr 9, 2014 at 3:24 PM, Sudheesh Singanamalla <
[email protected]> wrote:

Now that the src problem is solved, what about the way we implement this ?
JSON / Hardcode the list ?

Reply to this email directly or view it on GitHubhttps://github.com/MozillaIndia/vibe/issues/25#issuecomment-39946700
.

Homepage: http://sayak.in
About Me: http://about.me/sayak_sarkar
Twitter: http://twitter.com/sayak_sarkar
Blog: http://sayaksarkar.wordpress.com

[Manishearth]

I agree with JSON, it's scalable.

[sudheesh001]

Can someone give me a generalized JSON structure we'd be using. ?

[Manishearth]

Hm, how about this?

[
{
 name: "Manish Goregaokar",
 github: "http://github.com/Manishearth", // For the gravatar
 topics: ["Firefox","Rust","Servo","Javascript"], // ... SuMo, FxOS, Webmaker, ....
 type: ["Developer"], // Developer, evangelist, whatever   
 location: "Mumbai",
 about: ".....",
 rep: false, // Not sure if necessary
 mozillians: "https://mozillians.org/en-US/u/manishearth"
}
]

Any other fields we should add?

[ngsankha]

I would suggest type not to be an array, but a set of boolean values. So something like:

[
{
 name: "Manish Goregaokar",
 github: "http://github.com/Manishearth", // For the gravatar
 topics: ["Firefox","Rust","Servo","Javascript"], // ... SuMo, FxOS, Webmaker, ....
 developer: true,
 evangelist: false,   
 location: "Mumbai",
 about: ".....",
 rep: false, // Not sure if necessary
 mozillians: "https://mozillians.org/en-US/u/manishearth"
}
]

This would allow us to have fixed set of fields, otherwise everybody will put up their own terms and will be difficult to track.

[Manishearth]

Works with me. Enum away!

[sayak-sarkar]

👍

[debloper]

Is it just me, or the HTML features "Nested DOM as a Service" [NDaaS]? 👊