Redesign #38

joeyemery · 2013-03-15T12:13:25Z

GetComposer.org Redesign

So I was having a chat with a good friend of mine, Sam Lambert, about how I wanted to give back to the open source community a few days ago. He told me that the source of GetComposer.org was available to Fork straight from Github and urged me to build a little redesign.

I, of course, agreed straight away. I've been a fan of Composer for a while and use it in almost every project, there isn't an open source technology I'd rather contribute too. So, after a few days (2, I believe) I have succeeded in redesigning your website.

A preview of the new design is available:

Old Site
New Site.

A few quick notes

I wrote all the CSS for the redesign using the LESS preprocessor. I've left the source (.less) files inside the repo in case anybody else would like to make a few edits.
I also used jQuery for all the javascript, this was mostly because of speed. Writing jQuery code is too easy.
The redesign is most likely not bugfree. I've tested as much as I can, in as many places as I can, but I cannot guarantee 0 bugs. However, if people who spot bugs report an issue on my forked repo, I'll fix it and push the changes straight back to you guys!
Reponsive design! Woo. (Check on different devices, or simply resize your browser)

What I've edited

I mostly only played with the stuff inside /web and /templates. Any changes I made to other files have likely been reverted (I edited the controllers at one point to interact with the GitHub API through PHP, but replaced this with AJAX later on!)

Github API

You'll notice on the home page there's a little "Latest commit" section. This is done using GitHubs API and a little bit of Javascript/Ajax. However, in order for this to work I had to register the demo domain (composer.pagodabox.com) as an Application within my Github account. I've also done the same for your domain getcomposer.org (So it should work straight of out the box), if you need any help with this, or would like me to delete that application when you make your own I'm contactable at: [email protected].

Future Changes

I will be likely editing this design quite a few times in the future, fixing bugs, adding features etc, so I'll keep you posted!

My Website.

…ts removed

stof · 2013-03-15T12:21:25Z

I don't like the gray color for the text of the documentation. I find it hard to read as there is not enough contrast with the background

stof · 2013-03-15T12:21:46Z

.gitignore

@@ -8,3 +8,4 @@ web/Composer-Setup.exe
 web/book.pdf
 cache/
 silex.log
+.DS_Store


You should use a local ignore instead

My bad, I'm quite new to Git :|

See https://help.github.com/articles/ignoring-files

…ldnt

joeyemery · 2013-03-15T14:41:19Z

Heads up for anyone viewing now: The Github API powered "Latest Commit" isn't working because I've hit the rate limit. Never expected this to happen. I'm now going to see if I can find a way to cache the most recent commit, if anyone has any suggestions do give me a shout!

stof · 2013-03-15T15:56:32Z

@joeyemery the rate limit is per IP, so people reviewing can see the page properly until they reach it too (i.e. doing 60 unauthenticated calls per hour)

IMO, the link to the download page should be more visible on the homepage.

And on a side note, I find it weird to see Redesign by Joey Emery in the footer of all pages whereas the name of the authors of Composer is only displayed on the homepage...

joeyemery · 2013-03-15T15:59:47Z

Yeah, I think I'm going to make the link to download a lot more prominent.
And good point, I totally never thought of that. I just bunged my name into the footer at the end (it's become a routine haha). I'll sort this out too!

On 15 Mar 2013, at 15:56, Christophe Coevoet [email protected] wrote:

@joeyemery the rate limit is per IP, so people reviewing can see the page properly until they reach it too (i.e. doing 60 unauthenticated calls per hour)

IMO, the link to the download page should be more visible on the homepage.

And on a side note, I find it weird to see Redesign by Joey Emery in the footer of all pages whereas the name of the authors of Composer is only displayed on the homepage...

—
Reply to this email directly or view it on GitHub.

…wnload button

joeyemery · 2013-04-12T14:32:10Z

I think all the fixes are in now, I can't be sure. Couldn't work on this project for a while due to lack of time. If you guys see anything else that's broken, give me a shout! Cheers.

danhunsaker · 2013-04-14T02:26:37Z

In Chrome 26.0.1410.64 m (currently most recent version) the Download "button" background doesn't occupy the full height of the "button", even to the extent that the others do. It currently cuts off just above the baseline of the text.

I suspect that's not the desired styling.

Oh, and did you know that you can change where PagodaBox looks for your document root? In the Boxfile, just add document_root: web/ under web1. That will automatically make the other stuff in the root inaccessible via the web, and remove the web/ portion from the URL, making things cleaner all around. 😀

joeyemery · 2013-04-15T08:59:25Z

@danhunsaker Thanks very much! I think I broke this while trying to fix something else in my last commit, I'll get onto it. Cheers :)

clemherreman · 2013-05-13T13:46:26Z

Great work, but can you please please put the one-liner install curl code on the homepage. That's would be really great :). Can't count how many time I went there to find it.

joeyemery · 2013-06-13T22:13:04Z

So... It's been a while?

nils-werner · 2013-07-01T12:18:16Z

I am a bit confused why some boxes show up as lavender while most of the site is in grey/blue...

naderman · 2014-03-20T15:24:20Z

views/index.html.twig

+				<div id="get_started" class="button_block">
+					<a href="{{ path('docs.view', {page: '00-intro.md'}) }}"><span class="icon">Y</span>Getting Started</a>
+				</div>
+				<p class="margintop marginbottom"><span>Composer</span>, written by <a href="#">Nils Andermann</a>, <a href="#">Jordi Boggiano</a> and many <a href="#">community contributors</a>, is an <span>open-source technology</span> licensed under the <a href="#">MIT license</a>.</p>


My last name's Adermann ;-)

Sorry man, haha!

yixinrock · 2014-05-28T01:49:29Z

I really like the new design, good job boy 👍

joeyemery · 2014-06-13T10:48:22Z

@wyixin Thank you very much! I don't think it'll actually be used, but it was a lot of fun to make regardless.

hazbo · 2014-06-13T11:41:08Z

This should be used it's awesome!

prisis · 2014-12-11T06:40:16Z

Some updates on this?

joeyemery · 2014-12-16T14:22:59Z

@prisis What do you mean? I left it there for people to use and they chose not to. I'd be happy to fix the issues that people have spoke about above if I thought I wouldn't be wasting my time.

prisis · 2014-12-16T14:28:44Z

@joeyemery I have not spoken directly to you, i was only interested if composer will get a new page :)

