Giter VIP home page Giter VIP logo

gdg-bootstrap's Introduction

GDG Bootstrap v0.02
http://developers.google.com/groups

Created by +Joshua Woodward http://joshuawoodward.com/+

Contribution from:
+Friedger Müffke    https://plus.google.com/107100127479392600261 (Events - upcoming/previous)
+Michel Racic       https://plus.google.com/109163915105172405583 (News Feed)
+Dustin Brand       https://plus.google.com/111468921647150271146 (+1 button)

Includes jQuery, Twitter Bootstrap, and a JavaScript Date Formatter - License all inside

How do I use it?
Go to Google Developer API console (https://code.google.com/apis/console/) and create a project, or use existing one, that has the Google+ Service turned on. You will need an API Key to get "About" and "Photo" sections to work.

Open /js/gdg.js and modify the config lines 3-5, with your GDG Name, Google+ Profile ID (Use your chapters +Page, not your personal), and API Key

Should just work ...

LIVE EXAMPLES
=============
GDG Fresno - http://gdgfresno.com
GDG Albuquerque - http://gdgabq.com/
GDG Zurich - http://gdgzh.ch/test/
Brussels GTUG - https://googledrive.com/host/0B5AyOi3Zg85OT1pueUl4QzZ2YVk/index.html




=======================================
v 0.5
Changed layout to display more like tabs

Modified news section, +1 post directly from your website

include a picasa web album id - pwa seems to be buggy when just trying to get last overall

Some other stuff...

=======================================
v 0.4
Added Google+ Stream, by Michel Racic

Modified Photo lay out, once again

created gdg.css, to assist in stream and future custom css

=======================================
v 0.3
Added two new config options.

cover_photo (boolean) - determines if you want to use cover photo from
google+ chapter page, currently best if you use a 940x180 image

cover_color (css color) - custom font color option for cover photo, for
dark pictures

Added "Join" link - if users is logged into Google, will automagically
mark the "I'm a member button", otherwise does nothing.

Minified dateFormat.js
=======================================
v 0.2
Added bootstrap-responsive.min.css

Events
- Categorized upcoming and past events, 

Photos
- Changed layout, pulls last 22 photos
=======================================
v 0.1
About
- Pulled from Google+ API

Events
- Temporary pulls from gdgfresno.com/gdgfeed.php, until developers.google.com event feed implements JSONP ability

Photos
- Pulled from Google+ Photos, last 24 added

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.