vibefolio 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 0e6ce2e12c3b974738437930ff06fc5e251df6ab87795419610c67b301aa4ba9
+  data.tar.gz: f4d9a6d7233f2e6f488cbfe078e6cb3fa98af20ca6fcc8c969df39831373d420
+SHA512:
+  metadata.gz: 6851bb036f4e5a3b92ac01890d2087e804e401fa5bc2df73bfaff919209ce251404010063cfce40a46ca9046da382cf76dcfbbeb0548287ce24d99f14b0535db
+  data.tar.gz: aff3e2f976f7bb794da79d30298d654ddab45785740c52c629df3aa0975069e65d01a752cc7a5b139dfa1a005c26019d95664a3e5950e31b0b970b19f4c5868a

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Dheer Toprani
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,20 @@
+# Vibefolio
+
+## What is this?
+Vibefolio is a minimalist [Jekyll](https://jekyllrb.com) theme made for text-focused online portfolios. The out-of-the-box template supports:
+
+1. A homepage that displays a brief introduction and the most recent portfolio projects in chronological order.
+2. Links to sample projects
+
+## How to set up
+
+1. Clone the repository.
+2. Edit `_config.yml`. Replace the sample text in the first section as denoted by the code comments.
+3. Replace the sample text in the `index.md` file.
+3. Add future **projects** as Markdown `(.md)` files to the `_projects` folder. 
+
+## Google Analytics
+You can add the Javascript into the `default.html` [layout](https://jekyllrb.com/docs/layouts/) right above the `</body>` tag.
+
+## Future Updates
+Vibefolio is currently in v0.1.0. I initially created this theme for my personal website, where I didn't need to build additional pages like blog posts, contact page, about page, etc. As I eventually update my personal website to add these features, I will update this repository as well. No concrete plans as of now.

data/_config.yml

@@ -0,0 +1,14 @@
+# Replace the following text
+## Content
+title: "Dheer Toprani"
+
+## Links
+github_link: "http://github.com/dheerkt"
+email_address: "dheerktoprani@gmail.com"
+linkedin_link: "http://linkedin.com/in/dheerkt"
+
+# Do not replace the text below
+collections: 
+  projects:
+    output: true
+    permalink: /projects/:path/

data/_includes/head.html

@@ -0,0 +1,5 @@
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="{{site.url}}/css/style.css">
+<title>{{ site.title }} - {{ page.title }}</title>

data/_includes/header.html

@@ -0,0 +1,8 @@
+<header>
+    <table>
+        <tr>
+            <td class="logo"><a href="{{ site.url }}"><h2>{{ site.title }}</h2></a></td>
+            <td>{% include navigation.html %}</td>
+        </tr>
+    </table>
+</header>

data/_includes/navigation.html

@@ -0,0 +1,29 @@
+<div class="main-nav">
+    <ul>
+        {% assign navigation_pages = site.html_pages | sort: 'navigation_weight' %}
+        {% for p in navigation_pages %}
+            {% if p.navigation_weight %}
+                <li>
+                    <a href="{{ p.url }}" {% if p.title == page.title %}class="active"{% endif %}>
+                        {{ p.title }}
+                    </a>
+                </li>
+            {% endif %}
+        {% endfor %}
+        <li>
+            <a href="{{ site.github_link }}">
+                GitHub
+            </a>
+        </li>
+        <li>
+            <a href="mailto:{{ site.email_address }}">
+                Email
+            </a>
+        </li>
+        <li>
+            <a href="{{ site.linkedin_link }}">
+                LinkedIn
+            </a>
+        </li>
+    </ul>
+</div>

data/_includes/projects.html

@@ -0,0 +1,14 @@
+<h3>Projects</h3>
+
+<ul class="projects">
+    {% assign projs = site.projects | sort: 'yyyymm' | reverse %}
+    {% for proj in projs %}
+    <li>
+        <a {% if proj.link %} href="{{ proj.link }}" {% else %} href="{{ proj.url }}" {% endif %}>
+            <span class="desc">{{ proj.title }} &mdash; {{ proj.brief }}</span>
+            <span class="year">{{ proj.yyyymm | slice: 0, 4 }}</span>
+        </a>
+    </li>
+    <br><br>
+    {% endfor %}
+</ul>

data/_layouts/home.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    {% include head.html %}
+    <title>{{ site.title }} - {{ page.title }}</title>
+</head>
+<body>
+    <div class="container">
+        {% include header.html %}
+        <div class="wrapper">
+            {{ content }}
+        </div>
+        {% include projects.html %}
+    </div>
+</body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    {% include head.html %}
+</head>
+<body>
+    <div class="container">
+        {% include header.html %}
+        <div class="wrapper">
+            {{ content }}
+        </div>
+    </div>
+</body>
+</html>

data/_projects/lorem.md

@@ -0,0 +1,7 @@
+---
+title: "Project Lorem Ipsum"
+brief: "Really cool project"
+layout: page
+link: "https://github.com/mdeanda/lorem"
+yyyymm: 202101
+---

data/_projects/vibefolio.md

@@ -0,0 +1,7 @@
+---
+title: Vibefolio
+brief: "Minimalist Jekyll portfolio theme"
+layout: page
+link: "https://github.com/dheerkt/vibefolio"
+yyyymm: 202112
+---

data/css/style.css

@@ -0,0 +1,81 @@
+@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
+
+body {
+	font-family: 'Merriweather', serif;
+}
+
+.container {
+	margin: 0 auto;
+	width: 560px;
+}
+
+a {
+	text-decoration: none;
+	color: #F92C85;
+}
+
+header {
+	margin-bottom: 10%;
+	padding-top: 5%;
+	display: flex;
+}
+
+header table {
+	width: 100%;
+}
+
+.logo {
+	font-weight: 800;
+	padding-left: 0;
+	flex: 1;
+}
+
+.logo a {
+	color: #000;
+}
+
+.main-nav ul {
+	list-style-type: none;
+	text-align: right;
+}
+
+.main-nav ul li {
+	display: inline;
+	padding-left: 1em;
+}
+
+.main-nav ul li a {
+	text-align: center
+}
+
+.main-nav ul li a:hover {
+	border-bottom: 1px solid #F92C85;
+}
+
+.main-nav ul li a.active {
+	border-bottom: 1px solid #F92C85;
+}
+
+.wrapper {
+	margin-bottom: 10%;
+}
+
+p {
+	line-height: 2em;
+}
+
+ul.projects {
+	width: 100%;
+	padding: 0;
+	list-style-type: none;
+}
+
+ul.projects li a span.desc {
+	float:left;
+	border-bottom: 1px solid #F92C85;
+}
+
+ul.projects li a span.year {
+	float: right;
+	font-size: 0.9em;
+}

metadata

@@ -0,0 +1,69 @@
+--- !ruby/object:Gem::Specification
+name: vibefolio
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Dheer Toprani
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2021-12-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+description:
+email:
+- dheerktoprani@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _includes/head.html
+- _includes/header.html
+- _includes/navigation.html
+- _includes/projects.html
+- _layouts/home.html
+- _layouts/page.html
+- _projects/lorem.md
+- _projects/vibefolio.md
+- css/style.css
+homepage: http://github.com/dheerkt/vibefolio
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.32
+signing_key:
+specification_version: 4
+summary: A minimal personal portfolio Jekyll-theme.
+test_files: []