Shop Forum More Submit  Join Login

Thanks For The Birthday Wishes!

Wed Jun 11, 2014, 8:00 PM
Thanks for the birthday wishes everyone, I'm officially old enough to drive now!

Tasty Cakes You Can't Resist

And since school is *ALMOST* out, I can start posting journals, tutorials, and awesome features again! Here's a little cake feature I did a year ago:

But in all honesty, these two cakes are probably my favorites:

Topsy Turvey Birthday Cake by pinkcakebox

Super Mario Birthday Cake 1 by JasonChapman

Maybe someday I'll be able to design my own ;)

Birthday Comments

You guys (and gals) have been posting wonderful birthday gifs on my deviantART profile throughout the day, and I love it!

Here are a few more comments posted on my Facebook wall, and honestly my friends are nothing short of amazing:

But yeah, thanks for the birthday wishes everyone! Here's to the next year that lies ahead -

Cheers by goenz

Long Time No See,!

Journal Entry: Sat May 3, 2014, 1:40 AM
Heeeey everyone!

Greetings from TechCrunch Disrupt NY

Here's my current situation: shortly after I posted my last journal about CSS-DYK, my school blocked for "porngraphy" by the Barracuda Web Filter. And since Starbucks, the local library, and local government buildings use the exact same filter, is also blocked there as well :P (And no, I don't have reliable internet at home.) This pretty much blocked most of deviantART's submission process and for a while I couldn't submit art, journals, or access Muro. I've contacted the helpdesk and there is nothing they can do about it, although they fixed the submit process so that it doesn't use assets/saves from I still can't access the Journal Editor except for the rare occasion that I find myself out of town, which drives me crazy since I have a lot of ideas that I can't .

I'm still in the loop about everything, and I'll still be on deviantART to answer your questions, but be aware that I won't be able to submit any journals until deviantART's journal editor at… doesn't use asset/saves from the doamin.

Journals shouldn't determine whether a deviant is active on deviantART, but since a lot of my work on dA is done through journals, I just wanted to let you know that I'm still here.

Thanks for being awesome,

CSS-DYK Is Starting Back Up!

Sun Mar 2, 2014, 6:57 AM

CSS-DYK Is Starting Back Up!

A Quick Guide
by :iconlablayers: LabLayers

You heard right!

CSS-DYK is back, with new articles starting every week on Thursday!

Every week, we will feature a new topic within CSS that will apply both inside and outside of deviantART. I will also release or feature an ambient custombox background at the end of each article. Here's this one:

Ambient Smoothie Custombox Backgroud by LabLayers

Interested in Helping Out?

Think you've got the CSS Mojo to teach others your skills? You're in luck, because are looking for writers! Send us a :note: if you're interested.

A Note on Composing Journals:

For the best results, it is highly recommended that you compose your journals in Firefox or Internet Explorer 11+. This will allow you to enjoy the benefits of using HTML with Rich Editing Mode without having to deal with debugging later on.

Webkit-based browsers like Chrome and Safari tend to put in extra code inside (contenteditable) textareas, keeping the output cluttered and all sorts of messed up.

This is probably the #1 issue people run into when creating and using more advanced journal skins due to the fact that the HTML editor tends to be intimidating and time-consuming to use.

Firefox vs Chrome

Let's take a simple journal with a div tag. Looks innocent, right?

That's where the similarities end. As we switch to HTML mode, however, we see two different worlds:



As we switch to the preview.. you can tell that Chrome does not like to render your journals correctly with all the random <div> tags put all over the place.



Simply put: Firefox is much better when it comes to composing journals if you are using rich editing mode! Other than that, it's up to your imagination to decide what to come up with - the possibilities with CSS is endless!

Until then, see you around later this week. :D

FRC Aerial Assist Robot Reveals

Sat Feb 22, 2014, 10:47 PM by LabLayers:iconlablayers:
After an exhausting build season filled with long hours, sweat, and tears, high school students across the world have managed to build amazing robots in just 6 weeks for the 2014 FIRST Aerial Assist challenge! Here are some of my favorite robot reveals:

Want to see more?

Check out FRC Design's 140+ video playlist on YouTube!
For a comprehensive list, check out Chief Delphi's Robot Showcase threads.

Attend a FIRST event!

Come see what the #omgrobots craze is all about.
Click here for a list of FIRST competitions near you!

Who Wants A Free Domain Name?

Sat Feb 15, 2014, 11:24 AM by LabLayers:iconlablayers:

Courtesy of, I have a few free domains to give away!

All you need to do is to comment below with your Tumblr/Blog/Website and I will award a domain name to a few lucky deviants by Sunday afternoon!

Domain by LabLayers

dA Todo List

Mon Feb 10, 2014, 9:46 PM


  • Chinese New Year feature
  • CSS-DYK tutorials
  • A Word on Fandom

Some Cool Webapp

  • Get a domain name
  • Finish Implementing Features
  • Launch this thing already!


  • Collection of random sketches
  • Requests
  • Journal skin I never finished

Here's a little something i have been working on lately, and I am plan to launch it early next week! It's a training ground for artists to collaborate, improve, and recieve feedback - a hacker league for artists (as Reddit cofounder Alexis Ohanian may say.) It's pretty similar to what Thiefoworld does with SketchMatch and mlpdrawingschool does with DrawAlong.

Here are two screenshots I wanted to share:

Upload Page

You can draw from Muro (via the JavaScript API) or Sketchbook for Windows (via upload paths) or Sumo Paint (if a user has flash installed) and your image will be uploaded straight to the service once you save.

Image by LabLayers

Top of the Entry Page

It's pretty simple and self-explanatory. I also created a lightbox model similar to deviantART that zooms in on an image when a user clicks on it.

(Excuse the crappy drawing, I wanted to draw something in Muro without crashing Safari. dt has told me that they are working on stability fixes when it comes to Muro on the iPad, but you get  the point :P)

Image by LabLayers


Comments can be handled through Disqus or deviantART (experimental) and they can be disabled. A user can request critique, although critique will be more along the short lines of critical feedback instead of a 100 word star rating.

And that shall be all for now. If you're interested in when this thing launches, watch my journal! :)

It's that time of year again! With your support, you can help your fellow deviants take home the grand prize at the 6th annual Shorty Awards!


:icondevart:  deviantart Artist Community


F e l l a . films by thekidKaos


Twitter Username
TWEET YOUR NOMINATION!(Note: The Art category is for humans only. But seriously, dA the best fansite on the internet!)

:icondanlev:  danlev Creator of Equaldex

Recent Works

Unoriginal Bee on a Flower Shot by danlev Gross Abomination by danlev Landing Page by danlev Basic White Journal Skin by danlev


Twitter Username

:iconusfirst:  USFIRST Robotics Challenges

Recent Works

The Pit by DanteIronclaw Chippy by ToaOfTech Lockheed X-68 peregrine falcon by bagera3005


Twitter Username

:iconpixelkitties:  PixelKitties My Little Pony Artist

Recent Works

Hearth's Warming Eve 2013 by PixelKitties Peter New Ponycon AU Autograph Card by PixelKitties Breaking Babs- Super Giant Size! by PixelKitties Great and Battyful Trixie by PixelKitties


Twitter Username

:iconfluffle-puff:  Fluffle-Puff Pink Fluffy Unicorn

Cute Video


Twitter Username
TWEET YOUR NOMINATION!Fluffle Puff is a fan character created FlufflePuff622.

:iconlablayers:  LabLayers Pure Science Genius

Recent Works

Drawtober 02: A Girl And Her Robots + Layered PSD by LabLayers OS XI Golden Gates - Settings by LabLayers Chood Logo by LabLayers ILITE Robotics Website by LabLayers Personal Website (WIP) by LabLayers


Twitter Username

:icondanluvisiart:  DanLuVisiArt Artist of Epic Proportions

Recent Works

CAT MASK - by DanLuVisiArt Gabriel - LMS - tease by DanLuVisiArt To Infinity and Beyond - by DanLuVisiArt Eve - by DanLuVisiArt


Twitter Username

Your Favorite Artist(Yes, it can be yourself!)

If you think you've got what it takes to win the Shorty Awards, click the "Make a Nomination" button at the bottom of this journal and enter your Twitter username. Entry is open to anyone, and you can nominate your favorite artist!

Want to be on this list? Comment below and I'll add you!



Be sure to take a look at the crowd favorites:…

In addition, if you are into My Little Pony, you may also want to check out this article for more even people/brands to nominate:…


Yes, I have also created a responsive mobile-friendly journal skin for this special occasion. Use it to promote yourself and/or the community for the Shorty Awards.

The documentation for this journal skin is identical to the Feature Journal skin, except it's probably not the best idea to mess around with the navbar/colors.



DO YOU WANT :iconpointslaplz:?

The first 50 deviants to tweet three nominations will receive 5 :points:!

