deject | Simple Dependency Injection for Ruby

I want to create something that looks like below.

Few bordered boxes with equal vertical spacing.

After a bit of research, this is the best I can come up with.

I was having a go at the following problem from the AIO (Australian Informatics Olympiad) Training Problems Site (Question in Italics and specifics in bold, my attempt below):

The Problem

Encyclopaedia

Input File: encyin.txt

Output File: encyout.txt

Time Limit: 1 second

Once again it is quiz night at the My Very First Encyclopedia Appreciation Society. For week after week, you have turned up to these quizzes, deftly answering question after question about zoo animals and days of the week, only for someone else to answer all the obscure bonus-round questions at the end, snatching first place and leaving you with nothing but a 'Nice Try!' sticker.

Dejected and disheartened, you are sitting at home musing upon your past failures, when a thought occurs to you. Could it be...? Riffling through months of angrily scribbled notes, you confirm your sneaking suspicion - the bonus questions follow a super-simple pattern! Your heart skips a beat. Every question in every bonus round of every quiz you've sat through has been phrased in the form: "How many words are there on page x of the My Very First Encyclopedia?" Normally you would consider that a little unlikely, even contrived, but not today - today you have a Mars bar to win.

With infinite care you compile a list of page numbers and their corresponding word counts. Others in your place might try to memorise the list, but no, your plan is far more hi-tech: first, you will write a program that can answer these questions for you; then, you will sneak your trusty laptop into the quiz, and proceed to blitz the competition.

All that's left is for you to actually write the program. The task seems simple: it has to take your list of numbers and tonight's bonus questions, and - quietly - print out the correct answers for you.

Input

The first line of the input will be of the form n q, where n is the number of pages in the encyclopedia, and q is the number of questions to be answered. (1 <= n, q <= 10,000)

Following this will be n lines, each describing a single page. The ith of these lines will contain the single integer pi, the number of words on page i. (0 <= pi <= 2,000,000,000)

Following this will be q lines, each describing a single question. Each of these lines will contain a single integer x, representing the question, "How many words are there on page x?" (1 <= x <= n)

Output

For each question, your program should write a single line of output. This line should contain a single integer, the number of words on the requested page.

My Attempt

I was able to write up the start of the code easily enough:

So I had several commits in my local branch that were all about feature X. I rebased these commits without pulling from my remote branch into one commit - "Add feature X". Then when pulling from my remote branch I noticed duplicate commits. Commits that I had already squashed into one were now back. I thought OK, I'll just merge them and squash them into the "Add feature X" commit. The merging was fine. But when I tried rebasing I got tons of merge conflicts--most the same I had already resolved when I created the "Add feature X" commit. Dejected, I truged through it again (using git rebase -i and fixing all the conflicts) until the rebase was done. Now when I pulled from my remote I expected nothing to happen, but suprisingly all the same commits from the rebase were back again.

I don't understand what's happening. All I can think is I need to undo the rebases with git reset --hard commit-before-initial-rebase followed by git-pull and then try the rebase again.

What did I do wrong and how can I fix this?

My code for a simple anti-cyberbullying plugin works perfectly in JSFiddle, but doesn't run in my website, even when I add document.ready and use a c+p cleanser like jslint. The code does not have any warnings on JSFiddle. I have reviewed this page:(JSFiddle code not working in my own page), but this doesn't seem to be applicable to my question. Why does the code not run in other environments when it is functional on JSFiddle?

Here's the JSFiddle: The Code

Here is the exact JS I am using in my website:

I want to be able to move an img around within its container once the image is zoomed in, because as you can see once you click the image it becomes too big and you can't see the whole image. Also how can I make the image goes back to normal once it's not being hovered? thanks in advance.

In particular I am looking at lines 207 to 219:

I ran into a weird layout issue and couldn't think of a way to figure that out. The title might be a little confusing but let me show the code.

Hey Guys I have the following code which loops the

However, I am having problems with the nested loop {% for list in lists %} which handles the li elements. It comes out blank and seems to only loop twice when I inspect the element?

I have a file containing words and another "dictionary" file containing definitions. I want to find the definition for each word in the dictionary and write it out to a file.

I looked here and saw an answer that uses Unix/Linux commands but I am on windows and decided to solve in python instead and have come up with a working solution but am wondering if there is a better approach.