made everything dynamic

agarwali · Oct 23, 2016 · a61864b · a61864b
1 parent b745513
commit a61864b
Show file tree

Hide file tree

Showing 63 changed files with 446 additions and 654 deletions.
diff --git a/_data/about.yml b/_data/about.yml
@@ -1,2 +1,2 @@
-story: "I am a sophomore at Berea College from Bangladesh and am currently working towards a B.A. in Computer Science and Mathematics. At Berea College, I work as Student Programmer building Information Management Systems in an effort to make administrative work more efficient. My passions and interests center around technology, entrepreneurship, innovation, and human-centered design."
+story: "I am a junior at Berea College from Bangladesh and am currently working towards a B.A. in Computer Science and Mathematics. At Berea College, I work as Student Programmer building web applications in an effort to make administrative work more efficient. My passions and interests center around technology, entrepreneurship, innovation, and human-centered design."
 resume: "Ishwar-Agarwal-V11.pdf"
diff --git a/_data/blogCategories.yml b/_data/blogCategories.yml
@@ -0,0 +1,6 @@
+- name: Entrepreneurship
+  key: entrepreneurship
+- name: Free and Open Source Software
+  key: foss
+- name: Uncategorized
+  key: uncategorized
diff --git a/_data/funFacts.yml b/_data/funFacts.yml
@@ -0,0 +1,12 @@
+- title: Cook
+  icon: restaurant
+- title: Read
+  icon: library_books
+- title: Music
+  icon: music_note
+- title: Hack
+  icon: memory
+- title: Travel
+  icon: card_travel
+- title: Bike
+  icon: directions_bike
diff --git a/_data/menu.yml b/_data/menu.yml
@@ -1,8 +1,15 @@
-- title: about
+- title: ABOUT ME
   url: about
-- title: featured
-  url: featured
-- title: blog
+  icon: fa-user
+- title: RESUME
+  url: resume
+  icon: fa-file-text
+- title: PORTFOLIO
+  url: portfolio
+  icon: fa-briefcase
+- title: BLOG
   url: blog
-- title: contact
-  url: contact
+  icon: fa-pencil
+- title: CONTACT
+  url: contact
+  icon: fa-paper-plane
diff --git a/_data/social.yml b/_data/social.yml
@@ -1,6 +1,12 @@
 - title: facebook
-  url: ""
+  url: https://www.facebook.com/ishwar007
+- title: twitter
+  url: https://twitter.com/agarwalishwar
 - title: instagram
-  url: ""
+  url: https://www.instagram.com/agarwalishwar/
+- title: linkedin
+  url: https://www.linkedin.com/in/agarwali
 - title: github
-  url: ""
+  url: https://github.com/agarwali
+- title: snapchat
+  url: https://www.snapchat.com/add/agarwalishwar
diff --git a/_includes/about.html b/_includes/about.html
@@ -21,7 +21,7 @@ <h3 class="about-subtitle">My Story</h3>
             <ul>
               {% for item in include.social %}
               <li>
-                <a href="{{ item.url }}" class="btn-floating waves-effect waves-light white"><i class="fa fa-{{ item.title }}"></i></a>
+                <a href="{{ item.url }}" class="btn-floating waves-effect waves-light white" title="{{ item.title }}"><i class="fa fa-{{ item.title }}"></i></a>
               </li>
               {% endfor %}
             </ul>

diff --git a/_includes/blog.html b/_includes/blog.html
@@ -8,74 +8,37 @@
             <div class="clearfix section-head blog-text">
               <div class="col-sm-10">
                 <h2 class="title">Blog</h2>
-                <p class="regular-text">A Web page that serves as a publicly accessible personal journal for an individual. Typically updated daily, blogs often reflect the personality of the author.</p>
+                <p class="regular-text">Yes, I have a blog. My recent posts.</p>
               </div>
             </div>
+
             <div class="clearfix card-element-wrapper" id="blog-posts">
