Hello, World!

Melongena – PHP Template

Well that was fun

I have been programming away having tonnes of fun today, and its only 4:36pm! I’ve been at this project since 6am when I turned up at work to find out that my shift was instead scheduled for 6pm. Today I have made 32 commits!

I haven’t used GitHub in ages! See:

@EdenVicary's GitHub activity as of 2013-09-06 at 4.40.45 PM

GitHub is great! Using GitHub for development is just so easy! I was having so much fun today, I also used GitHub pages to create a page for myself. I created this repository, and because it follows their special naming convention they have server serve it up at edenvicary.github.com. Its so simple, for a start I’m just using the automatically generated themes, but may choose to make my own custom page at a later date.

What I created/moulded

So I have created/moulded from the project template and layout, I’ve been using on my other projects, like my business website. Its simple and it works.

Why Name it Melongena?

Because its a shell, this template is only a skeleton for you to duplicate and mould/fill-out.  Melongena is also a shell, the Melongena shells come in quite a large number of different shapes, sizes, and forms. Just like your projects will be!

Project layout

The project layout is simple, check it out here. The main working files are:

  • /css/
    • main.css – Any project custom css
  • /img/
  • /includes/
    • phphead.php – Stores defaults and maily site wide data
    • header.php – Store nav and other html head data
    • footer.php – Site wide footer with standard javascript and analytics calls
  • /scripts/
    • main.js – Custom javascript
  • /index.php – Home file duplicate this for new files

I’ve been using this pretty successfully,  but if you have some great idea that makes it better. Please send me a Pull Request.

Example content

Check out a hosted example

melongena.vicarytech.com

So you can see what the blank project looks like when its hosted, I put it up. Go ahead and check it out, even look at the 404 page that it throws when you search for something that doesn’t exist.

Its ready and waiting for your content and customizations.

What I used

I’ve used lots of different things from all over the web, but probably the two most crucial are:

Bootstrap

I love Twitter Bootstrap and I’ve been really enjoying the version 3.0 improvements. The default project uses the raw default bootstrap theme, if you would like to use a different standard template Bootswatch do some pretty cool designs.

HTML5 Boilerplate

HTML5 Boilerplate is a community driven HTML5 template that I took some great inspiration from. Looking at this project helped me get the 404 page together.

Where I want to take it

In the future I plan on using  jmathai/epiphany for a project thats just around the corner. So I’ll probably, and quite reasonably be expecting to make a Epiphany template. Stay tuned.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s