JekyllPortfolio

Ocean-of-Opportunities — Jekyll Portfolio Template

By kuwushagra

Ocean of Opportunities is a Jekyll-based personal portfolio website theme that can be deployed via GitHub Pages, with site information and social links configured in _config.yml.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

A personal portfolio website theme built on Jekyll

02

Supports direct deployment from a branch via GitHub Pages

03

Site title, description, author, and social links are configured centrally in _config.yml

04

Blog posts are written in Markdown in the _posts directory, with metadata defined using front matter

05

Provides a local development workflow: install Ruby and Bundler, then run bundle exec jekyll serve

06

Uses the Apache-2.0 license, allowing modification, commercial use, and distribution

Template Details

This is a Jekyll-powered personal portfolio website theme. The repository is named Ocean-of-Opportunities and the author is kuwushagra. The theme is positioned for showcasing personal work and information. The README offers two usage paths: fork directly to GitHub and enable GitHub Pages, or run the Jekyll server locally with Ruby and Bundler for preview.

Configuration is centralized in _config.yml, where you need to fill in the site title, description, author name, site url, and social link fields such as GitHub username and email; for a user site, baseurl must be left empty. For content, blog posts go in the _posts directory, with filenames following the YYYY-MM-DD-title.md format, and each post needs front matter at the top including layout, title, date, image, categories, and tags.

The repository uses the Apache-2.0 license, allowing free use, modification, commercial use, and distribution; when distributing, you must include the license and indicate modified files. The README does not describe which specific page modules, components, or style details the theme includes, nor does it provide dependency versions or browser compatibility information; these need to be confirmed by checking the repository source. The licensing of third-party assets such as demo images, fonts, and icons must be verified separately.

JekyllPortfolio

Is it right for your project?

Use Cases

  • Building a personal portfolio website and hosting it on GitHub Pages
  • Forking the theme on GitHub and replacing it with your own site information
  • Writing and publishing blog posts with categories and tags in Markdown
  • Starting the Jekyll server locally to preview changes before pushing

Suitable For

  • Developers who want to quickly build a personal portfolio page with Jekyll
  • Users accustomed to managing articles and content in Markdown
  • People who already have a GitHub account and want to host a site for free with GitHub Pages
  • Developers who need an open-source theme that can be freely modified and used commercially

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After forking the repository, rename it to YOUR_USERNAME.github.io, and in Settings > Pages select the branch and the /(root) directory for deployment

  2. 2

    Update title, description, author, and url in _config.yml; for a user site, set baseurl to an empty string

  3. 3

    Fill in the GitHub username and email to enable the social links in the navigation bar

  4. 4

    For local preview, first install Ruby and Bundler, then run bundle install and bundle exec jekyll serve, and visit http://localhost:4000

  5. 5

    Add new posts to the _posts directory, use the filename YYYY-MM-DD-title.md, and complete the front matter such as layout, title, date, image, categories, and tags

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the Apache-2.0 license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution are permitted; when distributing, the Apache-2.0 license must be included.
  • Modified files must be prominently marked as changed, and relevant copyright, patent, trademark, and attribution notices must be retained.
  • If the original project includes a NOTICE file, applicable attribution notices in it must be retained when distributing derivative works.
  • The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • When deploying with GitHub Pages, the repository must be renamed to YOUR_USERNAME.github.io, which means relying on a GitHub account and the GitHub Pages service.
  • Local preview requires installing the Ruby and Bundler environment yourself, which is an external tool dependency.
  • The social links in the navigation bar require filling in the GitHub username and email to be enabled.
  • Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's Apache-2.0 license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

no-charge, royalty-free, irrevocable copyright license

Original License Text

Rename the repository to `YOUR_USERNAME.github.io`

Original README

Make sure you have [Ruby](https://ruby-lang.org) and [Bundler](https://bundler.io) installed.

Original README

Fill in your username handle for GitHub, and E-mail to activate navbar social links.

Original README
https://github.com/kuwushagra/Ocean-of-Opportunities/blob/main/LICENSEhttps://github.com/kuwushagra/Ocean-of-Opportunities/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
Jekyll
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-09-24
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Jekyll as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 3e185ffa285d591fdeb7e9fdc2c79c462de61b367775749185911daa1e710dbf

2026-10-02T08:29:12.899Z

Source file / repository
# Ocean of Opportunities
### Demo: https://kuwushagra.github.io/Ocean-of-Opportunities/
![GIF Showcasing the theme](https://raw.githubusercontent.com/kuwushagra/kuwushagra/refs/heads/main/assets/images/project_screenshots/Ocean-of-Opportunities.gif)
<br>Showcase yourself in the Ocean of Opportunities! A Jekyll powered personal portfolio website theme <br>
<hr>

## Quick Start (GitHub Pages)

### Step 1: Fork and Rename
1. Click the **Fork** button at the top-right corner of this repository.
2. Go to your new fork's **Settings** tab.
3. Rename the repository to `YOUR_USERNAME.github.io` (replace `YOUR_USERNAME` with your actual GitHub username).

### Step 2: Enable GitHub Pages
1. Inside your repository, go to **Settings** > **Pages** (under the "Code and automation" section).
2. Under **Build and deployment**, set the source to **Deploy from a branch**.
3. Choose the branch (e.g., `main` or `master`) and folder (`/(root)`).
4. Click **Save**. Your site will be live at `https://YOUR_USERNAME.github.io` within a few minutes!

---

## Configuration & Customization

All major settings are managed in the `_config.yml` file. Open this file and update the following fields:

* **Site Settings:** Update the `title`, `description`, and `author` name.
* **URLs:** Set `url` to `https://YOUR_USERNAME.github.io`. Ensure `baseurl` is set to `""` (blank) if you are using a user site.
* **Social Links:** Fill in your username handle for GitHub, and E-mail to activate navbar social links.

### Adding New Posts
To write a new blog post, create a markdown file inside the `_posts` directory. Use the following naming convention:
`YYYY-MM-DD-title-of-your-post.md`

Every post must start with front matter metadata:
```yaml
---
layout: post
title: "My First Blog Post"
date: YYYY-MM-DD HH:MM:SS +0000
image: https://linktoimage
categories: [category1]
tags: [tag1]
---
Your content goes here...
```

---

## Local Development

If you want to test changes on your computer before pushing them to GitHub:

### Prerequisites
Make sure you have [Ruby](https://ruby-lang.org) and [Bundler](https://bundler.io) installed.

### Setup Instructions
1. Clone your repository to your machine:
   ```bash
   git clone https://github.com
   cd YOUR_USERNAME.github.io
   ```
2. Install the required dependencies:
   ```bash
   bundle install
   ```
3. Run the local Jekyll server:
   ```bash
   bundle exec jekyll serve
   ```
4. Open your browser and navigate to `http://localhost:4000`.

---

## License

This theme is open-source and available under the [Apache 2.0 License](LICENSE).
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.