+              {% for post in site.posts limit:3 %}
               <article class="col-sm-6 col-md-4 single-card-box single-post">
                 <div class="card wow fadeInUpSmall" data-wow-duration=".7s">
                   <div class="card-image">
                     <div class="card-img-wrap">
                       <div class="blog-post-thumb waves-effect waves-block waves-light">
-                        <a href="single.html"><img class="activator" src="images/blog1.jpg" alt="">
+                        <a href="{{ post.url | prepend: site.baseurl }}"><img class="activator" src="images/blog1.jpg" alt="">
                         </a>
                       </div>
                       <div class="post-body">
-                        <a href="single.html" class="post-title-link brand-text"><h2 class="post-title">Awesome Post Title</h2></a>
-                        <p class="post-content">In consectetuer turpis ut velit. Sed lectus. Ut varius tincidunt libero. Vivamus euismod mauris. Vestibulum fringilla pede sit amet augue. Ut varius tincidunt libero. Pellentesque dapibus hendrerit tortor. </p>
+                        <a href="{{ post.url | prepend: site.baseurl }}" class="post-title-link brand-text"><h2 class="post-title">{{ post.title }}</h2></a>
+                        <p class="post-content">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</p>
                       </div>
                     </div>
                   </div>
                   <div class="clearfix card-content">
-                    <a href="#" class="left js-favorite" title="Love this"><i class="mdi-action-favorite"></i><span class="numb">15</span></a>
-                    <a href="single.html" class="brand-text right waves-effect">Read More</a>
-                  </div>
-                </div>
-              </article> <!-- ./single blog post end -->
-              <article class="col-sm-6 col-md-4  single-card-box single-post">
-                <div class="card wow fadeInUpSmall" data-wow-delay=".2s" data-wow-duration=".7s">
-                  <div class="card-image">
-                    <div class="card-img-wrap">
-                      <div class="blog-post-thumb waves-effect waves-block waves-light">
-                        <a href="single.html"><img class="activator" src="images/blog2.jpg" alt="">
-                        </a>
-                      </div>
-                      <div class="post-body">
-                        <a href="single.html" class="post-title-link brand-text"><h2 class="post-title">An Image Post</h2></a>
-                        <p class="post-content">In consectetuer turpis ut velit. Sed lectus. Ut varius tincidunt libero. Vivamus euismod mauris. Vestibulum fringilla pede sit amet augue. Ut varius tincidunt libero. Pellentesque dapibus hendrerit tortor. </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="clearfix card-content">
-                    <a href="#" class="left js-favorite active" title="Love this"><i class="mdi-action-favorite"></i><span class="numb">23</span></a>
-                    <a href="single.html" class="brand-text right waves-effect">Read More</a>
-                  </div>
-                </div>
-              </article> <!-- ./single blog post end -->
-              <article class="col-sm-6 col-md-4 single-card-box single-post">
-                <div class="card wow fadeInUpSmall" data-wow-delay=".4s" data-wow-duration=".7s">
-                  <div class="card-image">
-                    <div class="card-img-wrap">
-                      <div class="blog-post-thumb waves-effect waves-block waves-light">
-                        <a href="single.html"><img class="activator" src="images/blog3.jpg" alt="">
-                        </a>
-                      </div>
-                      <div class="post-body">
-                        <a href="single.html" class="post-title-link brand-text"><h2 class="post-title">Another Image Post</h2></a>
-                        <p class="post-content">In consectetuer turpis ut velit. Sed lectus. Ut varius tincidunt libero. Vivamus euismod mauris. Vestibulum fringilla pede sit amet augue. Ut varius tincidunt libero. Pellentesque dapibus hendrerit tortor. </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="clearfix card-content">
-                    <a href="#" class="left js-favorite" title="Love this"><i class="mdi-action-favorite"></i><span class="numb">17</span></a>
-                    <a href="single.html" class="brand-text right waves-effect">Read More</a>
+                    <a href="#" class="left js-favorite" title="Love this"><span class="numb">{{ post.date | date: "%b %-d, %Y" }}</span></a>
+                    <a href="{{ post.url | prepend: site.baseurl }}" class="brand-text right waves-effect">Read More</a>
                   </div>
                 </div>
               </article> <!-- ./single blog post end -->
