Git Product home page Git Product logo

barcamp2012's Introduction

WELCOME TO BARCAMPNOLA 2012 WEBSITE

Hello, and thank you for possibly thinking about contributing to our BarCampNOLA 2012 website. The whole goal of this project is to try and get people to contribute to a larger project so they can feel happy and proud of themselves that they made something great. The other goal is to use a lot of dinosaurs and video game text for seemingly no reason.

Rules (very easy rules, so take a minute to read please)

  • Don't feel you need to ask permission if you have an idea, just go ahead and contribute! No contribution is too small. We review all the patches, so if there is an issue, it'll be brought up there. Feel free to submit work-in-progress pull requests as well if you'd like to get some comments beforehand.
  • That being said: Keep your racism / sexism / infantilism / pornography / racy stuff to yourself. If you aren't sure whether or not something should be added in, it means it probably shouldn't be added in. We try to be very lenient, but we do need to draw lines at some point, so just use good judgment!
  • The site must not be slow to run / load, keep that in mind if you're thinking of contributing something heavy.
  • Anything added to the site must not immediately interfere with the BarCampNOLA event info / details on load (if someone triggers an event that does so though, we're ok with that).

Questions

How do I set this thing up on development?

The app runs in production on Ruby, but can be run straight from the filesystem. Just open public/index.html.

HTML

To make changes to the HTML, just edit public/index.html.

Stylesheets

To make changes to the styles, edit public/css/styles.scss and re-compile the stylesheet using SASS. We'd love a contribution for how to do this on windows.

Javascript

To edit javascript, just edit what's in public. Boom!

Is there a way to access each window on the building?

There is a grid of absolutely positioned divs that overlay each window. There are 26 rows and 7 columns. To set the contents of a window pane, put your HTML element inside the windowPanes div, and set the data-pane-id to pane-x-y based on the row and column index of the pane, like so:

<div id="paneContents">
  <div id="helloWorld" data-pane-id="pane-0-6">
    Hello,<br/>World!
  </div>
</div>

In this case, the Javascript will scoop up the helloWorld element and stuff it into the window pane element that is in the first row and seventh column.

I can do the Rubies

Then you can rackup config.ru, can't you? Visit localhost:9292 to join in the fun.

What's the best way to submit a contribution?

Please use this repro and submit all contributions on a separate branch via Github's Pull Request feature. If you have no idea what this means at all, then come see me, Joe Ellis, at Hack Night on Tuesdays at 7pm at Launchpad and I will help you through it.

How can I contribute to the design?

Under /src, we have the main building.psd file that you can use a a template to help add to the design of the building / surrounding area. To contribute, please make your design ON A SEPARATE LAYER, and email the psd file to [email protected] , wherein myself or another contributer will make sure it gets added into the main building layer. This may sound ridiculous but as git cannot merge images nicely, this way makes sure no one's work gets overwritten.

IRC Channel

If you want to discuss your work, some of us sometimes hang out in #barcampnola on freenode.

barcamp2012's People

Contributors

amcox avatar beckel-iseatz avatar bhelx avatar bhuga avatar daybreaker avatar ericnormand avatar joeellis avatar jwietelmann avatar mshwery avatar specialgoodstuff avatar togakangaroo avatar toots avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

barcamp2012's Issues

Rectangular window frame image overlay to drop on a window pane

Calling all Photoshoppers: It would be pretty cool now that we have the window pane grid to be able to drop a stylized window frame image over any of the background window panes. This would make it easier for the less design-inclined folks like myself to make content that looks good and like it's part of the window.

It also would have some promising potential for shenanigans like velociraptor whack-a-mole as windows open and raptors jump out or... whatever, you get the idea.

Add credits section

Need to add a section for credits for all contributors to the site as well

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.