jamigibbs / phantom Goto Github PK

View Code? Open in Web Editor NEW

335.0 5.0 405.0 1.02 MB

A minimalist, responsive portfolio theme for Jekyll with Bootstrap

Home Page: http://jamigibbs.github.io/phantom/

License: MIT License

HTML 4.41% JavaScript 0.02% Ruby 0.32% SCSS 95.24%

phantom's Introduction

Phantom for Jekyll

A minimalist, responsive portfolio theme for Jekyll with Bootstrap.

See it in action.

Fancy using it for your own site?

Here are some steps to get you started:

Clone this repo and cd into the directory:

git clone https://github.com/jamigibbs/phantom.git your-dir-name && cd your-dir-name

Run:

gem install bundler
bundle install
bundle exec jekyll serve

You may need to append your commands with sudo if you're getting a permissions error.

Don't have Jekyll yet? Get `er installed then!

Visit in your browser at:

http://127.0.0.1:4000

Launching with Github Pages 🚀

Jekyll + Github pages is a marriage made in heaven. You can use your own custom domain name or use the default Github url (ie. http://username.github.io/repository) and not bother messing around with DNS settings.

Theme Features

Navigation

Navigation can be customized in _config.yml under the nav_item key. Default settings:

nav_item:
    - { url: '/', text: 'Home' }
    - { url: '/about', text: 'About' }

Set the nav_enable variable to false in _config.yml to disable navigation.

Contact Form

You can display a contact form within the modal window template. This template is already setup to use the Formspree email system. You'll just want to add your email address to the form in /_includes/contact-modal.html.

Place the modal window template in any place you'd like the user to click for the contact form. The template will display a link to click for the contact form modal window:

{% include contact.html %}
{% include contact-modal.html %}

Animation Effects

Animations with CSS classes are baked into the theme. To animate a section or element, simply add the animation classes:

<div id="about-me" class="wow fadeIn">
  I'm the coolest!
</div>

For a complete list of animations, see the animation list.

Pagination

By default, pagination on the home page will activate after 10 posts. You can change this within _config.yml. You can add the pagination to other layouts with:

  {% for post in paginator.posts %}
    {% include post-content.html %}
  {% endfor %}

  {% include pagination.html %}

Credit

Bootstrap, http://getbootstrap.com/, (C) 2011 - 2016 Twitter, Inc., MIT
Wow, https://github.com/matthieua/WOW, (C) 2014 - 2016 Matthieu Aussaguel , GPL
Animate.css, https://github.com/daneden/animate.css, (C) 2016 Daniel Eden, MIT

phantom's People

Contributors

Stargazers

Watchers

Forkers

imukm potatato kimbin cslin0915 lhdatalab nfrechen anshulg8 longtianlove tudorsaitoc nikrich stanliek suming-li kuangmichael07 shenxiaoyu yumoxu vpribeiro vishnu-vs hyderhasnain vvasyliev mehuled yiyuan1840 ashu harshatemp1 wecanwork rishabh-parekh tettsch kloofee nehagup kevinwongwc95 jeffprinty srivatsa-m-hegde sherjilozair weidenfreak aimee-ault fionabradley yyeva022 andywimmer actsecure sughosh360 zonda-alias shantanu27 trevormuraro celinetancl mfrigillana mervyns sangamcse mlko53 lindsayrdolan youcancallmeben gaurijagatap abhishalya petcat wilsonhchung notanymike serathiuk eltonone yetiswang samkimbinyi mabhijithn jamessmith114 marvage harshloco sneg55 majickdave abhinavtankha madooei jonthangwrites abhinavgsh rickynyairo cchen435 ivanmokricki janshercs sank3th marcaltmann le0nx alicethu xiaomeng-ma caitandalex aditi024 nooraja bjtuxiehh jhhhj1002 shubhamkjha tianyuanhuang jack-shirley yangzi33 dashingcourage dario-santos samuelshah emilyferr hoangthienan95 a1ip javeninfo w3node nicoletanjy nevinlithium johnywellington laurenzfg stephanmeijer du2i

phantom's Issues

Medium button still persists even when emptied

Hello,

Medium button is still there even after clearing out the Medium field in "global.yml".

Post without a button

Hi,
I have some posts in my portfolio where there is no link, and even if i remove the project link tag entirely or leave it blank, there is still a blank white button in the post.
How can I get rid of that button?
Best

error while running locally in ubuntu 18.04

While running it locally in ubuntu 18.04, i was getting error which is attached below

Theme needs update?

I added a default Gemfile because there isn't one provided. Here I added the plugin.

# frozen_string_literal: true

source "https://rubygems.org"
 
git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
#     bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "~> 3.7.3"

# This is the default theme for new Jekyll sites. You may change this to anything you like.
gem "minima", "~> 2.0"

# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins

# If you have any plugins, put them here!
group :jekyll_plugins do
  gem "jekyll-paginate"
end

Tried to serve

$ gem install jekyll-paginate
Fetching: jekyll-paginate-1.1.0.gem (100%)
Successfully installed jekyll-paginate-1.1.0
Parsing documentation for jekyll-paginate-1.1.0
Installing ri documentation for jekyll-paginate-1.1.0
Done installing documentation for jekyll-paginate after 0 seconds
1 gem installed
Roberts-iMac:rob-nash.github.io robertnash$ jekyll serve
Configuration file: /Users/robertnash/Code/rob-nash.github.io/_config.yml
            Source: .
       Destination: ./_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
       Deprecation: You are using 'kramdown.coderay' in your configuration, please use 'syntax_highlighter_opts' instead.
       Deprecation: You are using 'coderay_wrap'. Normalizing to wrap.
       Deprecation: You are using 'coderay_line_numbers'. Normalizing to line_numbers.
       Deprecation: You are using 'coderay_line_number_start'. Normalizing to line_number_start.
       Deprecation: You are using 'coderay_tab_width'. Normalizing to tab_width.
       Deprecation: You are using 'coderay_bold_every'. Normalizing to bold_every.
       Deprecation: You are using 'coderay_css'. Normalizing to css.
                    done in 1.511 seconds.
 Auto-regeneration: enabled for '.'
    Server address: http://127.0.0.1:4000http://jamigibbs.github.io/phantom//
  Server running... press ctrl-c to stop.
[2018-05-08 15:33:35] ERROR `/' not found.
[2018-05-08 15:33:50] ERROR `/' not found.
[2018-05-08 15:33:50] ERROR `/favicon.ico' not found.

Symlink error

The file /_layouts/defaults.html has a symlink which does not exist in the _includes directory, namely two files title.html and title-group.html .

Featured image path breaks on pagination

When moving to next page, image paths become relative to the page folder. For example the img src
/img/image-one.jpg
becomes
/page2/img/image-one.jpg
Since all images are stored in the img/ folder this will not work. I tried making an ugly fix by prepending the baseurl to the image src, but this does not work on local development. So I made another variable site.base_url that does not have any other function than fixing this. There is surely a better way to fix this.

Deprecation

Hi,

Just going through the README step by step and run into this

Deprecation: The 'gems' configuration option has been renamed to 'plugins'. Please update your config file accordingly.

Live Demo not working on latest Chrome browser on macOS Monterey 12.6

I am trying to use the Live Demo feature on the Phantom Jekyll theme, however, upon clicking the button, I am unable to get the full view of the Page, instead, I am getting a text-only page where I can see the below errors in the browser console.

Mixed Content: The page at 'https://jamigibbs.github.io/phantom/' was loaded over HTTPS, but requested an insecure favicon 'http://jamigibbs.github.io/phantom//img/favicon.png'. This request has been blocked; the content must be served over HTTPS.

You can find a copy of the screenshot here.

About page not generated

The home and about links in the nav bar are leading to pages that are missing. I guess Home should redirect here, but the about page is likely not generated at all.

posts not generated

when i test the site locally , it works just fine , it shows all the posts but when i uploaded to github pages (master branch) , i get a page but with no posts in it .

by the way thank you for the amazing design

Page generation issue

I am in UTC +8 now, assume the local time now is 17:21:00.
so I try to post a page in /_posts with the date set to 2022-02-07 17:21:00, but the page does not generate in /_sites/development.
so I trial and error the date to 2022-02-07 9:20:59, and it generates the page!
but if I set to 2022-02-07 9:21:01, it does not generate...
what is the mechanism behind all these? I only know it is somehow about timezones.
I am using visual studio code for Jekyll, does this affect the date somehow?
A novice in Ruby and internet blogging...

Dependency Error

Hi,

Just going through the README step by step and run into this.

Dependency Error: Yikes! It looks like you don't have jekyll-paginate or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- jekyll-paginate' If you run into trouble, you can find helpful resources at https://jekyllrb.com/help/! 
jekyll 3.7.3 | Error:  jekyll-paginate

Modifying the button on home page

This is a great theme and I want to build on this design for my personal page. I was wondering if it is possible to modify the bottom from that of Medium to that of LinkedIn. I tried modifying the _site/index.html but it regenerates back to original after running bundle install. Can somebody direct me to the correct file where I can modify my layout a bit.

Insecure resource loading over http in example

The example for the theme (https://jamigibbs.github.io/phantom/) does not load any of required resources. This is due to these being requested over http and not https, and the browser refusing to load these resources due to that. For my browser, I used Chrome 74.0.3729.131.

Pagination plugin is no longer maintained.

When I installed the recommended version of ruby + devkit for windows and did bundle exec jekyll serve with this template I got the following error.

C:\Users\sacha\Documents\sus\your-dir-name>bundle exec jekyll serve
Could not find gem 'jekyll-paginate (~> 1.1) x64-mingw32' in any of the gem sources listed in your Gemfile.
Run `bundle install` to install missing gems.

C:\Users\sacha\Documents\sus\your-dir-name>bundle install
Fetching gem metadata from https://rubygems.org/..............
Fetching gem metadata from https://rubygems.org/..
Resolving dependencies...
Bundler could not find compatible versions for gem "bundler":
  In Gemfile:
    bundler (~> 1.16) x64-mingw32

  Current Bundler version:
    bundler (2.0.1)
This Gemfile requires a different version of Bundler.
Perhaps you need to update Bundler by running `gem install bundler`?

Could not find gem 'bundler (~> 1.16)' in any of the relevant sources:
  the local ruby installation

Checking the page for the package (https://github.com/jekyll/jekyll-paginate) I found that it is no longer maintained, which will prevent more people from using this template as other versions of ruby eol.