+              {% endfor %}
             </div>
             <div class="clearfix left-align">
               <div class="col-sm-12">
-                <a href="blog.html" class="waves-effect waves-light btn-large load-more">See More</a>
+                <a href="{{ 'blog' | prepend: site.baseurl }}" class="waves-effect waves-light btn-large load-more">See More</a>
               </div>
             </div>
           </div>

diff --git a/_includes/contact.html b/_includes/contact.html
@@ -8,13 +8,13 @@
             <div class="clearfix section-head contact-text">
               <div class="col-sm-12">
                 <h2 class="title">Contact</h2>
-                <p class="regular-text">Collins Street West Victoria 8007 Australia</p>
+                <p class="regular-text">101 Chestnut Street Berea KY 40404</p>
                 <ul class="clearfix contact-info">
-                  <li><a href="">+880 1234 567890</a>
+                  <li><a href="">+1 859 248 4851</a>
                   </li>
-                  <li><a href="">support@website.net</a>
+                  <li><a href="mailto:aisshwar@gmail.com" target="_top">aisshwar@gmail.com</a>
                   </li>
-                  <li><a href="">www.website.net</a>
+                  <li><a href="">www.ishwaragarwal.com</a>
                   </li>
                 </ul>
               </div>
@@ -70,7 +70,7 @@ <h2 class="title">Contact</h2>
     <div class="container">
       <div class="row">
         <a href="#home" class="btn-floating btn-large button-middle call-to-home section-call-to-btn animated btn-up btn-hidden" data-section="#home">
-          <i class="mdi-navigation-expand-less"></i>
+          <i class="material-icons">expand_less</i>
         </a>
       </div>
     </div>

diff --git a/_includes/cssLinks.html b/_includes/cssLinks.html
@@ -1,14 +1,14 @@
 <!-- Favicon-->
-<link rel="shortcut icon" href="images/favicon.png" >
+<link rel="shortcut icon" href="{{site.baseurl}}/images/favicon.ico" >
 
 <!-- Stylesheets -->
-<link rel="stylesheet" href="assets/css/normalize.css">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/normalize.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
 <!--Import Google Icon Font-->
 <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
 <!-- Compiled and minified CSS -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
-<link rel="stylesheet" href="{{site.baseurl}}/assets/libs/materialize/css/materialize.min.css" media="screen,projection" />
 <link rel="stylesheet" href="{{site.baseurl}}/assets/css/bootstrap.css" media="screen,projection" />
 
 <link rel="stylesheet" href="{{site.baseurl}}/assets/css/animate.min.css" media="screen,projection" />
@@ -19,5 +19,7 @@
 <link rel="stylesheet" href="{{site.baseurl}}/assets/libs/owl-carousel/owl.theme.css" media="screen,projection" />
 <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/assets/css/main.css">
 <link rel="stylesheet" href="{{site.baseurl}}/assets/css/responsive.css">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/blog.css">
 
 <link rel="stylesheet" href="{{site.baseurl}}/assets/css/color.css">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" media="screen" title="font-awesome">
diff --git a/_includes/education.html b/_includes/education.html
@@ -48,8 +48,8 @@ <h2 class="left-align card-title-top">{{ edu.start }} - {{ edu.end }}</h2>
           </div>
         </div>
         <div class="btn-wrapp edu-ctrl">
-          <a class="btn-floating waves-effect waves-light btn-large brand-bg go go-left"><i class="mdi-navigation-chevron-left"></i></a>
-          <a class="btn-floating waves-effect waves-light btn-large brand-bg go go-right"><i class="mdi-navigation-chevron-right"></i></a>
+          <a class="btn-floating waves-effect waves-light btn-large brand-bg go go-left"><i class="material-icons">chevron_left</i></a>
+          <a class="btn-floating waves-effect waves-light btn-large brand-bg go go-right"><i class="material-icons">chevron_right</i></a>
         </div>
       </div>
     </div>