Here's what you have to do:
  1. :+fav: this journal. I will check!
  2. Nominate three artists from deviantART (doesn't have to be from the list below.)
  3. Comment below with the link to your Twitter Profile and the word "DONE!"

Some important notes before you go vote, or it wont work: (kudos to EDQ)
  • Use an older Twitter account. Recently created accounts won't work.
  • Write in a reason after "because..." in the box under the @username of the person/thing you are voting for or it won't count.
  • More importantly: Make sure you click the right category in the dropdown.

It would also be greatly appreciated if you spread the word by linking to this journal or sharing it via social media!

25 Questions, Whatever You Call It

Thu Jan 9, 2014, 2:51 PM

So um... ikazon tagged me and I am forever forced to answer 25 questions. :nuu:

1.) Grab the book nearest to you, turn to page 18, and find line 4.
Bullet; Blue 
- Realidades has no page 18, line 4. That's just the flag of Spain.

- Some random Madefire book.

2.) Stretch your left arm out as far as you can. What can you reach?
Bullet; Blue A girl.

3.) What is the last thing you watched on TV?
Bullet; Blue Adventure Time

4.) Without looking guess what time it is?
Bullet; Blue 5:00 since the sun's setting

5.) Now look at the clock. What is the actual time?
Bullet; Blue 5:07

6.) With the exception of the computer, what can you hear?
Bullet; Blue People talking. I'm actually using an iPad right now.

7.) When did you last step outside? What were you doing?
Bullet; Blue This morning. My science teacher filled water guns with boiling water and we went outside and BAM instant snow!

8.) Before you started this survey, what did you look at?
Bullet; Blue The sunset.

9.) What are you wearing?
Bullet; Blue A purple hoodie (cap off,) green t-shirt, jeans, some plain socks, and running shoes. And possibly some Google Glasses, but NOT that "Glass."

10.) Did you dream last night?
Bullet; Blue Eeyup.

11.) When did you last laugh?
Bullet; Blue Watching talk about 3D Printing and CAD designs at CES. He really has no idea what he's really talking about, although I know for sure that he's definitely enthusiastic about STEM!

12.) What are on the walls you are in?
Bullet; Blue Government propaganda, including a portrait of Barack Obama and John Kerry and BuzzFeed-worthy lists of overcomplicated rules.

13.) Seen anything weird lately?
Bullet; Blue's front page.

14.) What do you think of this quiz?
Bullet; Blue Not bad.

15.) What was the last film you saw?
Bullet; Blue Of Mice and Men (1992)

16.) If you became a multi-millionaire overnight, what would you buy?
Bullet; Blue Get a Tesla and start a business. One day, I'd fly to Africa, spend a month helping those in need, and save the rest of humanity.

17.) Tell me something about you that I don't know?
Bullet; Blue The fact that I'm actually in high school and my family's actually quite broke.

18.) If you could change one thing about the world?
Bullet; Blue Going to bed that the world is at peace and no one went hungry and the fact that there are no such things as "third-world countries."

19). What do you want to learn in the future?
Bullet; Blue Show me the world first and then I'll tell you.

20.) George Bush:
Bullet; Blue Bill Clinton, George HW Bush, Ronald Reagan, Jimmy Carter, Gerald Ford, Richard Nixon, Lyndon Johnson, John F Kenned... that's off the top of my head.

21.) Imagine your first child is a girl, what do you call her? 
Bullet; Blue Twilight Sparkle Emma because ponies it's such a noble name.

22.) Imagine your first child is a boy, what do you call him?
Bullet; Blue Kanye because it's another word for God.

23.) Would you ever consider living abroad?
Bullet; Blue Why not? ;)

24.) What do you want God to say when you reach the pearly gates?
Bullet; Blue "Your life is just beginning." And that's from an atheist. 

25.) Tag six people who must also do this in THEIR journal:

Here are some more:

Update 2:

The FRC Manual is now online!
LabView information can also be found here:…

Update 1: 

The game has been announced.

Original Post:

FIRST will kick off their FRC season in less than 20 (10:30AM EST) minutes, revealing this year's challenge and a bunch of innovations from NASA, autodesk, AndyMark, Einstein, and more!

Watch Now!…

In the meantime, a bunch of really cool NASA will be playing:

This shall be the very last thing I will post to deviantART this year. 2013 has been a phenomenal year for all of us. In a few quick bullets, here are a few things that defined my year:

  • The launch of Vine
  • Winning the county science fair
  • DC.Indie gaming conference
  • Standing 35 feet away from Barack Obama, leader of the free world
  • Winning robotics completions with my USFIRST team, FRC 1885 and creating a website for them
  • Going to St. Louis for USFIRST world championships on my first flight
  • iOS 7 and the influx of flat design and the death of skeumorphism
  • Helping those in need after a tornado in NoVA
  • Protesting in support if gay rights in DC
  • My summer in Baltimore
  • ^ Winning a MacBook and a Wacom Bamboo for being a "Daring Do" in the first place - that was by major turning point in how I looked a computing and it's when I  really got hooked into Apple
  • Deviantart's Birthday, where I ended up winning 9 months of pm and lots of points that I am quickly giving back to the community by donating to those in need and ordering commissions 
  • Meeting lots of deviants and tumblrs at 2 conventions 
  • Moving from DC to Philadelphia
  • My first day of school
  • THON charity fundraiser
  • Bitcoin rallies
  • Winning PilotPhilly hackathon and getting full scholarships to HackTech in LA and MHacks in Detroit
It was really about trying new things and being open to new experiences that got me this far in life, I couldn't have done it without the support of my friends (new and old!)

Here's to 2014, which I hope will be an even more awesomesauce year:

The Year Flew By by NaBHaN

See you all next year! :heart:

FYI this was sent from an iPod Touch. ;)

2014 FRC Game Hint Roundup

Mon Dec 23, 2013, 3:06 PM by LabLayers:iconlablayers:
On December 20, 2013 - 16:08, FIRST put out an official game hint and left us with an interesting set of numbers:

8234/57, 61126/1963, 62326/15806

There's a long thread on Chief Delphi analyzing what these clues might really mean, and some of their users have some interesting theories to share. I went ahead and read all 500+ posts so you didn't have to, and found quite a few concepts that may tell us a little about 2014's FRC game:

12/25 - Updated with more interesting concepts!

cgmv123 started by dividing these strings of numbers:

8234/57 = 144.45614035087719298245614035088
61126/1963 = 31.139072847682119205298013245033
62326/15806 = 3.9431861318486650638997848918132
BigJ Googled these numbers as zip codes and came up with this:
61126 is a zip code in Rockford, Illinois.
62326 is a zip code for Colchester Illinois
ZIP codes were intoduced by the postal service in 1963. 
Rangel(kf7fdb) plotted these numbers to get a scalene triangle:
This may also been a coincidence, as 4404 PCH Colts finds the water bottles placed in a suspiciously-shaped triangle:
Also, did anyone have any speculation as to why the photo from the Nov 25 blog showed the water bottles? They seemed so arbitrarily yet intentionally placed.

The metadata in this photo has also been suspiciously modified, as John Sabath finds out:

Interestingly enough, Sean Raia rotates the photo and spots numbers inside the mirror:
Well I tried to sketch the shape the bottles make, and it's close but it COULD just be a coincidence. After that, I rotated the image so that the shape matched the graph that somebody posted earlier (page 5?) Then I looked at the image for what seemed to be revealed by the rotation/mirroring and I found something interesting. What picture is this back there and are those two 3's?

Interestingly enough, the mrmummert found some unusual updates to the 2013 game manual:

Just for the heck of it i looked at the "Team Updates" on the FRC page and
oddly found updates for 11-26-13 (twice) and 11-27-13. They all say the same thing "three" times. Here is the link…

They all seem to reference this past seasons game, but its odd...three
updates all saying the same thing...and all referencing "Section 3"
Could this be yet another hint?
JRuegsegger finds that 8234/57 has something to do with Japan:
Going off the whole number searching thing:

First result on Wikipedia for 8234 is… which is an asteroid discovered by a Japanese astronomer.

For the year 57 on Wikipedia, I got which has some Japanese history about writing.

I have no idea what this could mean, though.
There was also lots of theories about 1963, but Brandon Zalinsky says that this game hint makes more sense for Lunacy.
I seriously hope it's not a Dr. Who reference.

Also 1963 = JFK shot = JFK challenged USA to "go to the moon in this decade" = moon game = Lunacy
Neima agrees, saying:
or it could be a second lunacy challenge
Tottanka (along with many others) had a commonly-shared idea:
obviously a water game.
Natalia from team 1310 expanded on cgmv123's number division and came up with this:
Ascii code 144 is É


Ascii code 133 is à.

133-4 is 129.

Ascii code 129 is ü.

Éàü = eau.

eau means water in French.

There is also more evidence of a water game, as this was posted on Twitter:

This may also be a soccer game, since Justin Montois concludes that numbers reversed refers to the World Cup:
We realized 62326 was a palindrome. So if it's written "backwards and you assume the next number is also written backwards then you get 60851 which lead us to what Colin mentioned...

So basically we got...

61126/1963 related to zip codes...

62326 isn't a zip code but it is a palindrome. Then we reversed 15806 to 60851 and got the zip code for the 2014 world cup host city....