joeyemery · 2014-12-16T18:38:44Z

@prisis Then you might not want to comment on my pull request?

prisis · 2014-12-16T21:00:54Z

Did my question kill you? really...

DrGirish1978 · 2018-05-28T01:49:50Z

I like the new design of info

ghost · 2018-10-14T19:10:07Z

I am also in favour of a new design. A design that looks old gives a bad image of the technology.

Joey Emery added 21 commits March 14, 2013 15:14

Combining the new style with the old style

01291ce

Bye bye .DS_Store

728077c

Merged the documentation viewer with new styles - requires more styles

398b326

Docs pages

259eb92

More changes, JS stuff

71bd6e6

Small fixes and changes

541413e

A few changes and added the Boxfile (pagodabox) to gitignore

8572912

Readded the boxfile now its finished

4d1ee9d

Boxfile changes to automatically run composer on push

57e121a

Boxfile fix

7772afb

Boxfile fix

713a1ba

Boxfile fix

0e71dba

Boxfile fix

5c58f77

boxfile

d4bb16d

boxfile

78b9315

Boxfile YAML fix

0c30cc0

CORS enabled

f98613d

Removed header for Access-origin

39407ed

Set footer links

a11bc2a

Final changes, LESS compiled and compressed, JS minified, unused asse…

631ae2e

…ts removed

Final changes

52e590f

stof reviewed Mar 15, 2013
View reviewed changes

Joey Emery added 2 commits March 15, 2013 14:30

Fixed the problem with the ajax request for "latest commit" on firefox

3139f86

Fixed the issue in Firefox where mini_nav was displaying when it shou…

6d493a9

…ldnt

Joey Emery added 3 commits April 12, 2013 15:05

Changed the footer copy

281e85b

Made the header bar download link more predominant

7447c21

Changed the nav bar styles to hide the border for the newly styled do…

e205123

…wnload button

joeyemery closed this Apr 12, 2013

joeyemery reopened this Apr 12, 2013

gabrielbull mentioned this pull request Mar 11, 2014

Revisit the branding #63

Closed

naderman reviewed Mar 20, 2014
View reviewed changes

ali97000 approved these changes Aug 18, 2021

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redesign #38

Redesign #38

joeyemery commented Mar 15, 2013

stof commented Mar 15, 2013

stof Mar 15, 2013

joeyemery Mar 15, 2013

stof Mar 15, 2013

joeyemery commented Mar 15, 2013

stof commented Mar 15, 2013

joeyemery commented Mar 15, 2013

joeyemery commented Apr 12, 2013

danhunsaker commented Apr 14, 2013

joeyemery commented Apr 15, 2013

clemherreman commented May 13, 2013

joeyemery commented Jun 13, 2013

nils-werner commented Jul 1, 2013

naderman Mar 20, 2014

joeyemery Jun 13, 2014

yixinrock commented May 28, 2014

joeyemery commented Jun 13, 2014

hazbo commented Jun 13, 2014

prisis commented Dec 11, 2014

joeyemery commented Dec 16, 2014

prisis commented Dec 16, 2014

joeyemery commented Dec 16, 2014

prisis commented Dec 16, 2014

DrGirish1978 commented May 28, 2018

ghost commented Oct 14, 2018

Redesign #38

Are you sure you want to change the base?

Redesign #38

Conversation

joeyemery commented Mar 15, 2013

GetComposer.org Redesign

A few quick notes

What I've edited

Github API

Future Changes

stof commented Mar 15, 2013

stof Mar 15, 2013

Choose a reason for hiding this comment

joeyemery Mar 15, 2013

Choose a reason for hiding this comment

stof Mar 15, 2013

Choose a reason for hiding this comment

joeyemery commented Mar 15, 2013

stof commented Mar 15, 2013

joeyemery commented Mar 15, 2013

joeyemery commented Apr 12, 2013

danhunsaker commented Apr 14, 2013

joeyemery commented Apr 15, 2013

clemherreman commented May 13, 2013

joeyemery commented Jun 13, 2013

nils-werner commented Jul 1, 2013

naderman Mar 20, 2014

Choose a reason for hiding this comment

joeyemery Jun 13, 2014

Choose a reason for hiding this comment

yixinrock commented May 28, 2014

joeyemery commented Jun 13, 2014

hazbo commented Jun 13, 2014

prisis commented Dec 11, 2014

joeyemery commented Dec 16, 2014

prisis commented Dec 16, 2014

joeyemery commented Dec 16, 2014

prisis commented Dec 16, 2014

DrGirish1978 commented May 28, 2018

ghost commented Oct 14, 2018