diff --git a/_includes/experience.html b/_includes/experience.html
@@ -46,8 +46,8 @@ <h2 class="left-align card-title-top">{{ exp.start }} - {{ exp.end }}</h2>
           </div>
         </div>
         <div class="btn-wrapp exp-ctrl">
-          <a class="btn-floating waves-effect waves-light btn-large white go go-left"><i class="mdi-navigation-chevron-left brand-text"></i></a>
-          <a class="btn-floating waves-effect waves-light btn-large white go go-right"><i class="mdi-navigation-chevron-right brand-text"></i></a>
+          <a class="btn-floating waves-effect waves-light btn-large white go go-left"><i class="material-icons brand-text">chevron_left</i></a>
+          <a class="btn-floating waves-effect waves-light btn-large white go go-right"><i class="material-icons brand-text">chevron_right</i></a>
         </div>
       </div>
     </div>

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -5,21 +5,13 @@
       <div class="col-sm-12">
         <div class="clearfix footer-inner">
           <ul class="left social-icons">
-            <li><a href="#" class="tooltips tooltipped facebook" data-position="top" data-delay="50" data-tooltip="Facebook"><i class="fa fa-facebook"></i></a>
-            </li>
-            <li><a href="#" class="tooltips tooltipped linkedin" data-position="top" data-delay="50" data-tooltip="Linkdin"><i class="fa fa-linkedin"></i></a>
-            </li>
-            <li><a href="#" class="tooltips tooltipped twitter" data-position="top" data-delay="50" data-tooltip="Twitter"><i class="fa fa-twitter"></i></a>
-            </li>
-            <li><a href="#" class="tooltips tooltipped google-plus" data-position="top" data-delay="50" data-tooltip="Google Plus"><i class="fa fa-google-plus"></i></a>
-            </li>
-            <li><a href="#" class="tooltips tooltipped dribbble" data-position="top" data-delay="50" data-tooltip="Dribbble"><i class="fa fa-dribbble"></i></a>
-            </li>
-            <li><a href="#" class="tooltips tooltipped behance" data-position="top" data-delay="50" data-tooltip="Behance"><i class="fa fa-behance"></i></a>
+            {% for item in include.social %}
+            <li><a href="{{ item.url }}" class="tooltips tooltipped {{ item.title }}" data-position="top" data-delay="50" data-tooltip="{{ item.title }}"><i class="fa fa-{{ item.title }}"></i></a>
             </li>
+            {% endfor %}
           </ul> <!-- ./social icons end -->
           <div class="right copyright">
-            <p>MaterialX &copy; All Rights Reserved</p>
+            <p>Ishwar Agarwal &copy; All Rights Reserved</p>
           </div>
         </div>
       </div>

diff --git a/_includes/funfacts.html b/_includes/funfacts.html
@@ -3,46 +3,31 @@
 <div class="sec-inner padd-tb-120">
   <div class="container">
     <div class="row">
+      <div class="clearfix section-head portfolio-text">
+
+      <div class="col-sm-12">
+        <h2 class="title">FUN FACTS</h2>
+        <p>
+          What I like to do.
+        </p>
+      </div>
+      </div>
+      {% for funFact in include.funFacts %}
       <div class="funfact-inner">
         <div class="col-sm-4 funfact-box">
           <div class="center-align card-panel white">
             <div class="feature-box-outer">
               <div class="funfact-box-inner">
                 <div class="clearfix ">
