Enlight 2018 redesign

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+

404.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+<h1 style = "text-align:center;">Syntax error <b>#404</b></h1>

CNAME

@@ -0,0 +1 @@
+enlight.ml

README.md

@@ -0,0 +1,56 @@
+<p align="center"><img align="center" src="https://enlight.ml/enlight.png"><p align="center">
+<p align="center"><h1 align="center">Enlight</h1></p>
+<p align="center"><b>learn to code by building projects</b>
+
+## projects available
+
+Latest: [Neural Network](https://enlight.ml/build-a-neural-network)
+
+HTML/CSS/JS
+- [hex color generator](https://enlight.ml/color-generator.html)
+- [text editor](https://enlight.ml/text-editor.html)
+- [a minimal clock](https://enlight.ml/clock.html)
+- [to-do list](https://enlight.ml/to-do.html)
+- [web paint](https://enlight.ml/web-paint.html)
+- [quote generator](https://enlight.ml/quote.html)
+- [geolocation weather app](https://enlight.ml/weather.html)
+- [auto-compiling code editor](https://enlight.ml/code-editor.html)
+- [calculator](https://enlight.ml/calculator)
+
+Node.js
+- [real time chat app](https://enlight.ml/nodejs-chat)
+- [twitter bot](https://enlight.ml/twitter-bot)
+
+Python
+- [Guessing Number Game](https://enlight.ml/guess-number)
+- [Neural Network](https://enlight.ml/build-a-neural-network)
+
+
+## for the future
+- Machine Learning
+    - Linear Regression w/ Best Fit Line
+    - Classification & Object Detection
+- Blockchain Implementation
+- HN Clone
+- Twitter Clone
+
+- suggest more ideas using this [issue](https://github.com/samayshamdasani/enlight/issues/2)
+
+## Contribute by adding your projects & tutorials!
+Enlight is open-source - which means we love contributors! Have a project on the web, a cool app you're making, or really  anything useful? Share your knowledge! It doesn't have to be a specific programming language -- just send us whatever you want to share!
+
+If it's useful, it'll be posted on the site with of course, credit to you!
+
+- fork the repo
+- in the contribute folder, place your project files (source) & the tutorial text in a `.md` file
+- submit a pull request
+
+**or...**if you don't want to go through GitHub, you can email me your project+tutorial at hi@shamdasani.org
+
+thank you!
+
+## What is Enlight and why should I use it?
+Enlight is a compliation of articles and tutorials to enhance the process of learning to code. With topics spanning over many languages and technologies, Enlight is the home for everything development related. A couple years ago, I started to learn web development. At first, I ended up taking many courses and reading books learning. However, I learned so many terms, objects, statements, etc. that I couldn’t really implement them. Then, I started to make mini-projects by following tutorials online and scraping through code on GitHub. I believe that the best way to learn is to create. Make something cool. Then, with your newfound knowledge, make it even better. Trust me, you’ll amaze yourself.
+
+
+

_config.yml

@@ -0,0 +1,5 @@
+title: Enlight
+description: "Enlight is a resource aimed to teach anyone to code through building projects. Hosting a wide variety of tutorials and demos, it provides users with sample projects and explains how they work."
+url: http://tryenlight.github.io
+markdown: kramdown
+highlighter: rouge

_includes/footer.html

@@ -0,0 +1,41 @@
+<footer class="pa4 pa5-l black-70 bt b--black-10">
+
+<div class="email">
+<h1 class="fw6 f3 f2-ns lh-title mt0 mb3">Join 1,000+ other developers.</h1>
+<form method="post" action="//enlight.us11.list-manage.com/subscribe/post?u=c28720fd0200ee7eef0e3e9ec&amp;id=1905fa696f" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate>
+  <input placeholder="Email Address" value="" name="EMAIL" id="mce-EMAIL" type="email" class= "mw-100 w-80 w5-ns f5 input-reset ba b--black-20 pv3 ph4 border-box">
+  <input type="submit" class="input-reset w-50 w-auto-ns bg-black-80 white f5 pv2 pv3-ns ph4 ba b--black-80 dim">
+</form>
+</div>
+
+
+
+  <div class="dt dt--fixed w-100" >
+    <div class="dn dtc-ns v-mid">
+      <p class="f7 black-70 dib pr3 mb3 pt5">
+      © shamdasani.org 2017
+      </p>
+    </div>
+    <div class="dtc-ns black-70 tc tr-ns pt5">
+      <a href="https://twitter.com/tryenlight" class="twitter-follow-button" data-size="large" data-show-count="false">Follow @tryenlight</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></a>
+      <a class="link near-black hover-white dib mh3 tc" href="https://github.com/shamdasani/enlight" title="GitHub">
+    <svg class="dib h2 w2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8"/></svg>
+  </a>
+    </div>
+  </div>
+  <div class="db dn-ns">
+    <p class="f7 black-70 mt4 tc">
+      © Enlight 2017 by <a href="https://shamdasani.org">shamdasani.org</a>
+    </p>
+  </div>
+</footer>
+
+
+    </div>
+  </div>
+  <div class="db dn-ns">
+    <p class="f7 black-70 mt4 tc">
+      © Enlight 2017 by <a href="https://shamdasani.org">shamdasani.org</a>
+    </p>
+  </div>
+</footer>

_includes/head.html

@@ -0,0 +1,41 @@
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+   {% if page.layout == 'post' %}
+      <title>Build a {{ page.title | strip_html }} with {{ page.language }}</title>
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:site" content="@tryenlight" />
+      <meta name="twitter:title" content="Build a {{ page.title }} with {{ page.language }}" />
+      <meta name="twitter:description" content="{{ page.description }}" />
+      <meta name="twitter:image" content="{{ site.url }}/enlight.png?{{site.time | date: '%s%N'}}" />
+   {% endif %}
+   {% if page.layout != 'post' %}
+   <title>{{ page.title | strip_html }}</title>
+   {% endif %}
+      <meta name="description" content="{{ page.description }}">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <meta property="og:title" content="{{ page.title }}">
+      <meta property="og:description" content="{{page.description }}">
+      <meta property="og:url" content="{{page.url}}">
+      <meta property="og:image" content="/enlight.png?{{site.time | date: '%s%N'}}" />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:site" content="@tryenlight" />
+      <meta name="twitter:title" content="{{ page.title }}" />
+      <meta name="twitter:description" content="{{ page.description }}" />
+      <meta name="twitter:image" content="{{ site.url }}/enlight.png?{{site.time | date: '%s%N'}}" />
+
+      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.7.0/tachyons.min.css" />
+
+      <link href="/style.css" rel="stylesheet">
+      <link href="/syntax.css" rel="stylesheet">
+      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
+            <!-- Global site tag (gtag.js) - Google Analytics -->
+      <script async src="https://www.googletagmanager.com/gtag/js?id=UA-85620206-1"></script>
+      <script>
+      window.dataLayer = window.dataLayer || []
+function gtag() {
+  dataLayer.push(arguments)
+}
+gtag('js', new Date())
+
+gtag('config', 'UA-85620206-1')
+</script>

_includes/header.html

@@ -0,0 +1,14 @@
+<div class="top">
+<div class="enlight">
+<a href="/">enlight</a>
+</div>
+
+  <div class="nav">
+    <ul>
+    <li><a href="/guide">Guide</a><li>
+    <li><a href="/projects">Tutorials</a><li>
+    <li><a href="/web">Web Development</a><li>
+    <li><a href="/about">About</a><li>
+    </ul>
+  </div>
+</div>

_includes/projects.html

@@ -0,0 +1,52 @@
+<section class="cf w-100 pa2-ns" id="projects">
+  {% for post in site.categories.easy-web %}
+  <article class="fl w-100 w-50-m w-25-ns pa2-ns">
+    <a href="{{ post.url | prepend: site.baseurl }}" class="ph2 ph0-ns pb3 link db">
+    <div class="aspect-ratio aspect-ratio--1x1">
+      <img style="background-image:url({{post.img}});"
+      class="db bg-center contain aspect-ratio--object card" />
+    </div>
+      <h3 class="f5 f4-ns mb0 black-90">{{ post.title }}</h3>
+      <h3 class="f6 f5 fw4 mt2 black-60">{{ post.language }} | <u>{{ post.difficulty }}</u></h3>
+    </a>
+  </article>
+  {% endfor %}
+  {% for post in site.categories.middle-web %}
+  <article class="fl w-100 w-50-m w-25-ns pa2-ns">
+    <a href="{{ post.url | prepend: site.baseurl }}" class="ph2 ph0-ns pb3 link db">
+    <div class="aspect-ratio aspect-ratio--1x1">
+      <img style="background-image:url({{post.img}});"
+      class="db bg-center contain aspect-ratio--object card" />
+    </div>
+      <h3 class="f5 f4-ns mb0 black-90">{{ post.title }}</h3>
+      <h3 class="f6 f5 fw4 mt2 black-60">{{ post.language }} | <u>{{ post.difficulty }}</u></h3>
+    </a>
+  </article>
+  {% endfor %}
+  {% for post in site.categories.hard-web %}
+  <article class="fl w-100 w-50-m w-25-ns pa2-ns">
+    <a href="{{ post.url | prepend: site.baseurl }}" class="ph2 ph0-ns pb3 link db">
+    <div class="aspect-ratio aspect-ratio--1x1">
+      <img style="background-image:url({{post.img}});"
+      class="db bg-center contain aspect-ratio--object card" />
+    </div>
+      <h3 class="f5 f4-ns mb0 black-90">{{ post.title }}</h3>
+      <h3 class="f6 f5 fw4 mt2 black-60">{{ post.language }} | <u>{{ post.difficulty }}</u></h3>
+    </a>
+  </article>
+  {% endfor %}
+  {% for post in site.categories.python %}
+  <article class="fl w-100 w-50-m w-25-ns pa2-ns">
+    <a href="{{ post.url | prepend: site.baseurl }}" class="ph2 ph0-ns pb3 link db">
+    <div class="aspect-ratio aspect-ratio--1x1">
+      <img style="background-image:url({{post.img}});"
+      class="db bg-center contain aspect-ratio--object card" />
+    </div>
+      <h3 class="f5 f4-ns mb0 black-90">{{ post.title }}</h3>
+      <h3 class="f6 f5 fw4 mt2 black-60">{{ post.language }} | <u>{{ post.difficulty }}</u></h3>
+    </a>
+  </article>
+  {% endfor %}
+
+
+</section>

_layouts/default.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+
+	<head>
+	{% include head.html %}
+	</head>
+
+
+	<header>
+	{% include header.html %}
+	</header>
+
+
+	<body>
+
+	 {{content}}
+
+	{% include footer.html %}
+
+
+	</body>
+</html>

_layouts/email.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+
+	<head>
+	{% include head.html %}
+	</head>
+
+<nav class="db dt-l tc w-100 border-box pa3 ph5-l ba b--black-10 ">
+    <a class="f2 fw3 dib pa2 no-underline black" href="/">
+	    <img src="/enlight.png" width="30" class="grow" style="border-radius: 2px;">  Enlight
+    </a>
+</nav>
+
+	<body>
+
+<div class="center measure-wide f4 pv5 lh-copy ph2 content">
+	 {{content}}
+	 <br><br>
+	 <a href="https://twitter.com/tryenlight" class="twitter-follow-button" data-size="large" data-show-count="false">Follow @tryenlight</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+</div>
+
+
+
+	</body>
+</html>

_layouts/page.html

@@ -0,0 +1,38 @@
+<head>
+{% include head.html %}
+</head>
+
+
+<header class="{{ page.color }}">
+  <div class="top">
+  <div class="enlight">
+  <a href="/" class="white">enlight</a>
+  </div>
+
+    <div class="nav">
+      <ul>
+      <li><a href="/enlight/guide">Guide</a><li>
+      <li><a href="/enlight/projects">Tutorials</a><li>
+      <li><a href="/enlight/web">Web Development</a><li>
+      <li><a href="/enlight/about">About</a><li>
+      </ul>
+    </div>
+  </div>
+</header>
+
+<body>
+<article class="dt w-100 {{page.color}}">
+  <div class="dtc v-mid tc white ph3 ph4-l">
+    <h1 class="f1 f-subheadline-l fw6 tc">{{ page.title }}</h1>
+  </div>
+</article>
+
+<div class="center measure-wide f4 pv5 lh-copy ph2 content">
+  {{ content }}
+</div>
+
+</body>
+
+{% include footer.html %}
+
+</html>

_layouts/post.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+
+	<head>
+	{% include head.html %}
+	</head>
+
+
+	<header class="{{ page.color }}">
+    <div class="top">
+    <div class="enlight">
+    <a href="/" class="white">enlight</a>
+    </div>
+
+      <div class="nav">
+        <ul>
+        <li><a href="/enlight/guide">Guide</a><li>
+        <li><a href="/enlight/projects">Tutorials</a><li>
+        <li><a href="/enlight/web">Web Development</a><li>
+        <li><a href="/enlight/about">About</a><li>
+        </ul>
+      </div>
+    </div>
+	</header>
+
+
+	<body>
+
+    <!-- https://www.gradient-animator.com/ -->
+    <article class="dt w-100 {{ page.color }} tc">
+      <div class="dtc v-top tc white ph3 ph4-l pt2">
+        <h1 class="f1 f-subheadline-l fw6 tc">Build a <span class="underline">{{ page.title }}</span></h1>
+        <a href="{{ page.demourl }}"><img class="project-image" src="{{ page.img }}"></a><br><br>
+				<div class="pv4">
+
+        <a href="{{ page.source }}" class="f4 link ba ph3 pv2 mb2 dib white button">Source</a>
+        <a href="{{ page.demourl }}" class="f4 link ba ph3 pv2 mb2 dib white button">Demo</a>
+        <h3 class="f4 fw3 tc">By {{ page.author }}</h3>
+			</div>
+			</div>
+
+    </article>
+
+    <div class="content pv4 pa2">
+			<a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false" data-size="large">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+      {{ content }}
+    </div>
+
+    <div class="content center f4 pv5 lh-copy ph2 content bt">
+    <div id="disqus_thread"></div>
+    <script>
+    /**
+         *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+         *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
+         */
+/*
+        var disqus_config = function () {
+            this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+            this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+        };
+        */
+;(function() {
+  // DON'T EDIT BELOW THIS LINE
+  var d = document,
+    s = d.createElement('script')
+
+  s.src = 'https://enlight-2.disqus.com/embed.js'
+
+  s.setAttribute('data-timestamp', +new Date())
+  ;(d.head || d.body).appendChild(s)
+})()
+</script>
+    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+    </div>
+
+
+
+
+	</body>
+
+  {% include footer.html %}
+
+</html>