That takes care of the middle and end numbers. We are nowhere on 8234/57.....
Tying these two concepts together, cadandcookies thinks that it's a water game involving balls:
Citation: Here.
1992 - Tennis Balls
1993 - Variety of balls
1994 - Soccer balls
1995 - Vinyl balls
1996 - Large balls
1997 - Inner tubes
1998 - More balls
1999 - Floppies (pillows)
2000 - Balls
2001 - More balls (and movable goals)
2002 - More balls (and movable goals)
2003 - Bins
2004 - Variety of balls
2005 - Tetras
2006 - Poof balls
2007 - Tubes
2008 - Giant balls
2009 - Moon rocks (weird balls)
2010 - Soccer Balls
2011 - Variety tubes
2012 - Foam balls
2013 - Discs

Analysis confirms that 15 out of 22 games have had balls.

Also, molecules are usually presented as attached balls representing atoms, which means I'm 100% confident it's a water game.
Romano2630 finds out that these numbers refer to green:
found out that 8234/57 = 144.4561404... which google brought up to be the hex code of green.

also - 61126/1963 = 31.13907285... which is the hex code of green, same method.
Could there be another alliance? Akash Rastogi thinks so.
Green alliance guys.
NanoCollins notices that the numbers when divided may refer to a driving law in Illinois:
I have an idea. The number when divided might be referencing

Motor and Other vehicles
Speed Restrictions
SECTION 31-14-3
BleakRNS comes up with an interesting theory:
 Assuming they're equations, these are their answers in sig figs:

If you'll notice, these three numbers, written in the order as they appear in the game hint, can be put in the shape of a pyramid as so:

Something that may catch your eye is that if you take the same arrangement of digits and add them together, you get the preceding number in the bottom row.

Which means that the only two digits remaining are...

I rest my case.
dysonk811 thinks that 2014's game may be a football game:
So here is my idea and i know its a stretch but eh when arent these hints stretches

61126 when added = 16
1963 when added = 19

--- both are the numbers of joe Montana

Now 8234 and 57

He is 57 currently
82 was his pick number
57-34= 23 his age when he was drafted into the nfl

Finally 62326 and 15806

62326 when added = 19
15806 when added = 20

1920 was the year the nfl changed it's name temporarily to apfa

So there's my idea!!! How cool would a football game be?? What are you guys thinking ??
SuperDave777 thinks that the first set of numbers may refer to the field size:
8234 and 57: Playing field size, first in mm then ft.
Martian86 converts these numbers to feet, providing evidence that this may refer to the field size:
So that's about a 27x57 foot field, previously a 27x54 foot field. The difference in length is...three.
Johnson.2937 tells us to look at these numbers a bit differently:
Maybe we are looking at the message the wrong way instead of 8234/57, 61126/1963, 62326/15806 maybe we should look at the comas as arbitrary separators of larger numbers and the actual numbers look like

yarden.saa comes up conclusive evidence that 8234/57 might have something to do with a reduced weight limit:

Hi CD,
I searched the numbers in google earth:
The second numer refers to a sign "Security FIRST" and there is a US post office in front of it.
The third number refers to the "FIRST Baptist church"
The first number is very interesting, there is a sign: "WEIGHT LIMITS REDUCED 25% EFFECTIVE 1 JAN TO 1 MAY" which is the FIRST season
The photo of the sign can be found in the link below.
To find it on google earth:
1. Type 8234/57 in the search bar
2. pick the first option (ohio)
3. go to the main street
4. you will see the sign
Open Google Maps

Have a great season!

Thanks to my friends from the FIRST Israel community for helping
Bringing up the link in Google Maps brings up this sign:
Tomker thinks that the new mega-regional format of 2014's game may set new requirements on how much spare parts each team is allowed to bring:
My best bet is that the 25% weight reduction refers to the 30 lbs of spare parts that each team is allowed to bring to each event.
Since FIRST is trying to get all areas into the district format, more and more teams are going to atend multiple events, it means that more teams will be able to make big changes/upgrades between each event and they probably want to prevent it from being too big of a factor.
This might also be the other way around, according to Headphones:
I realize that this is unlikely, but I just want to throw it out there:

The sign says weight *limits* reduced 25% -- Could this not be interpreted to mean relaxing the limits, rather than tightening them?

(That was just the first thing that popped into my head upon reading the sign -- English is a strange, strange language, since it's the opposite of the sign's intended meaning....)

What else might these numbers mean? We will out find for certain at Kickoff on January 4th, 10:30am EST!

Leave your thoughts on in the comments below or reply to the forum thread on Chief Delphi.

I'm Coming to LA!

Fri Dec 20, 2013, 11:59 PM by LabLayers:iconlablayers:

Update: I still need to find a way to convince my parents to let me travel alone before New Year's day. Oh boy...


Hey everyone!

I'm feeling super duper insanely awesomesauce excited right now. I'm coming to Los Angeles and Santa Monica later in January for a college hackathon I got invited to and it's truly going to be a once in a lifetime experience. What's even more exciting is that these amazing sponsors will be paying for my travel costs and everything in between!

This is my first time I'll be in the west coast and I'm really really really excited to see my friends all throughout <s>Silicon Valley</s> Hollywood, Sunset Hills, and Santa Monica!

If there is any place around the area I should check out or if you're also coming to HackTech, please let me know in the comments below. :la:

Feature User Guide

Fri Dec 20, 2013, 9:25 PM

waves by Nessa82

Introducing Feature.

Feature is an awesome journal skin created by LabLayers. It's...


A premium membership is required to use Journal Skins. If you don't have a premium membership, I would recommend that you take a look at BasicMembers for ways to pimp your journal! :la:

Install Link

Key Features

Cover Photo

The cover photo allows you to feature any type of artwork in the header. A link crediting the artist will be added automatically. The first full-size deviation you put into Writer's textarea will automatically convert into a cover photo. Please be aware that your image will (unfortunately) stretch, so try to pick an image that scales well.

