Giter Club home page Giter Club logo

ap-lime-topcoder's Introduction

Lime-Topcoder

This repository uses Jade, SCSS, CoffeeScript, Angular, and Grunt.

Installation

If you don't have compass installed run the following:

  • Windows - gem install compass
  • Linux/OS X - sudo gem install compass

Install dependencies by running the following in the root of the project:

  • npm install
  • bower install

Build & Development

  • To run locally without minification: grunt serve

  • To build dist folder

  • dev: grunt build-dev

  • qa: grunt build-qa

  • prod: grunt build

  • To serve builds

  • dev: grunt serve:dev

  • qa: grunt serve:qa

  • prod: grunt serve:prod

Testing

Running grunt test will run the unit tests with karma.

Contributing

Pull Requests

To contribute to the repository, please create a feature branch off of the dev branch. Once you're finished working on the feature, make a pull request to merge it into dev. Then, delete the branch when it's no longer used.

Quick Description of Key Files and Folders

  • app.coffee - where our Angular app is created
  • app.constants.coffee - created from the Gruntfile's ngconstant task. Add constants to the Gruntfile.
  • app.routes.coffee - UI-Router states
  • index.jade - contains the header, content (ui-view), and footer
  • Content folder - contains CSS, Fonts, Images, and Locales, and Scripts (Non-Bower JavaScript files)

Adding new content

Bower JS/CSS Files

  • Make sure to add new bower files to index.jade

Jade Files

  • Use landing.jade and index.jade as a guide for syntax
  • You (usually) don't need to write the div tag

SCSS Files

  • Add new files to index.jade
  • Use SCSS syntax (nesting)
  • Use variables and mixins as much as possible
  • Store new variables and mixins in the appropriate file in app/content/css/partials
  • Use landing.scss as a guide

CoffeeScript

  • Add new files to index.jade
  • Use other coffee files in the repository as a guide. When in doubt, check our AngularJS style guide

Creating New Views/Pages

  • To add a new page, create a folder in the app directory and a new state in app.routes.coffee
  • Name the new folder the same as the state name
  • In order to keep the SCSS files modular, a class is automatically added with the name of the state to the ui-view div in index.jade. For example, if you create a new /feature1 state and navigate there, the div with the content will look like this: <div class="view-container feature1">. This allows you to have your own feature1.scss file. Use the landing.scss file as an example, where you can see how all the styles are nested in .landing.

ap-lime-topcoder's People

Contributors

ajefts avatar aselbie avatar callmekatootie avatar dmessing avatar nlitwin avatar parthshah avatar thabofletcher avatar tladendo avatar vikasrohit avatar

Stargazers

 avatar  avatar

Watchers

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

ap-lime-topcoder's Issues

Challenge Pages Footers

On all three Challenges pages, the footer button says "Become a Member"--and the "M" should not be capitalized.

Graphic on homepage

Section 1 (Show Your Skills Challenges)
The graphic of the badge on the left seems off its desired position - too low. Can we move it up some

  • done

Authenticated Home Page

In the second paragraph of the top segment, and "design and":

We’ve also rolled out a new badging program to prove your app DESIGN AND development expertise, and during Swiftoberfest you’ll have a chance to win great prizes by competing in challenges.

Swiftoberfest button justification

In the Swiftoberfest page, sections 1 and 3 have the buttons/links left justified to the text and sections 2 and 4 are tabbed in.

Make them all left justified to match the rest of the site.

On the badges page

Add the standard “Ready to Stand Out in the Crowd?” section with the “Become a member” button when viewing the page in unauthenticated session at the bottom? This is the same on the landing page

  • done

fix leaderboard text points should be 100,90, etc

Compete in real-world Swiftoberfest challenges for your chance to earn Swiftoberfest leaderboard points. In addition to any cash earnings, members who pass review and finish in the top 10 places for any given challenge will earn leaderboard points. The first place finisher receives 100 points, second place receives 90 points, and so on down to 10 points for 10th place and beyond. The more challenges you compete in, and the more entries you have that pass review, the more leaderboard points you’ll receive and the better your chances of winning Swiftoberfest prizes!

  • done

Swiftoberfest Page tree too high

The ground of the tree should be on the level of the buttons on the left and it should maybe be a bit bigger to fill the space.

fix siwftoberfest section 2 content

  • Drop the overall top “What is Swiftoberfest” header
  • Apply that same font size/style to the two paragraph headers in this section.
  • remove extra dash in second paragraph

About Swiftoberfest page

Can you please fix the tree icon for smaller screens. It should show up on all desktops. When you resize it also appears over the face in the cash section. It should not show up there.

  • done

Swiftoberfest Contest Rules

Change the two instances of "iOS Developer Community" to "iOS Community." This is in the first line of both the first and second paragraphs.

Swiftoberfest links/buttons capitalization

The buttons/links on this page all need to use sentence capitalization (only capitalizing the first word and proper nouns) in order to match the style of the Home page.

Swiftoberfest font inconsistencies

The heading font size for the second section on the Swiftoberfest page is bigger than the heading fonts of the other sections.

Section four the body font looks bold, whereas section one (also white text on color background) is not.

Section one and two have different line spacings.

Fix call to actions buttons

On the Swiftoberfest page, the calls to action in the four sections are inconsistent, sometimes indented and sometimes not. They should all NOT be indented and left-justified with the paragraph text

@callmekatootie this is the lowest priority

Add badge from home page on Start competing

Move the logic from the sign up for participant badge button to the start competing button for logged in members on the landing page.

We are not removing this logic from the learn page but just duplicating it.

We don't have to worry about showing error state, but just redirect to /challenges/all when it is successful.

  • implemented

Better tracking of UTM codes

As we rollout campaigns to drive iOS Community membership, we're using UTM codes in links to the site. However, if a user navigates away from the first page they hit the UTM codes don't persist in the URL, and when they eventually register we don't capture values for Medium, Source, and Campaign.

For example, link points to: http://ios.topcoder.com/register?utm_medium=cpc&utm_source=google&campaign=swiftoberfest

User clicks on the link and hits the register page, but navigates around the site before eventually registering. The UTM codes are cookied and continue to be reported by Google Analytics, but the member database doesn't capture the UTM values from the original link.

@callmekatootie

badges fix title

  • Change page header to “Stand out in the iOS Community”
  • Change the Challenger Badge to “Register, submit, and pass review for your first iOS challenge”

Learn page

In the resources section

  • Bold the section titles (“Basics from Apple”)
  • Add a space between each listing
  • Add more space between the intro paragraphs and graphic and the start of the listings.

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.