YouGottaLoveFrontEnd · shaylh · May 16, 2015 · May 16, 2015 · May 24, 2015 · May 25, 2015
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,18 @@
+module.exports = function (grunt) {
+    grunt.initConfig({
+        sass: {
+            dist: {
+                options: {
+                    style: 'expanded'
+                },
+                files: {
+                    'public/styles/index.css': 'sass/index.scss'
+                }
+            }
+        }
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-sass');
+
+    grunt.registerTask('default', ['sass']);
+};
diff --git a/README.md b/README.md
@@ -11,13 +11,6 @@ Transition into the YGLF logo.
 Go wild and create your own unique transition, gamification or interaction using the YGLF logo.
 For an example, check out how different letters transition into the YGLF logo as you scroll down [our](http://yougottalovefrontend.com) website.
 
-## What can you win?
-1st place: **Apple MacBook Pro and $100,000 credit for [Google Cloud Platform](http://cloud.google.com)** 
-
-2nd place: **Trip for 2 to Europe**
-
-3rd place: **Brand new smartphone**
-
 ## Guidelines
 None. Use any frontend technology you want! The sky(or the latest version of Chrome)'s the limit.
 

diff --git a/frame.png b/frame.png
diff --git a/frame.svg b/frame.svg
diff --git a/index.css b/index.css
diff --git a/index.html b/index.html
diff --git a/package.json b/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "YGLF-Challenge",
+  "description": "The Periodic Table of the (HTML) Elements",
+  "version": "0.0.1",
+  "author": "Shai Lachmanovich <[email protected]>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/shaylh/yglf-challenge"
+  },
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-contrib-sass": "^0.9.2"
+  }
+}
diff --git a/public/images/doge.jpg b/public/images/doge.jpg
diff --git a/public/images/favicon.ico b/public/images/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>YGLF Challenge by Shai Lachmanovich</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="description" content="Shai Lachmanovich's candidate for YGLF conference 2015 challenge"/>
+    <meta name="google" content="notranslate"/>
+
+    <link rel="stylesheet" href="styles/font.css">
+    <link rel="stylesheet" href="styles/index.css">
+    <link rel="icon" type="image/ico" href="images/favicon.ico">
+
+    <script src="scripts/lodash.min.js" type="text/javascript"></script>
+    <script src="scripts/tags.js" type="text/javascript"></script>
+    <script src="scripts/table.js" type="text/javascript"></script>
+    <script src="scripts/yglf.js" type="text/javascript"></script>
+    <script type="text/javascript">
+        window.addEventListener('load', populateTable);
+        window.addEventListener('load', function(){
+            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+            ga('create', 'UA-54492275-2', 'auto');
+            ga('send', 'pageview');
+        });
+    </script>
+</head>
+<body>
+<div id="yglf">
+    <div id="table">
+        <div id="periodic">the periodic table<br>of the (html)<br>elements.<a onclick="yglf()" href="#">yglf</a></div>
+        <div id="about">by <a href="https://il.linkedin.com/in/lachmanovich" target="_blank">shai lachmanovich</a></div>
+    </div>
+</div>
+<div id="elements"></div>
+</body>
+</html>