Convert this site to Jekyll (#1)

.gitignore

@@ -0,0 +1,8 @@
+# Local Site Directories
+_site/
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+
+
+Gemfile.lock

_config.yml

@@ -2,10 +2,19 @@ title               : John Doe
 description         : >-                               # >- means to ignore newlines until "url:"
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
-url                 : "/" 
+url                 : "/"
+repository          : Vyshnav2255/Minimal-Portfolio-Website 
 
 email: example@xyz.xyz
 github_user: Vyshnav2255
 instagram: vyshnavgangadharan
 twitter: ThisIsVyshnav
-dribbble: vyshnav_
+dribbble: vyshnav_
+
+
+exclude:
+- README.md
+- CONTRIBUTING.md
+- LICENSE
+- Gemfile
+- Gemfile.lock

_includes/head.html

@@ -2,7 +2,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>John Doe</title>
-    <link rel="shortcut icon" href="/Images/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="{{ 'assets/favicon.ico' | relative_url }}" type="image/x-icon">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
     <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}" type="text/css">

_sass/_base.scss

@@ -18,7 +18,7 @@ body {
     width: 100%;
     height: 100%;
     position: absolute;
-    background-image: url(Images/background.svg);
+    background-image: url(/Images/background.svg);
     background-repeat: no-repeat;
     background-position: right top;
     background-size: auto 100vh;
@@ -59,7 +59,7 @@ h1 {
     height: 100%;
     width: 100%;
     position: absolute;
-    background-image: url(Images/background.svg);
+    background-image: url(/Images/background.svg);
     background-repeat: no-repeat;
     background-position: left top;
     background-size: auto 100vh;

_site/index.html

@@ -10,7 +10,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>John Doe</title>
-    <link rel="shortcut icon" href="/Images/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
     <link rel="stylesheet" href="/assets/css/style.css" type="text/css">
@@ -23,18 +23,18 @@
     <div class="row height-100">
     <div class="col col-md-6 col-lg-5 col-12 height-100 d-flex align-items-md-center blurbg">
         <div class="content text-center text-md-right ">
-            <img class="logo" src="/Images/logo.svg" alt="Logo">
+            <img class="logo" src="Images/logo.svg" alt="Logo">
                 <h1>John Doe</h1>
                 <span class="text description">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                 </span>
                 <span class="text small-heading">FOLLOW ME ON</span>
                 <div class="icons d-flex justify-content-center justify-content-md-end">
-                <a class="social-icon" href="https://twitter.com/ThisIsVyshnav" ><img src="/Icons/twitter.svg" alt="Twitter"></a>
-                <a class="social-icon" href="https://github.com/Vyshnav2255" ><img src="/Icons/github.svg" alt="Github"></a>
-                <a class="social-icon" href="mailto:example@xyz.xyz" ><img src="/Icons/at-sign.svg" alt="Mail"></a>
-                <a class="social-icon" href="https://dribbble.com/vyshnav_" ><img src="/Icons/dribbble.svg" alt="Dribbble"></a>
-                <a class="social-icon" href="https://instagram.com/vyshnavgangadharan" ><img src="/Icons/instagram.svg" alt="Instagram"></a>
+                <a class="social-icon" href="https://twitter.com/ThisIsVyshnav" ><img src="Icons/twitter.svg" alt="Twitter"></a>
+                <a class="social-icon" href="https://github.com/Vyshnav2255" ><img src="Icons/github.svg" alt="Github"></a>
+                <a class="social-icon" href="mailto:example@xyz.xyz" ><img src="Icons/at-sign.svg" alt="Mail"></a>
+                <a class="social-icon" href="https://dribbble.com/vyshnav_" ><img src="Icons/dribbble.svg" alt="Dribbble"></a>
+                <a class="social-icon" href="https://instagram.com/vyshnavgangadharan" ><img src="Icons/instagram.svg" alt="Instagram"></a>
                 </div>
                 <span class="text small-heading">LIKE MY WORK</span>
                 <button type="button" class="btn btn-outline-dark">Hire Me</button>