Browser-specific instructions for Google Chrome/Safari: *
*You'll need to add your cover photo before you start typing text.

    1. Open a Blank Journal in Writer but do NOT type anything into the journal editor.
    2. Open the Edit menu and verify that "Always Add Full-Size Images" is checked.
    3. Select the "Feature" Journal Skin in the right sidebar.
    4. Under Add Media, locate the full-size deviation you would like to feature.
    5. Click that deviation only once and start typing your heart out!

    (In technical terms, Webkit's implementation of HTML5 contenteditable leaves random div tags everywhere and will wreck havoc if you attempt to add a cover photo after you start typing content. Follow the directions above, and you'll be fine!)

    Browser-specific instructions for Internet Explorer 11+/Firefox:

    1. Open a Blank/Existing Writer Journal.
    2. Select the "Feature" Journal Skin in the right sidebar.
    3. Bam! The first deviation you have entered will automatically turn into a cover photo.

    For those using the Group Journal editor or HTML mode:

    1. Make sure that the very first line of your journal says <da:deviation id="XXXXX"/>.


    The navbar is an optional component of this journal skin, and it's mobile friendly, too! Scroll to the top and resize your browser window and see what happens! :la:

    To use the navbar, you can either include this in your skin header OR within the top of your journal. Just add these lines to the very top of the textarea and modify these links to your desire:

    <!-- BEGIN NAVBAR --> <div class="navbar"><a href="" class="brand">Brand Name</a><div class="menu-button">MENU <i class="icon-white icon-show-lines"></i></div><div class="menu"> <a href="">My Profile</a><a href="">My Gallery</a></div></div>  <!-- END NAVBAR -->

    Change Colors

    It's as simple as 1-2-3.  Just open the skin in Notepad, Find & Replace the colors with the ones you desire and violá! If you need inspiration, look no further than and
    /* Colors */
    /* Use find and replace to replace these three colors: */
    /* Color:   #2c3e50; - Primary Text Color */
    /* primary: #90D923; - Primary Accent Color */
    /* Dark:    #3C3658; - Dark Accent Color */
    /* select:  #8BD51C; - Text Selection and Tap Highlight */

    Change Fonts

    Changing fonts is even easier! Just edit skin, save as. You can pick any font you want from the Google Font Library.
    /* Body Fonts */
    .gr-box, .body { font-family: "PT Sans", Helvetica, Verdana, Arial, sans-serif; }

    /* Header Fonts */
    h1, h2, h3, h4, h5, .brand, .head { font-family: "Arvo", Arial; }

    /* Monospace Fonts */
    code, pre, sub, .code { font-family: "Droid Mono", monospace; }

    Basic Components

    Text Formatting

    The body font is PT Sans, size 16px. Bold Italic Underline
    The heading font used is Arvo.
    The code font used is Droid Mono.
    Strong text is red.
    Small text is 12px.
    Superscripts are 11.25px.


    • Bullet 1
    • Bullet 2
    • Bullet 3

    1. Number 1
    2. Number 2
    3. Number 3


    By default, these headings are not bold but you easily bold them maunally. Headings 1 & 2 have a bottom border, and headings 4 & 5 stretch outside of the textarea. 

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5


    Ahoy, this is a blockquote.  
    - The Joker


    code { color: black; }

    Code Block

    Code blocks (pre or sub) can be prettified via Google-Code-Prettify.js, using the Monokai color scheme. You can input code here and it will output the HTML to copy and paste into the journal editor.

    pre, sub { color: white; }

    Prettified with Google Code:
    #include < stdio.h >
    int main(int args, char **argv){
    puts("Hello, world!");
    return 0;
    < /stdio.h >


    User Icons

    These people get random mentions, because they awesome: find your random deviant!
    :iconlablayers: :iconikue: :iconartoftdj: :iconcodercandy: :iconbio-organicweapon: :icontobisempai:


    Each thumbnail is framed and ready to go! :la:

    Photoshop tutorial- PS basics for newbiesPhotoshop tutorials
    And I decided to make more useful journals ;P You have to wait for my next tutorial A LOT, so I decided to make short tutorials journals. I'll describe some Photoshop basics for all newbies who try to learn to use Photoshop. So in this article you'll find tutorials: How to make layers, How to change color to a layer, How to make groups/folders, How to change background color, How to rotate canvas and all basics in tool menu on the right side. :la: In this tutorial I used my newest image Mermaid's Wisps, just to show you few things (I just had to open something :giggle:)
    If you wish to see images in full resolution then simply click on the images below (they are big as my screen 1920 x 1080px... OK I cropped bar below ;P). I used Photoshop CS6 here, so some things may be different in lower PS versions. I'll make even more tutorials
        Of Mice and Men: What George Sees by LabLayers   SVG/AutoCAD TARDIS by LabLayers   Ski Mountains Wallpaper by LabLayers


    Same with full-size deviations:

    green by orcunceyhan

    Movember Mascots by Thiefoworld


    Videos are automatically converted into full-width. Here's a YouTube video:

    Here's a Vimeo video:

    Advanced Components
    These features require knowledge of Basic HTML and a bit of common sense.


    Buttons come in 2 different colors and have options for large/wide sizes.

    Responsive Columns

    Go on, resize your browser window's width and see what happens to these columns.
    The grid is divided into twelfths. Wrap these columns inside .row, as seen here:

    <div class="row"><div class="col6 shade">.col6</div><div class="col6 shade">.col6</div></div>






    Non-Responsive Columns

    These columns do not adjust based on your window width.
    The grid is divided into twelfths. Wrap these columns inside .row, as seen here:

    <div class="row"><div class="span6 shade">.span6</div><div class="span6 shade">.span6</div></div>






    Extra Classes

    .shade adds silver gradient background.
    .inv adds a semi-transparent black background.
    .head emulates the header font.

    Icons by Glyphicons

    This is a lot, isn't it? You can quickly find the icon you're looking for at, just replace any underscores with a dash! These also come in a white variant, just add an .icon-white class.

    i.icon.icon-glass i.icon.icon-leaf i.icon.icon-dog i.icon.icon-user i.icon.icon-girl i.icon.icon-car i.icon.icon-user-add i.icon.icon-user-remove i.icon.icon-film i.icon.icon-magic i.icon.icon-envelope i.icon.icon-camera i.icon.icon-heart i.icon.icon-beach-umbrella i.icon.icon-train i.icon.icon-print i.icon.icon-bin i.icon.icon-music i.icon.icon-note i.icon.icon-heart-empty i.icon.icon-home i.icon.icon-snowflake i.icon.icon-fire i.icon.icon-magnet i.icon.icon-parents i.icon.icon-binoculars i.icon.icon-road i.icon.icon-search i.icon.icon-cars i.icon.icon-notes-2 i.icon.icon-pencil i.icon.icon-bus i.icon.icon-wifi-alt i.icon.icon-luggage i.icon.icon-old-man i.icon.icon-woman i.icon.icon-file i.icon.icon-coins i.icon.icon-airplane i.icon.icon-notes i.icon.icon-stats i.icon.icon-charts i.icon.icon-pie-chart i.icon.icon-group i.icon.icon-keys i.icon.icon-calendar i.icon.icon-router i.icon.icon-camera-small i.icon.icon-dislikes i.icon.icon-star i.icon.icon-link i.icon.icon-eye-open i.icon.icon-eye-close i.icon.icon-alarm i.icon.icon-clock i.icon.icon-stopwatch i.icon.icon-projector i.icon.icon-history i.icon.icon-truck i.icon.icon-cargo i.icon.icon-compass i.icon.icon-keynote i.icon.icon-paperclip i.icon.icon-power i.icon.icon-lightbulb i.icon.icon-tag i.icon.icon-tags i.icon.icon-cleaning i.icon.icon-ruller i.icon.icon-gift i.icon.icon-umbrella i.icon.icon-book i.icon.icon-bookmark i.icon.icon-wifi i.icon.icon-cup i.icon.icon-stroller i.icon.icon-headphones i.icon.icon-headset i.icon.icon-warning-sign i.icon.icon-signal i.icon.icon-retweet i.icon.icon-refresh i.icon.icon-roundabout i.icon.icon-random i.icon.icon-heat i.icon.icon-repeat i.icon.icon-display i.icon.icon-log-book i.icon.icon-address-book i.icon.icon-building i.icon.icon-eyedropper i.icon.icon-adjust i.icon.icon-tint i.icon.icon-crop i.icon.icon-vector-path-square i.icon.icon-vector-path-circle i.icon.icon-vector-path-polygon i.icon.icon-vector-path-line i.icon.icon-vector-path-curve i.icon.icon-vector-path-all i.icon.icon-font i.icon.icon-italic i.icon.icon-bold i.icon.icon-text-underline i.icon.icon-text-strike i.icon.icon-text-height i.icon.icon-text-width i.icon.icon-text-resize i.icon.icon-left-indent i.icon.icon-right-indent i.icon.icon-align-left i.icon.icon-align-center i.icon.icon-align-right i.icon.icon-justify i.icon.icon-list i.icon.icon-text-smaller i.icon.icon-text-bigger i.icon.icon-embed i.icon.icon-embed-close i.icon.icon-table i.icon.icon-message-full i.icon.icon-message-empty i.icon.icon-message-in i.icon.icon-message-out i.icon.icon-message-plus i.icon.icon-message-minus i.icon.icon-message-ban i.icon.icon-message-flag i.icon.icon-message-lock i.icon.icon-message-new i.icon.icon-inbox i.icon.icon-inbox-plus i.icon.icon-inbox-minus i.icon.icon-inbox-lock i.icon.icon-inbox-in i.icon.icon-inbox-out i.icon.icon-cogwheel i.icon.icon-cogwheels i.icon.icon-picture i.icon.icon-adjust-alt i.icon.icon-database-lock i.icon.icon-database-plus i.icon.icon-database-minus i.icon.icon-database-ban i.icon.icon-folder-open i.icon.icon-folder-plus i.icon.icon-folder-minus i.icon.icon-folder-lock i.icon.icon-folder-flag i.icon.icon-folder-new i.icon.icon-edit i.icon.icon-new-window i.icon.icon-check i.icon.icon-unchecked i.icon.icon-more-windows i.icon.icon-show-big-thumbnails i.icon.icon-show-thumbnails i.icon.icon-show-thumbnails-with-lines i.icon.icon-show-lines i.icon.icon-playlist i.icon.icon-imac i.icon.icon-macbook i.icon.icon-ipad i.icon.icon-iphone i.icon.icon-iphone-transfer i.icon.icon-iphone-exchange i.icon.icon-ipod i.icon.icon-ipod-shuffle i.icon.icon-ear-plugs i.icon.icon-record i.icon.icon-step-backward i.icon.icon-fast-backward i.icon.icon-rewind i.icon.icon-play i.icon.icon-pause i.icon.icon-stop i.icon.icon-forward i.icon.icon-fast-forward i.icon.icon-step-forward i.icon.icon-eject i.icon.icon-facetime-video i.icon.icon-download-alt i.icon.icon-mute i.icon.icon-volume-down i.icon.icon-volume-up i.icon.icon-screenshot i.icon.icon-move i.icon.icon-more i.icon.icon-brightness-reduce i.icon.icon-brightness-increase i.icon.icon-circle-plus i.icon.icon-circle-minus i.icon.icon-circle-remove i.icon.icon-circle-ok i.icon.icon-circle-question-mark i.icon.icon-circle-info i.icon.icon-circle-exclamation-mark i.icon.icon-remove i.icon.icon-ok i.icon.icon-ban i.icon.icon-download i.icon.icon-upload i.icon.icon-shopping-cart i.icon.icon-lock i.icon.icon-unlock i.icon.icon-electricity i.icon.icon-ok-2 i.icon.icon-remove-2 i.icon.icon-cart-out i.icon.icon-cart-in i.icon.icon-left-arrow i.icon.icon-right-arrow i.icon.icon-down-arrow i.icon.icon-up-arrow i.icon.icon-resize-small i.icon.icon-resize-full i.icon.icon-circle-arrow-left i.icon.icon-circle-arrow-right i.icon.icon-circle-arrow-top i.icon.icon-circle-arrow-down i.icon.icon-play-button i.icon.icon-unshare i.icon.icon-share i.icon.icon-chevron-right i.icon.icon-chevron-left i.icon.icon-bluetooth i.icon.icon-euro i.icon.icon-usd i.icon.icon-gbp i.icon.icon-retweet-2 i.icon.icon-moon i.icon.icon-sun i.icon.icon-cloud i.icon.icon-direction i.icon.icon-brush i.icon.icon-pen i.icon.icon-zoom-in i.icon.icon-zoom-out i.icon.icon-pin i.icon.icon-albums i.icon.icon-rotation-lock i.icon.icon-flash i.icon.icon-google-maps i.icon.icon-anchor i.icon.icon-conversation i.icon.icon-chat i.icon.icon-male i.icon.icon-female i.icon.icon-asterisk i.icon.icon-divide i.icon.icon-snorkel-diving i.icon.icon-scuba-diving i.icon.icon-oxygen-bottle i.icon.icon-fins i.icon.icon-fishes i.icon.icon-boat i.icon.icon-delete i.icon.icon-sheriffs-star i.icon.icon-qrcode i.icon.icon-barcode i.icon.icon-pool i.icon.icon-buoy i.icon.icon-spade i.icon.icon-bank i.icon.icon-vcard i.icon.icon-electrical-plug i.icon.icon-flag i.icon.icon-credit-card i.icon.icon-keyboard-wireless i.icon.icon-keyboard-wireless i.icon.icon-shield i.icon.icon-ring i.icon.icon-cake i.icon.icon-drink i.icon.icon-beer i.icon.icon-fast-food i.icon.icon-cutlery i.icon.icon-pizza i.icon.icon-birthday-cake i.icon.icon-tablet i.icon.icon-settings i.icon.icon-bullets i.icon.icon-cardio i.icon.icon-t-shirt i.icon.icon-pants i.icon.icon-sweater i.icon.icon-fabric i.icon.icon-leather i.icon.icon-scissors i.icon.icon-bomb i.icon.icon-skull i.icon.icon-celebration i.icon.icon-tea-kettle i.icon.icon-french-press i.icon.icon-coffe-cup i.icon.icon-pot i.icon.icon-grater i.icon.icon-kettle i.icon.icon-hospital i.icon.icon-hospital-h i.icon.icon-microphone i.icon.icon-webcam i.icon.icon-temple-christianity-church i.icon.icon-temple-islam i.icon.icon-temple-hindu i.icon.icon-temple-buddhist i.icon.icon-bicycle i.icon.icon-life-preserver i.icon.icon-share-alt i.icon.icon-comments i.icon.icon-flower i.icon.icon-baseball i.icon.icon-rugby i.icon.icon-ax i.icon.icon-table-tennis i.icon.icon-bowling i.icon.icon-tree-conifer i.icon.icon-tree-deciduous i.icon.icon-more-items i.icon.icon-sort i.icon.icon-filter i.icon.icon-gamepad i.icon.icon-playing-dices i.icon.icon-calculator i.icon.icon-tie i.icon.icon-wallet i.icon.icon-piano i.icon.icon-sampler i.icon.icon-podium i.icon.icon-soccer-ball i.icon.icon-blog i.icon.icon-dashboard i.icon.icon-certificate i.icon.icon-bell i.icon.icon-candle i.icon.icon-pushpin i.icon.icon-iphone-shake i.icon.icon-pin-flag i.icon.icon-turtle i.icon.icon-rabbit i.icon.icon-globe i.icon.icon-briefcase i.icon.icon-hdd i.icon.icon-thumbs-up i.icon.icon-thumbs-down i.icon.icon-hand-right i.icon.icon-hand-left i.icon.icon-hand-up i.icon.icon-hand-down i.icon.icon-fullscreen i.icon.icon-shopping-bag i.icon.icon-book-open i.icon.icon-nameplate i.icon.icon-nameplate-alt i.icon.icon-vases i.icon.icon-bullhorn i.icon.icon-dumbbell i.icon.icon-suitcase i.icon.icon-file-import i.icon.icon-file-export i.icon.icon-bug i.icon.icon-crown i.icon.icon-smoking i.icon.icon-cloud-upload i.icon.icon-cloud-download i.icon.icon-restart i.icon.icon-security-camera i.icon.icon-expand i.icon.icon-collapse i.icon.icon-collapse-top i.icon.icon-globe-af i.icon.icon-global i.icon.icon-spray i.icon.icon-nails i.icon.icon-claw-hammer i.icon.icon-classic-hammer i.icon.icon-hand-saw i.icon.icon-riflescope i.icon.icon-electrical-socket-eu i.icon.icon-electrical-socket-us i.icon.icon-message-forward i.icon.icon-coat-hanger i.icon.icon-dress i.icon.icon-bathrobe i.icon.icon-shirt i.icon.icon-underwear i.icon.icon-log-in i.icon.icon-log-out i.icon.icon-exit i.icon.icon-new-window-alt i.icon.icon-video-sd i.icon.icon-video-hd i.icon.icon-subtitles i.icon.icon-sound-stereo i.icon.icon-sound-dolby i.icon.icon-sound-5-1 i.icon.icon-sound-6-1 i.icon.icon-sound-7-1 i.icon.icon-copyright-mark i.icon.icon-registration-mark i.icon.icon-radar i.icon.icon-skateboard i.icon.icon-golf-course i.icon.icon-sorting i.icon.icon-sort-by-alphabet i.icon.icon-sort-by-alphabet-alt i.icon.icon-sort-by-order i.icon.icon-sort-by-order-alt i.icon.icon-sort-by-attributes i.icon.icon-sort-by-attributes-alt i.icon.icon-compressed i.icon.icon-package i.icon.icon-cloud-plus i.icon.icon-cloud-minus i.icon.icon-disk-save i.icon.icon-disk-open i.icon.icon-disk-saved i.icon.icon-disk-remove i.icon.icon-disk-import i.icon.icon-disk-export i.icon.icon-tower i.icon.icon-send i.icon.icon-git-branch i.icon.icon-git-create i.icon.icon-git-private i.icon.icon-git-delete i.icon.icon-git-merge i.icon.icon-git-pull-request i.icon.icon-git-compare i.icon.icon-git-commit i.icon.icon-construction-cone i.icon.icon-shoe-steps i.icon.icon-plus i.icon.icon-minus i.icon.icon-redo i.icon.icon-undo i.icon.icon-golf i.icon.icon-hockey i.icon.icon-pipe i.icon.icon-wrench i.icon.icon-folder-closed i.icon.icon-phone-alt i.icon.icon-earphone i.icon.icon-floppy-disk i.icon.icon-floppy-saved i.icon.icon-floppy-remove i.icon.icon-floppy-save i.icon.icon-floppy-open i.icon.icon-translate i.icon.icon-fax i.icon.icon-factory i.icon.icon-shop-window i.icon.icon-shop i.icon.icon-kiosk i.icon.icon-kiosk-wheels i.icon.icon-kiosk-light i.icon.icon-kiosk-food i.icon.icon-transfer i.icon.icon-money i.icon.icon-header i.icon.icon-blacksmith i.icon.icon-saw-blade i.icon.icon-basketball i.icon.icon-server i.icon.icon-server-plus i.icon.icon-server-minus i.icon.icon-server-ban i.icon.icon-server-flag i.icon.icon-server-lock i.icon.icon-server-new i.icon.icon-pinterest i.icon.icon-dropbox i.icon.icon-google-plus i.icon.icon-jolicloud i.icon.icon-yahoo i.icon.icon-blogger i.icon.icon-picasa i.icon.icon-amazon i.icon.icon-tumblr i.icon.icon-wordpress i.icon.icon-instapaper i.icon.icon-evernote i.icon.icon-xing i.icon.icon-zootool i.icon.icon-dribbble i.icon.icon-deviantart i.icon.icon-read-it-later i.icon.icon-linked-in i.icon.icon-forrst i.icon.icon-pinboard i.icon.icon-behance i.icon.icon-github i.icon.icon-youtube i.icon.icon-skitch i.icon.icon-4square i.icon.icon-quora i.icon.icon-badoo i.icon.icon-spotify i.icon.icon-stumbleupon i.icon.icon-readability i.icon.icon-facebook i.icon.icon-twitter i.icon.icon-instagram i.icon.icon-posterous-spaces i.icon.icon-vimeo i.icon.icon-flickr i.icon.icon-last-fm i.icon.icon-rss i.icon.icon-skype i.icon.icon-e-mail i.icon.icon-vine i.icon.icon-myspace i.icon.icon-goodreads i.icon.icon-apple i.icon.icon-windows i.icon.icon-yelp i.icon.icon-playstation i.icon.icon-xbox i.icon.icon-android i.icon.icon-ios

    Need Help?

    Have no fear! LabLayers is here!
    Just comment below or send me a :note: and I will lend you a hand.
    If you would like the colors changed to be something cooler, don't be afraid to ask too! I am more than willing to customize this skin to suit you needs for free.
    ^ Okay, so maybe Ikue beat me to creating the first one.

    My Mouse Broke

    Fri Dec 20, 2013, 4:01 AM by LabLayers:iconlablayers:

    Just a few minutes ago, something in my 5-year old mouse popped ,smoke came out, and it refuses to ever work again.

    I'm down to a large Wacom Bamboo pen taablet and a Mac Trackpad which both (quite frankly) I barely ever use unless if I'm drawing, CAD'in, or on the go. :bucktooth:

    I'm going to see how long I can survive without a mouse (which looks possibly judging by the high number of laptop owners who don't own a mouse) before I end up buying another mouse. Life will never be the same. XD

    If you have any advice or tips and tricks you would like to show me, please leave them in the comments below!

    In the meantime, here's a random sketch of llamas I did a while ago:

    SketchMatch King Llama by LabLayers

    CSS: Did You Know? Sneak Peek!

    Tue Dec 17, 2013, 6:00 AM

    Sneak Peek

    VOLUME #0
    by :iconlablayers: LabLayers

    Creating a Responsive Grid System

    Is it really that hard? Resize this window to find out!


    Star Ratings

    Hover over these stars and see what happens!

    Of course, I can always pre-set it for you:

    Fixed Background Image Effects

    This is so cool, right!?

    Getting Started with LESS

    The syntax goes a little like this:

    @pink:#E85D5F; a.button { color: @pink; :hover {color: white; } }

    More CSS Mojo!

    In the meantime, you may want to check out pica-ae's awesome CSS tutorials and browse our previous articles:


    You found the easter egg! The first person to note LabLayers with a description of the image below will get 20 :points:!

    One Planet 5.0 by harajukumatt

    I want this map of this world because it represents my desire the explore the world and meet new people wherever I go. I will also end up learning something new with this print hanging over my bed every night as this will greatly really help me remember every single country in this great wonderful world!

    This journal was submitted for CalendarProject's task.

    For those in the USA, please join me now!…

    Check out this guide I created:

    RIP 12/2/2013 10PM EST!

    ParodiesofEdward Hopper's


    Nighthawks is a 1942 painting by Edward Hopper that portrays people sitting in a downtown diner late at night. It is Hopper's most famous work and is one of the most recognizable paintings in American art.

    Here is the original:

    Now imagine if the room was empty:

    Empty Nighthawks by hakukaji

    Times have changed since then, of course:

    Times have changed, huh? by mourique

    Here's an actual photo from a slightly more modern perspective:

    What if this was Star Trek, and it took place in outer space?

    Star Trek Nighthawks by Rabittooth

    Here's another vision, taking place in another place far far away:

    Nighthawks of the Future by EcsezTheGeek

    The cast from The Giant Bomb:

    Nighthawks - The Giant Bomb Edition by Tigerhawk01

    What if Nintendo took over the bar?

    There seems to be a pony version of everything:

    NightMares by PixelKitties

    Or maybe the TARDIS showed up at its front door:

    TARDIS v. Edward Hopper by stinglacson

    If this was re-imageined in the style of the Regular Show:

    What if Daft Punk showed up in the middle of the night? I wonder what they may order, since they "don't speak" and therefore they don't have a mouth. :3

    Daft Punk - Nighthawks by danschul

    Or what if this entire scene was recreated in Legos?

    If this place still existed to this day, of course it would be a Wi-Fi bar

    The Avengers would definitely need a break after a day of saving the world.

    Peeps are tasty!

    There's always that anteahter meme, too:

    My Weekend at #PilotPhilly

    Thu Nov 14, 2013, 8:56 PM

    My quick thoughts and reflections to GoPilot’s Philadelphia high school hackathon.

    My Weekend at #PilotPhilly

    This weekend, I was at my first hackathon. It was pretty epic, well organized, and the mentors did a great job opening their arms to those who wanted to learn something new.

    A Little Background

    I've been following big tech hackthons and conventions perhaps since the first TechCrunch Disrupt and the iPhone 3G announcement (when I was in middle school.)  I never really had the money or any transportation to attend these types of big events, and I often got jealous of all those 10–14 year-olds who show up at these events, because I feel like I'm more than capable of working with them but I just can't... :3

    Fast forward to early October, when one of my teachers informed me of a free hackathon for high school students. I pretty much got my tickets an hour later, and I remembered being very excited because I was certainly going to other meet a whole bunch of other geeks in the area and it’s pretty much my first tech meet up where I’ll actually get a chance to show off my skills.

    Time went on, and sooner or later I really wanted to do my research, because I have never pulled off an all-nighter before, nor have I been in anything remotely similar to a hackathon (if the science fair counts.) I pretty much started by (re)watching just about every single video of TechCrunch's Disrupt SF and by casually searching #PilotPhilly on Twitter. This gave me a chance to pretty much meet any mentor and anyone looking for a team long before the event, but I still had trouble finding a team.……

    Then came Friday night. Not knowing what to bring, I packed an everything that was on the list (except for the sleeping bags/pillows - I had a towel instead.) I also brought with me my wireless USB lamp, alarm clock, wacom tablet, cotton swabs, a bunch of tissues, a power squid, and a bunch of DIY 3x5" business cards in 4 variants: a bold star, a monkey, an octocat, and a conversation starter. (I pretty much overpacked by too much, but at least I was able to give other a helping hand with my extra resources.) :3

    I was still searching for someone I could possibly team up with before the event (based on the advice I’ve received.)  At the last possible hour before bedtime, I stumbled upon a tweet of another student looking for a team. We chatted, and it turns out that we may be perfect partners not only because we both had similar skills and ideas, but also because we're both unique enough to benefit from each other through differences we had to offer. ;)

    In addition, I practiced by making my ideal version of running on Node.js and HTML5. It should have been a simple three-step process in the first place: basic information, a list of plans, and online payment. It's not even close to finished, but I will release the (messy unfinished) source code if not HTML template soon.

    (Please be aware that this post contains selfies taken from my MacBook. Now I usually don’t take selfies, but I had an endless flow of people from PA & VA requesting a photo of me to prove that’s me. So for this weekend, I decided to put my face on the internet. :3)

    The Morning

    On Saturday morning, I took the SEPTA regional rail straight to University City. I remember complaining how the train arrived 30 seconds late, but other than that it was a flawless ride.

    I stopped by Chipotle a few blocks away from the university and ordered burrito bowl with a half-scoop of barbacoa and a half-scoop of steak. It was absolutely delicious! After lunch, I got a little lost walking around UPenn, but a paper printout of Google Maps was enough to guide me around. I quickly got through registration, sorted out wifi problems, and I'm placed into a hall an hour before kickoff.

    As I walked around, I tried to greet as many people as I could so we could form teams. It turns out that everyone had different skill levels through a highly diverse range of topics.

    About ~25% of the attendees had no programming experience whatsoever, and many either knew or were in the middle of learning Java. To my surprise, many of the students have never heard of GitHub, or had an idea on what they wanted to build. There were also people programming in languages I have never personally heard of and lots of kids from the THE ever-so-prestigious Thomas Jefferson High School in NoVA.

    Out of the ~150 people who came, I looked around, noticing the high amount of people running Linux (20%), brining in their own monitors (~15), pretending to be Tony Stark in leap motions (~6), rocking out on their Wacom tablets (~2), and more amazingly the sheer amount of people already arriving in fully-formed teams of 3-4 (everyone except ~20).

    I got a chance to take a look at the cool swag that was going to be given away - there were lots of Google Glasses and Pens, as well as an endless pile of shirts (see below.) I eventually got settled at a table towards the back of the hall, and I met up with Avi, the guy who I talked to the night before.

    We met each other, and since Avi happens to be the Elementary OS developer who wrote switchboard, I got an Elementary OS sticker!


    All of the mentors introduced theirselves on megaphones, and the sponsors said hello while giving us some inspirational words of advice.  There were people coming from as far as Connecticut, Massachusetts, and Illinois! The organizers tried to do an official 3-2-1, but it was as quiet as crickets, so the organizers tried again and got everyone to count down with them - there was lots of energy from all the excitement, too!

    Here is a video from a instagram taken by allenjoka just seconds after the countdown:

    As soon as the countdown ended, the ~20 people without fully-formed teams gathered right outside of the hall. We had a team of two looking to recruit other people who were good at HTML, Node.JS, or any similar languages, and we picked like a boss bracket - if someone likes you're idea or know something similar, they will kindly ask you to pair up.  Many of the people without teams were beginners, but had lots of enthusiasm and a desire to learn something new. 2 beginners wanted to join our team to learn something new, but our pace was so fast and as much as we wanted to help them, sadly we insisted that we would be fine as a group of two.


    Almost immediately, the mentors tried to see what we all wanted to do and sprung into action, teaching just about everyone on how to use GitHub and CodeAcademy.

    As soon as coding begins, we both tried to recruit or merge with another team that specializes in Node.js, but that wasn't much of a success.  As I walked around, I also noticed a team in the middle of entering credit card information for GitHub because they no idea that they offered a free plan (which was a plan linked buried under all of the paid plans) and a mentor had to literally stop them from almost wasting $7 a month. I also notice a somewhat-secret hallway behind the hall, where the more experienced Thomas Jefferson kids were working diligently on their projects.

    Since we could not really work on the same files at once (at least for starting out any particular node.js project,) we shared a computer. And so the commit logs for the first hour looks like this:

    • initial commit
    • Browse code
    • Add express stuff
    • Laying the groundwork for express
    • Bootstrap + basic template inheritance
    • More template/layout work

    I quickly noticed how loud the hall was and we decided to relocate to the room in the back-left corner in the hall, with a vacant table and dimmable lights. I then attended a 45-minute iOS session ran by Matthew and discussed app development, a few business strategies, as well as some great ideas that gave me inspiration for the hackathon.

    “You build apps because you have access to your phone all of the time… camera, motion processing, audio/video, messaging, quick availability…”

    While I was gone listening to an iOS session, Avi laid out some of the basic framework necessary for the project:

    • Navigation, routes, layout
    • Add sign up/in templates
    • Add what i've been working on
    • Chat box, link styling, link to PilotPhilly
    • Add mongoose, models
    • Kill unneeded templates/routes

    As soon as I came back from the session at around 3:15pm, Avi got a whole lot done with how the backend works in such a short amount of time - messages are being sent to the server, and all is good.  I added some LESS Middleware, some here and there, and we got even more done:

    • update homepage
    • add gitignore
    • remove log
    • fix 404 errors
    • Socketio is now working bidirectionally
    • Basic chat view
    • add less files
    • Merge conflicts
    • added LESS
    • update css, gitignore style.css
    • center chat box
    • unify javascript
    • Auth
    • Merge branch 'master' of…
    • Fix merge
    • Combine to app.jade
    • unignore modules
    • ignore directory setting files
    • ignore directory setting files
    • ignore
    • allow the popup to prompt for a name before the chatbox loads

    I also met up with quite a few mentors who said hi to on Twitter, and I really would like to give a shoutout to Joel Glovier for teaching everyone how to use Git and GitHub - the two things the teams will end up using the most (if not Dropbox.) He even came with lots of Octocat stickers and even had a customized hoodie with his name on it…

    I’ve also met up with Yuriy Porytko who was happens to be quite the entrepreneur, @twrivera discussing lots of cool tech trends (especially OpenShift), as well as Douglas Muth (GizaWhiteMage) who was quite into Node.js (and I somehow did not notice his fascinating twitter bio until just now…)

    Feel free to say thanks to these amazing mentors on Twitter, because they have really done a lot to make this event a success and have helped everyone out in the middle of all this madness!


    We set up a MongoDB database that logs every chat message so that if the user refreshes the page, the messages show up.  I set up LESS, and did a few things with  Avi was doing a whole lot of backend work, but I was somehow able to keep up with what he was doing. And we got all this done before dinner:

    • Auth memory
    • Merge branch 'master' of…
    • Fix LESS stuff
    • Sane auth system
    • Logout function works
    • Add logout button, intelligently create/identify users
    • update styles
    • fix transitions

    I was also pretty quick to pick up on Jade and Coffeescript (two previously unfamiliar concepts) just by looking at the code - no documentation needed and I started to pitch in. Which pretty much meant that sockets and authentication were functioning properly, but the chat window did not (yet) show the actual chat messages. I then realized that I was only 1/4 into the event and wowweeee time surely went by pretty slow…

    The mentors also handed out Google Glass*, Google Pens, and Android/YouTube/Chrome/GMail stickers from Google. It was awesome!

    *no, seriously:

    It's Google stickers galore!


    Pizza! Salad! Lots of breadsticks, fruit snacks, and soda! There was lots of pizza to go around, and I gotta say that that pizza was the best pizza (other than Costco) I’ve had since I’ve moved into Philly! :)

    I grabbed 2 slices, a huge salad, and the other 2 teams in my room grabbed 3 whole boxes of pepperoni pizza for the thrill of it. I started to code… only to realize that touching anything with oily hands would probably not be the best idea so I washed my hands, wiped my keyboard, and got back to work.

    In addition, I was quite excited when someone started the PilotPhilly Room because 1) I am a pro at this 2) I have like 10k DJ points kicking out like a master and more importantly 3) it’s what got me into Node.js in the first place! I was (almost) going to bring in my bot, but the person running the event didn’t want me to and I had work to do anyways. ;)


    After dinner, I arranged a Google+ hangout and went around giving 8 friends a quick tour of PilotPhilly on my MacBook, encouraging everyone to say ‘hi’ to the camera (yep - that was me!) In the meantime, Avi got the chat to actually work with back-and-forth websocket JSON (woot woot) and we (almost) had a fully functional application by 11:30pm (and it really shows:)

    • Create chat feature
    • Nav links for convenience
    • Rooms & sending messages works
    • Satisfy my OCD
    • fancy login crap
    • shadows
    • Message persistence + clear input on send
    • Fix typo in index.jade, factor out app title string
    • sematic HTML
    • styles
    • rooms styling
    • empty room listing
    • sematic html chat
    • akdaskndas
    • add proper coffeescript implentation
    • accounts

    In addition, we pretty much nailed the freaking product by 11:55PM. Chat works, Avi was quite satisfied, and my mind has been blown til’ hell freezes over again (aka 2 minutes.) Since we still have more than half of the hackathon remaining to improve the whole system, so we did even more in the next hour:

    • chat padding
    • xkcd transform
    • HELLO not hello
    • Redirect support via whence param
    • darker yellow hover, no webkit outline

    Late Night

    At around 12am, I was let outside to jog 2 laps around the Penn Quad, but Avi wanted to stay to code. It was cold but my eyes were definitely jammed open as soon as I came back inside. As soon as I got back, I got back running.

    The team across my table were coding a spite-based game (apparently), and the team perpendicular to my table were learning Java (to build an android app). I occasionally did a swoop on who's still learning CodeAcademy 11 hours into the event and ~15 people are still learning hard - never a bad thing!

    Over the next few hours, we got this done and I pretty got a lot done, staying waaaay past my normal bedtime.

    • Change empty text
    • Better footer
    • Use spans
    • chatbox css and body height
    • Delete obsolete form crap
    • Intelligent scroll to bottom
    • automatic resize chatbox
    • Better scroll to bottom support
    • also resize on document ready
    • Dates and scrolls and stuff
    • Timestamp is a class all its own
    • Userstamps
    • More accurate backgrounds
    • Colors
    • bg images
    • Real time titles
    • Send button
    • ignore
    • Merge branch 'master' of…
    • Send button actually sends
    • add for heroku
    • fix css
    • fix chatbox css

    Then comes I am and we all got ice cream sandwiches from GitHub. They were sitting outside in the cold (of course) but it was tasty to the point that I can literally “taste the GitHub”!

    My original plan was to trim this video into 6 seconds and upload the segments to Vine via its undocumented API, but my plans didn’t go as expected (mainly since I didn’t even have a Vine account in the first place.)

    Sooner or later, I turned the lights off in the room and turned on my wireless IKEA lamp I brought… because apparently coding in the dark is awesome! The main hall of the hackathon remains fully lit, but the three teams in my room did get a well-needed break from the harshly bright light (well at least it was harsh for me.)

    I also checked out the other projects - the one about the Wikipedia spam detector and leap motion new tab page really fascinated me! I also spotted another user of Elementary OS and I saw the rush of happiness travel up Avi's face… ;)

    Late Late Night

    It’s like 2am, and I’m making tiny detailed CSS3 animations mostly off the top of my head (thanks to my Autodesk Inventor skills - long story.) I also (without thinking) took an epic selfie and posted it to my twitter friends still awake but it’s worth sharing:

    • Send button disables when logical
    • send button
    • fly in animations
    • animations fixed again
    • seprtate animations
    • Logo ideas

    I also made a compilation of some CSS3 animations, some came from Bootstrap but the ones used in the demo were ones created by me:

    • add ds_store to gitignore
    • Merge branch 'master' of…
    • date stamps that are actually f*cking sane
    • Cleaned up navigation
    • custom css
    • Sharing options
    • Merge branch 'master' of…
    • old chats slide down
    • fix animations
    • Push user prefix shit
    • update animations

    Early Morning Hours

    I walked around at 3am only to notice that quite a few people (~20%) playing League Legends. A notable amount of hackers are asleep in broad celinglight, and there was a basement for anyone who wanted true peace and quiet. I did another Google+ hangout with friends in Australia and San Francisco and quickly went back to coding.

    About 30 minutes later, the team across from my table started to put on their flashlight strobes from their Android phones, and ended up playing out music out loud because apparently no one outside our corner room was disrupted by the music. We literally had a “DJ battle” with our speakers on who could find the best steak grilling, geeking, troll, fruit salad, and wait for it… wtf banana music (videos.) I was like a mini-palooza, where everything was literally exaggerated to the point where we were all not know what we were even doing. Everyone definitely got an energy & inspiration boost from all this craziness.

    All of a sudden, the team perpendicular from my table came up with a genius idea:  A Morgan Freeman app where you can purchase Morgan Freeman-inspired swag. From the skills they have picked up from learning Java in the past 15 hours they started to code an Android app (and surely it starts to pay off!)

    The team across from our table is creating a Tony Stark app in Visual Basic that automates simples processes like logging in to facebook and so on, and it’s quite awesome from what I have seen so far.

    In return, we showed the other 2 teams what we have so far with Hackerchat (and we did get quite a few visitors from other teams coming in curious this late in the morning:)

    • Fix wget
    • animations ftw
    • styling and color
    • text field resizing
    • Fix timestamp position
    • I like to walk softly and carry a big airplane
    • clear function, increase iframe height
    • Add better favicon
    • mobile layout and js fix
    • Merge branch 'master' of…
    • remove rough edges
    • Logo, compile app for heroku

    I was about to pull off my first true all-nighter by eating approximately a slice of pizza every hour or so and drinking lots of water. I did not have the desire to sleep whatsoever (like I feel like I can jump all over the place,) and I just wanted to take a 14-minute PowerNap.


    It’s like 5am, ~75% of the people are asleep, and I should be too. I took out my towel and tried to start sleeping, but no success. I want to be tired, but my body isn’t the slights bit worn down. I pretty much wasted 15 minutes with my eyes closed laying on the floor but I did feel somewhat revived as I got back up. As someone told me when I asked for help:

    Sleep is for the weak.

    That sounds like a great idea, and that’s what I did: not sleep at all. I did set my alarm clock for those who wanted to wake up at 8am, but I hit the ground coding and sorting out many rough edges. My partner fell asleep at around 6:30, and I have lots of respect for him since he coded without getting up for food/ice cream all night.

    • force height on mobile
    • Fix stupidity
    • add youtube
    • youtubr again
    • Fix coloring
    • Fix colors part deux
    • Compile and add shit

    Avi buys for the project, and I am instantly in awe.


    It’s 7am and we were all waiting for breakfast. The website claims that it was going to be served at 7am and again at 9am, but all we received were leftover snacks from Saturday (that ran out 20 minutes later) because it turns out that *someone* forgot to make an order Dunkin Donuts forgot to send out the delivery. Supplies were short, and we waited like… forever. But food scandals aside, we still had a great time. :)

    In unrelated news, I won a MongoDB shirt because I :heart: MongoDB! I also picked up leftover pairs of Google Pens because the organizers were giving them away to anyone who wanted one.

    At 11am, the breakfast *finally* arrives from Dunkin Doughnuts. Donuts, juice, and coffee were being served. I decided to just skip over it and continue coding because we were simply running out of time! Avi comes up with the genius idea of the hackable chat system (soon to be our killer feature) and we get started right away. On very little sleep, this is what our commit log looked like:

    • gifas
    • asdasdasd
    • IDFK
    • WHAT
    • iframe 450
    • finalize mobile stuff
    • Intro shit

    On an unrelated note, you should also check out commit logs from last night.

    The Final Hour

    At 12:00am, we had an hour left before the project had to be summited to the Hacker League. There was lots of adrenaline rush in all of us and the fear in all of our hearts that would never get our projects finished due to a 23-hour procrastination. I did get up for a bathroom break, but everyone was seriously rushing to get what they had done. It’s like that final 10 seconds of MasterChef, only that it’s an hour long.

    At 12:40PM the final lines of code were written. Happy-happy-happy ho!

    • Code editor is DONNNNENEE
    • add readme and fix nav items
    • Things "work"
    • final compiler patch
    • The dark deed is done
    • Remove style for title editor
    • FINAL

    Just one problem: hasn’t properly propagated yet. I SSH’d into my OpenShift instance and ping without success. A few minutes later, and the site was live! *WHEW* AND THE REST WAS HISTORY. Project submitted just in time for lunch.
    And then we grabbed lunch (technically just minutes before finishing.) Everyone had Gyros for lunch - meat, veggies, fries, and sauce wrapped in a thick tortilla wrap. It was absolutely amazing!

    As I ate lunch, the team at the table perpendicular to me celebrate in excitement as they got their first Android App working - titled “Morgan Swagman” that literally goes “swag swag swag swag swag swag swag swag swag swag swag swag swag swag swag swag” in a computerized voice when a button is pressed. It’s absolutely hilarious, and definitely beats a hello world app by over 9001% percent!

    Everyone quickly packed up. I grabbed a quite a bit of leftover Octocat stickers and got seconds for Gyros. Headed down to a hall across UPenn’s campus, and I took a final snapshot of the GreenVote sticker hanging over top of a doorknob (hey Aaron!)


    47 awesome projects were demoed. They’re all amazing. Check them out by clicking here!

    When it came our turn we truly “wowed” the judges with every single detail - from the subtle animations to the random URL hashes literally blew their minds away! It felt like a truly finished project, and ran flawlessly. I insisted at the last possible second to use an iOS emulator instead of desktop Safari for the two-screen demo, and it paid off big-time.

    Hackerchat had a live demo up on twitter for anyone following the hashtag #PilotPhilly on Twitter, and since it was web-based mobile friendly, virtually anyone could try it out!

    In addition, we came prepared with a 2-second backup plan a terminal command away (via the Hosts file and running it locally) but we didn’t have to resort to that. ;)

    As I sat back and watched the demos, I can really tell that this was their first time programming for many people, and the apps went beyond the standard “hello world” crap: they created truly functional applications that can change the world one day!

    It’s just wonderful to see what can happen in 24 hours. And to be part of it really means a lot to me.

    In addition, I’ve noticed a few trends with how the hacks are presented & designed:
    - Most of the web projects used Bootstrap (including ours)
    - Many took advantage of the two screens
    - Almost all of the projects made the audience laugh
    - It was hard to squeeze a demo into 2 minutes
    - My mind was blown 10 times over


    And I have exciting new to tell you all about: As a team, Avi and I, have won 1st Place! This was my first-ever hackathon, and it felt awesome awesome awesome! We designed a kick-ass hackable chat system that literally blew the minds of everyone, and we both won an the grandest of the grand prize, courtesy of the University of Pennsylvania. I even beat at least 30+ TJ kids who were at the hackathon this weekend, which was even more impressive.

    And I have walked home accomplishing a major milestone in life. I gave the organizers a group hug, and it was really “the best day ever!” :D


    Congrats to all of the winners, too!
    It Just Works - Leap Motion: #MotionMusic
    Best Mobile App - Chromecast: #Mannequin
    Ed Tech - Speakers: #Cognify
    Best Health App - Fibit: #HealthCon
    3rd Place - Kindle: #Oxide
    2nd Place - Apple TV: #AutoFlip
    1st Place - iPad Mini: #HackerChat!!

    Things I've Learned

    I've definitely learned a lot from my partner, and we really worked as a team. At this point, I feel confident that I can (at least start to) go out and create Node.js applications that rely on Coffeescript, Jade, and many more libraries that we have worked with.

    I also listened to advice from the internet and managed to pull off my first all-nighter by drinking water and eating around a slice of pizza per hour. I never had the desire to sleep throughout the entire thing, and I only got slightly tired around 5am where I tried to go to sleep but I was not tired whatsoever. I (quite frankly) still don't have the desire to sleep even though I've been up for over 36 hours straight before falling asleep again - and I still did not feel tired then.

    Your project shouldn't just make the judges laugh, but go above and beyond to “wow” them. The wow factor and design is critical to what the judges are looking for, and it’s probably a good idea to pay close attention to the criteria as soon as you receive it.

    The only major regret I had at my hackathon is why I have never heard of Node Knockout until just a few hours ago - we should have submitted Hackerchat to the competition since it fits the criteria. ;)

    Spotify Playlist

    I also made a Spotify playlist based on every metadata-enabled track I’ve listened to during the hackathon (via Click the image below to check it out:

    A Few Words from Avi

    After reading this journal, Avi had a few words to say:

    Holy crap dude, you're a beast. I just finished reading that and your memory, incredible attention to detail, and analyses were excellent. Truly, I have positively no idea how you managed to observe all of that, record videos, send out like 100 Tweets, attend talks, meet mentors, DJ in turntable, videoconference with friends, tour the building MULTIPLE times, and STILL freaking contribute a ton to the project.

    Including the git log was a really nice touch, especially bolding the important commit messages.

    You also touched on a number of things which, in retrospect, were really important:

    - the "killer" functionality of our app, the hackable aspect, was written in the last 1.5 hours of the competition. that's flipping nuts, and I think was only possible because of that insane pair-programming "I-code-you-debug/research" thing we had going.

    - I had no idea the DNS propagation for the domain name would take that long (i'm used to it being <20 minutes), but yeah it was key to have so many backup plans

    - I really didn't appreciate it at the time, but your excellent work on the responsive UI/mobile support was totally key. You were 100% right to do the iOS simulator thing during the demo — I would have made the wrong call on that front. I didn't think it was a good use of time to work on mobile when the core product was still not finished, but honestly, it all worked out in the end and we delivered on both fronts.

    - your ability to pick up the tools I was working with so quickly was also really critical. We spent virtually zero time arguing about what we wanted to hack with. We pretty much just used what we knew or picked up what we didn't and learned it on the spot.

    I can only imagine the hacker you'll be when you get to be a senior...

    In addition, DeviantART user deviant-garde had this to say:

    I've never thought of participating in something like this, but it sounds like it was a whole lot of fun and excitement without a doubt. That Avi guy really knows how to push himself too. Not only did he spend so much time programming without taking a break, but he's got plenty of really interesting projects under his belt on his website.

    As a bonus, GitHub's graphs have interesting things to say. Interestingly enough, we committed most of our code between the hours of 12am to 4am, then again at 9am. 69% of our commits happened on Sunday, and there were obvious periods of inactivity in times in between.

    Thanks, Sponsors!

    Also, here's a shoutout to all the sponsors - this wouldn’t be possible without you!