initial commit

11 files changed, 251 insertions, 0 deletions

diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..33d2c5c
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1 @@
+<h1>simple 404 error page</h1>
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..3d3b2c0
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,20 @@
+{{ partial "header.html" . }}
+{{ partial "sidebar.html" . }}
+
+<div class="main-content">
+	{{ if .Site.Data.skills }}{{ partial "skills.html" . }}{{ end }}
+	{{ if .Site.Data.experience }}{{ partial "experience.html" . }}{{ end }}
+	{{ if .Site.Data.services }}{{ partial "services.html" . }}{{ end }}
+</div>
+
+<div style="z-index: 4; position: relative;">
+	{{ if gt (len (where .Data.Pages "Type" "blog")) 0 }}{{ partial "blog.html" . }}{{ end }}
+	{{ if gt (len (where .Data.Pages "Type" "work")) 0 }}{{ partial "work.html" . }}{{ end }}
+</div>
+
+<div class="main-content">
+	{{ partial "contact.html" . }}		
+</div>
+
+{{ partial "footer-scripts.html" . }}
+	
\ No newline at end of file
diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html
new file mode 100644
index 0000000..306f4b3
--- /dev/null
+++ b/layouts/partials/contact.html
@@ -0,0 +1,29 @@
+{{ $config := .Site.Data.config }}
+<section id="contact" class="bg-light d-flex align-items-center" style="height: 100vh;">
+  <div class="container">
+      <h2 class="heading mb-3">Contact</h2>
+
+      <div class="text-success my-3">
+        {{ $config.message }}
+      </div>
+
+      <form action="https://formspree.io/{{ $config.email }}" method="post">
+        <div class="form-row">
+          <div class="col-12 col-xl-6 col-lg-6 col-md-6">
+            <label>Name</label>
+            <input type="text" class="form-control" name="name" placeholder="Name">
+          </div>
+          <div class="col-12 col-xl-6 col-lg-6 col-md-6">
+            <label>Email</label>
+            <input type="email" class="form-control" name="_replyto" placeholder="Email">
+          </div>
+        </div>
+    
+        <div class="form-group">
+          <label>Message</label>
+          <textarea placeholder="Message" name="message" class="form-control" rows="4"></textarea>
+        </div>
+        <button type="submit" class="btn btn-dark">Submit</button>
+      </form>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/experience.html b/layouts/partials/experience.html
new file mode 100644
index 0000000..b344287
--- /dev/null
+++ b/layouts/partials/experience.html
@@ -0,0 +1,19 @@
+{{ $experience := .Site.Data.experience }}
+
+<section id="experience" class="green">
+  <h2 class="heading">{{ $experience.title }}</h2>
+  <div id="timeline">
+    {{ range $index, $element := $experience.experience }}
+    <div class="timeline-item clearfix">
+      <div class="timeline-icon"></div>
+      
+      <div class="timeline-content {{ if eq (mod $index 2) 0 }} right {{ end }}">
+        <span class="date">{{ $element.timeperiod }}</span>
+        <h6 class="h3 my-2">{{ $element.company }}</h6>
+        <p class="">{{ $element.description }}</p>
+      </div>
+    </div>
+    {{ end }}
+  </div>
+
+</section>
\ No newline at end of file
diff --git a/layouts/partials/footer-scripts.html b/layouts/partials/footer-scripts.html
new file mode 100644
index 0000000..02baeaa
--- /dev/null
+++ b/layouts/partials/footer-scripts.html
@@ -0,0 +1,18 @@
+<script src="https://blog.uicard.io/js/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad();</script>
+<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-114708351-1"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'UA-114708351-1');
+</script>
+
+</body>
+<!-- some scripts -->
+<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+<script src="{{ .Site.BaseURL }}js/main.js"></script>
+
+</html>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..aebb05e
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,5 @@
+{{ $footer := .Site.Data.footer }}
+
+<footer class="text-center text-muted py-4">
+  {{ $footer.text }}
+</footer>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..89631d6
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,42 @@
+{{ $config := .Site.Data.config }}
+
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+	<title>
+			{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
+			{{ if .IsHome }}
+					{{ .Site.Title }}
+			{{ else if .Params.heading }}
+					{{ .Params.heading }}
+			{{ else }}
+					{{ .Title }} | {{ .Site.Title }}
+			{{ end }}
+	</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<!-- Including the bootstrap -->
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+	<!-- Social Icon fonts -->
+	<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/114779/Socicon/style-cf.css?u8vidh">
+	<link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}css/styles.css">
+	<!-- Including google fonts -->
+	<link href="https://fonts.googleapis.com/css?family=Montserrat:800" rel="stylesheet">
+	<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/highlight.css">
+	<!-- Font awesome -->
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+
+
+	<!-- Meta tags -->
+	<meta name="author" content="{{ $config.author }}">
+	<meta name="theme-color" content="#000000">
+
+	{{ if .RSSLink }}
+    <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
+    <link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
+	{{ end }}
+	
+	{{ partial "seo_schema.html" . }}
+
+</head>
+<body class="clearfix">
\ No newline at end of file
diff --git a/layouts/partials/seo_schema.html b/layouts/partials/seo_schema.html
new file mode 100644
index 0000000..dc2f7f9
--- /dev/null
+++ b/layouts/partials/seo_schema.html
@@ -0,0 +1,57 @@
+<!-- Schema.org for Google -->
+<meta itemprop="name" content="{{ .Title }}">
+<meta itemprop="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}">
+<!-- Open Graph general (Facebook, Pinterest & Google+) -->
+<meta name="og:title" content="{{ .Title }}">
+<meta name="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}">
+<meta name="og:type" content="article">
+<!-- Twitter -->
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="{{ .Title }}">
+<meta name="twitter:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}">
+<!-- Open Graph - Article -->
+<meta name="article:author" content="{{ .Site.Data.config.author }}">
+
+<!-- JSON-LD -->
+{{ if .IsHome }}
+<script type="application/ld+json">
+{
+    "@context": "http://schema.org",
+    "@type": "WebSite",
+    "url": "{{ .Permalink }}",
+    "name": "{{ .Site.Title }}",
+    "author": {
+        "@type": "Person",
+        "name": "{{ .Site.Data.config.author }}"
+    },
+    "description": "{{ .Site.Data.config.description }}",
+}
+</script>
+{{ end }} 
+{{ if .IsPage }}
+<script type="application/ld+json">
+ "@context" : "http://schema.org",
+    "@type" : "BlogPosting",
+    "mainEntityOfPage": {
+         "@type": "WebPage",
+         "@id": "{{ .Site.BaseURL }}"
+    },
+    "articleSection" : "{{ .Section }}",
+    "name" : "{{ .Title }}",
+    "headline" : "{{ .Title }}",
+    "description" : "{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}",
+    "inLanguage" : "{{ .Site.LanguageCode }}",
+    "author" : "{{ if isset .Params "author" }}{{ .Params.author }}{{ else }}{{ .Site.Params.author }}{{ end }}",
+    "creator" : "{{ if isset .Params "author" }}{{ .Params.author }}{{ else }}{{ .Site.Params.author }}{{ end }}",
+    "publisher": "{{ if isset .Params "author" }}{{ .Params.author }}{{ else }}{{ .Site.Params.author }}{{ end }}",
+    "accountablePerson" : "{{ if isset .Params "author" }}{{ .Params.author }}{{ else }}{{ .Site.Params.author }}{{ end }}",
+    "copyrightHolder" : "{{ if isset .Params "author" }}{{ .Params.author }}{{ else }}{{ .Site.Params.author }}{{ end }}",
+    "copyrightYear" : "{{ .Date.Format "2006" }}",
+    "datePublished": "{{ .Date }}",
+    "dateModified" : "{{ .Date }}",
+    "url" : "{{ .Permalink }}",
+    "wordCount" : "{{ .WordCount }}",
+    "keywords" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}"{{ . }}",{{ end }}{{ end }} {{with .Site.Title}}"{{ .}}"{{ end }}]
+}
+</script>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/services.html b/layouts/partials/services.html
new file mode 100644
index 0000000..71ac570
--- /dev/null
+++ b/layouts/partials/services.html
@@ -0,0 +1,20 @@
+{{ $services := .Site.Data.services }}
+
+<section class="blue">
+  <h2 class="heading">{{ $services.title }}</h2>
+
+  <div class="row justify-content-md-center text-center">
+
+    {{ range $index, $element := $services.services }}
+
+    <div class="col-12 col-lg-6 col-md-6 mb-3">
+      <div class="card p-4">
+        <i class="mt-3  fa fa-{{ $element.icon }} fa-3x"></i>
+        <h5 class="mt-4">{{ $element.title }}</h5>
+        <p class="text-muted">{{ $element.description }}</p>
+      </div>
+    </div>
+
+    {{ end }}
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
new file mode 100644
index 0000000..c4e32b3
--- /dev/null
+++ b/layouts/partials/sidebar.html
@@ -0,0 +1,25 @@
+{{ $sidebar := .Site.Data.sidebar }}
+{{ $social := .Site.Data.social }}
+<section id="sidebar" class="sidebar d-flex align-items-center p-5">
+  <div class="main-info">
+
+    <img src="{{.Site.BaseURL}}/images/{{ $sidebar.displayPicture }}" class="rounded-circle mb-3" width="160px">
+
+    <h1 class="heading">{{ $sidebar.title }} <span class="highlight">{{ $sidebar.highlightedText }}</span></h1>
+    <p class="text-muted">{{ $sidebar.description }}</p>
+
+    <div class="social my-4">
+
+      {{ range $key, $value := $social }}
+        <a target="_blank" href="{{ $value }}">
+          <i class="fab fa-{{ $key }}"></i>
+        </a>
+      {{ end }}
+      
+    </div>
+    
+    <a href="#contact" class="btn btn-dark btn-lg">Contact</a>
+
+    
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
new file mode 100644
index 0000000..69bc4b9
--- /dev/null
+++ b/layouts/partials/skills.html
@@ -0,0 +1,15 @@
+{{ $skills := .Site.Data.skills }}
+
+<section id="skills" class="aqua text-light">
+  <h2 class="heading">{{ $skills.title }}</h2>
+
+  {{ range $key, $value := $skills.skills }}
+
+  <div class="skill">
+    <span class="h6">{{ $key }}</span>
+    <div class="progress">
+      <div class="progress-bar bg-blue" role="progressbar" style="width: {{ $value }}%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
+    </div>
+  </div>
+  {{ end }}
+</section>
\ No newline at end of file