-                  <i class="mdi-editor-insert-emoticon"></i>
-                  <span class="num countNumb">150</span>
-                </div>
-                <div class="context">Happy clients</div>
-              </div>
-            </div>
-          </div>
-        </div> <!-- ./single fun fact box -->
-        <div class="col-sm-4 funfact-box">
-          <div class="center-align card-panel white">
-            <div class="feature-box-outer">
-              <div class="funfact-box-inner">
-                <div class="clearfix ">
-                  <i class="mdi-action-wallet-travel"></i>
-                  <span class="num countNumb">230</span>
-                </div>
-                <div class="context">Project Completed</div>
-              </div>
-            </div>
-          </div>
-        </div> <!-- ./single fun fact box -->
-        <div class="col-sm-4 funfact-box">
-          <div class="center-align card-panel white">
-            <div class="feature-box-outer">
-              <div class="funfact-box-inner">
-                <div class="clearfix ">
-                  <i class="mdi-action-wallet-giftcard"></i>
-                  <span class="num countNumb">79</span>
+                  <i class="material-icons">{{funFact.icon}}</i>
+                  <!-- <span class="num countNumb">150</span> -->
                 </div>
-                <div class="context">Award Won</div>
+                <div class="context">{{funFact.title}}</div>
               </div>
             </div>
           </div>
         </div> <!-- ./single fun fact box -->
+        {% endfor %}
       </div>
     </div>
 

diff --git a/_includes/home.html b/_includes/home.html
@@ -8,8 +8,7 @@
               <div class="center-align home-content">
                 <h1 class="home-title">HI! I'm <span>Ishwar Agarwal</span></h1>
                 <h2 class="home-subtitle">Dreamer | Developer | Entrepreneur</h2>
-                <a href="#contact" class="hire-me-btn btn waves-effect waves-light btn-large brand-bg white-text regular-text">Hire Me <i class="mdi-content-send left"></i>
-                </a>
+                <a href="#contact" class="hire-me-btn btn waves-effect waves-light btn-large brand-bg white-text regular-text"><i class="material-icons left">send</i>Hire Me</a>
               </div>
           </div>
         </div>
@@ -20,7 +19,7 @@ <h2 class="home-subtitle">Dreamer | Developer | Entrepreneur</h2>
       <div class="container">
         <div class="row">
           <a href="#about" class="btn-floating btn-large button-middle call-to-about section-call-to-btn animated btn-up btn-hidden" data-section="#about">
-            <i class="mdi-navigation-expand-more"></i>
+            <i class="material-icons">expand_more</i>
           </a>
         </div>
       </div>

diff --git a/_includes/jScript.html b/_includes/jScript.html
@@ -6,18 +6,21 @@
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
 
 <!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
-<script src="assets/js/jquery.easing.1.3.js"></script>
-<script src="assets/js/detectmobilebrowser.js"></script>
-<script src="assets/js/isotope.pkgd.min.js"></script>
-<script src="assets/js/wow.min.js"></script>
-<script src="assets/js/waypoints.js"></script>
-<script src="assets/js/jquery.counterup.min.js"></script>
-<script src="assets/js/jquery.nicescroll.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/jquery.easing.1.3.js"></script>
+<script src="{{site.baseurl}}/assets/js/detectmobilebrowser.js"></script>
+<script src="{{site.baseurl}}/assets/js/isotope.pkgd.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/wow.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/waypoints.js"></script>
+<script src="{{site.baseurl}}/assets/js/jquery.counterup.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/jquery.nicescroll.min.js"></script>
 <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"></script>
-<script src="assets/js/gmaps.js"></script>
-<script src="assets/libs/owl-carousel/owl.carousel.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/gmaps.js"></script>
+<script src="{{site.baseurl}}/assets/libs/owl-carousel/owl.carousel.min.js"></script>
 <!-- <script src="assets/libs/materialize/js/materialize.min.js"></script> -->
-<script src="assets/libs/jwplayer/jwplayer.js"></script>
-<script src="assets/libs/sweetalert/sweet-alert.min.js"></script>
-<script src="assets/js/common.js"></script>
-<script src="assets/js/main.js"></script>
+<script src="{{site.baseurl}}/assets/libs/jwplayer/jwplayer.js"></script>
+<script src="{{site.baseurl}}/assets/libs/sweetalert/sweet-alert.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/common.js"></script>
+<script src="{{site.baseurl}}/assets/js/main.js"></script>
+<script type="text/javascript">
+  $(".button-collapse").sideNav();
+</script>