Added navbar, landing page, and about page

agarwali · May 19, 2016 · a6d2645 · a6d2645
1 parent cc2b411
commit a6d2645
Show file tree

Hide file tree

Showing 10 changed files with 162 additions and 0 deletions.
diff --git a/_includes/css/about.css b/_includes/css/about.css
@@ -0,0 +1,11 @@
+.main {
+	padding: 3em;
+}
+
+.main h1 {
+	font-size: 7rem;
+}
+
+.intro {
+	font-size: 2.5rem;
+}
diff --git a/_includes/css/nav.css b/_includes/css/nav.css
@@ -0,0 +1,31 @@
+.navbar-static-top .nav {
+    padding: 15px;
+}
+
+.navbar {
+	margin-bottom: 0;
+	font-size: 18px;
+	line-height: 0;
+}
+
+ @media (min-width: 768px) {
+    .navbar .navbar-nav {
+        display: inline-block;
+        float: none;
+    }
+    .navbar .navbar-collapse {
+        text-align: center;
+    }
+}
+
+
+@media (max-width: 767px) { 
+    .navbar-brand {
+        padding: 0;        
+    }
+
+    .navbar-brand img {
+        margin-top: 5px;
+        margin-left: 5px;
+    }
+}
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -0,0 +1,45 @@
+<nav class="navbar navbar-inverse navbar-static-top">
+  <div class="container">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="{{site.baseurl}}/">
+        <img class="hidden-xs" src="http://placehold.it/150x50&text=Logo" alt="">
+        <img class="visible-xs" src="http://placehold.it/120x40&text=Logo" alt=""> 
+      </a>
+    </div>
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="main-navbar">
+      <ul class="nav navbar-nav">
+        <li><a href="{{site.baseurl}}/about/">about</a></li>
+        <li><a href="{{site.baseurl}}/featured/">featured</a></li>
+        <li><a href="#">portfolio</a></li>
+        <li><a href="#">blog</a></li>
+        <li><a href="#">contact</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+      <li>
+        <a href="#" title="Follow me on Twitter">
+          <i class="fa fa-twitter" aria-hidden="true"></i>
+        </a>
+      </li>
+      <li>
+        <a href="#" title="Connect with me on LinkenIn">
+          <i class="fa fa-linkedin fa-3" aria-hidden="true"></i>
+        </a>
+      </li>
+      <li>
+        <a href="#" title="Follow me on Github">
+          <i class="fa fa-github" aria-hidden="true"></i>
+        </a>
+      </li>
+    </ul>
+    </div><!-- /.navbar-collapse -->
+
+  </div><!-- /.container-fluid -->
+</nav>
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Ishwar Agarwal</title>
+
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+    <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/main.css">
+
+  </head>
+  <body>
+  	<header>
+  	{% include navbar.html %}
+  	</header>
+  	{{content}}
+
+    <!-- jQuery library -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
+
+    <!-- Latest compiled JavaScript -->
+    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+
+    <script src="https://use.fontawesome.com/a324be9706.js"></script>
+  </body>
+</html>
diff --git a/_posts/foss/2016-01-18-first-blog-post.md b/_posts/foss/2016-01-18-first-blog-post.md
@@ -0,0 +1,23 @@
+---
+layout: blog
+title: First Blog Post
+category: foss
+---
+
+I have always wanted to start a blog. But every time I find an excuse to not blog. A lot of people say that blogging is no longer a trend with this massive network of social media around us. However, I don’t think it’s true. I think blogging can be a very powerful tool to express and share your thoughts.
+
+> # “And suddenly you know: It’s time to start something new and trust the magic of beginnings.”
+> 
+> #### ― Meister Eckhart
+
+So, you might be wondering what got me started? Well, this semester at Berea College I am taking a course in Software Engineering, where we will be learning and contributing to the world of Free and Open Source Software (FOSS). As a part of this course, we are required to blog about our work and share with the world what a class of undergraduate is trying to accomplish. After all, isn’t Open Source about sharing your work with others?
+
+I have not decided what other objects I would like to accomplish through this blog. But you will definitely find my posts about my FOSS class project. I might also use this Blog as a platform to share my other works and what this tiny creature in this BIG world is trying to accomplish. This blog will also be a motivation for me to start building my personal website and share my work and create my network.
+
+And yes, if you would like to know more about don’t forget to visit my About page. Also, feel free to drop me a message on the Contact page.
+
+Thanks for reading.
+
+Signing off,
+
+Ishwar.
diff --git a/about.html b/about.html
@@ -0,0 +1,18 @@
+---
+layout: base
+title: About Ishwar Agarwal
+---
+<div class="container">
+	<section class="main">
+	<div class="row">
+	<div class="col-md-5">
+	<h1>about me</h1>
+	<p class="intro">Hi, I'm a Student and a Full Stack Developer.</p>
+	<p>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.</p>
+	</div>
+	<div class="col-md-7">
+		<img src="//placehold.it/590x440&text=My Photo" alt="Me" class="image-responsive" style='width:100%;'/>
+	</div>
+	</div>
+	</section>
+</div>
diff --git a/contact.html b/contact.html
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,5 @@
+---
+---
+
+{% include css/nav.css %}
+{% include css/about.css %}
diff --git a/featured.html b/featured.html
diff --git a/portfolio/index.html b/portfolio/index.html