Coder Social home page Coder Social logo

youssefraafatnasry / portfolyou Goto Github PK

View Code? Open in Web Editor NEW
949.0 17.0 567.0 3.51 MB

A beautiful portfolio Jekyll theme that works with GitHub Pages.

Home Page: https://YoussefRaafatNasry.github.io/portfolYOU

License: MIT License

Ruby 2.23% HTML 62.56% JavaScript 1.77% SCSS 33.44%
jekyll-theme jekyll theme github-pages portfolio-website blog-theme minimal

portfolyou's People

Contributors

arcaneire avatar avery2 avatar dollardhingra avatar gabubellon avatar gipyeong-lee avatar hugolmn avatar matuzalemmuller avatar rribeiro1 avatar saehuihwang avatar santitigaga avatar sooluh avatar youssefraafatnasry avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

portfolyou's Issues

Speakerdeck icon doesn't work

When I try to use speakerdeck icon, putting on social-media.yml, doesn't work

_data/social-media.yml

speakerdeck:
  url   : https://speakerdeck.com/
  icon  : fab fa-speaker-deck
  color : 009287

_config.yml
speakerdeck       : luchiago

Skill Percentage Overlaps Title

In the skills progress bar, the percentage number overlaps with the title text if the number is low.

Screenshot 2020-10-31 at 12 52 01 AM

Can we put in a fix for this? One way would be to have the percentage populated below instead of above the bar.

For a temporary fix, I would like to play with the scss for

.skill-bar{...

Is there a proper way I can overwrite the default scss? I tried to add it to assets/styles.scss but it did not work.

Edit: I'm adding <br> <br> to the end of the name field. It provides a nice spacing between the title & the progress bar.

Thanks!

@rribeiro1

Creating two project-like pages

New here - could anyone walk me through how to create multiple tabs that resemble the blog or projects? just copying the file structures does not seem to work... I see a few closed issues that did not reveal how to do so. Thanks in advance!

Meta description not properly generated

The current meta description is not properly generated.

<meta name="description" content="" i="" turn="" coffee="" :coffee:="" into="" code,="" use="" tabs="" over="" spaces="" and="" never="" broke="" production.""="">```

Change an element of the theme!

First of all, I absolutely love your theme. The best one I've seen.

I was wondering if how can I change elements of the theme.
Specifically, I wanted to remove the percentage(line bar) in Skills(Programming and others) and replace it with a small description.

image

Support for Latex

Hi πŸ‘‹ and thank you for this excellent theme. I've been using it for more than a year now and I am loving it.

Some of my recent work needs latex formatting. I was wondering if portfolYOU has support for that and if not, is there a way to work around somehow so that I can use latex inside markdown.

Thanks!

Pagination Support

I've had to drop the use of this theme because I want to self-host it and not put it up on Github, but I REALLY LIKE IT 😿 . At any rate, I experimented with the jekyll-paginate-v2 gem to add pagination support to the blog. It's not "perfect" but it sorta worked for me.

  • Follow the gems documentation to update your config.yml (I could almost use all default settings)
  • Rename the pages/blog.md to pages/blog.html and updated the markup to use this:
---
layout: default
title: Blog
weight: 2
permalink: /blog/
pagination: 
  enabled: true

---

{% include blog/search.html %}

<div class="card-group mt-2">

	{% for post in paginator.posts %}
	  {% include blog/post-card.html %}
	{% endfor %}
	
  </div>

{% if paginator.total_pages > 1 %}

<section class="pagination">

	{% if paginator.previous_page %}
	<div class="pagination__prev">
		<a href="{{ paginator.previous_page_path | relative_url }}" class="button button--large"><i class="fa fa-angle-left" aria-hidden="true"></i> <span>Newer Posts</span></a>
	</div>
	{% endif %}
	{% if paginator.next_page %}
	<div class="pagination__next">
		<a href="{{ paginator.next_page_path | relative_url }}" class="button button--large"><span>Older Posts</span> <i class="fa fa-angle-right" aria-hidden="true"></i></a>
	</div>
	{% endif %}

</section>

{% endif %}

Hope this helps anyone out there.

Custom CSS with remote_theme

Hello and thanks for building this theme!

Is there a simple way to add some custom CSS when using this with remote_theme? I don't want to override any of the theme's style files.

If I understand, the imports work like

/assets/css/style.css is built by assets/css/style.scss, which includes _sass/portfolYOU.scss, which includes _sass/{variables,base,navbar,projects,articles,autumn,skills,timeline,404}.scss.

What about importing an empty _sass/custom.scss file as well, which can safely be overriden?

Possible error in the installation guide

Hi,

Thanks for the theme, it's among some of the simplest time for portfolio.
While installation I notices that _includes, _layouts etc are required along with the _data folder

But in the installation readme it says that the website would work without them too...

I wasn't able to get the theme working well without the _include and _layout folder.

Can you please confirm if its the issue with instruction ?
https://youssefraafatnasry.me/portfolYOU/docs/

image

How does navigation bar work?

I am not able to understand how the nav bar links are rendered. pls help me understand this logic.

In navbar.html - how this site.html_pages is set? where it is defined?

{% assign pages = site.html_pages | sort: 'weight' %}

How to add new category?

I have little to no idea about this, so sorry if the issue is too naive. But I wanted to know how can I add same page like Blog, and rename it and add other content there. So same theme like the blogs page but different content.
Thanks.

More Social Icons

The document says

use any of those libraries’ components anywhere in the project

But if I write gitlab : XXX under the author section of the config, nothing appears. It seems this setting is just ignored when processing, because there is no HTML element related to it.

So, how to use other icons (of fontawesome) for contact information?

(I'm not a front-end developer so if this question is dumb... please can you point me to some relevant documents?)

Contact Form

  • I think the addition of a Contact Form is a great addition
    may be at the end of about_me section
  • maybe keeping the users on the same page is great here is an example

Thanks, its great work

How to install ?

Hi ...
awsome work,
Are there any steps on using this ?

Thanks in advance

Fail to build it

I follow your instructions to install it. But it reports failure when building up. The message is enclosed here. As current instructions state, _includes folder should be deleted. But I wonder whether I should keep it as it was?

The page build failed for the master branch with the following error:
A file was included in _projects/(2) that is a symlink or does not exist in your _includes directory. For more information, see https://help.github.com/en/github/working-with-github-pages/troubleshooting-jekyll-build-errors-for-github-pages-sites#file-is-a-symlink.

Routing problem

Your work is awesome! I like it. But there is one problem. It works on local properly. But when I wants to publish on github pages, i cant access resources via navbar links.

For example:
enesusta.github.io/articles perfectly work.
Screenshot_2

But I click the articles link on the navbar. It routes to me /articles/%20, therefore it doesnt exist any resources /articles/%20 , then 404.html not found triggered.

Screenshot_1

How can I fix this?
Regards.

Dropdown Menus Support

Would like to make a dropdown menu if this possible? If not maybe a possible enhancement?

Allow small image size on project page?

Hi there,
Thank you for creating this theme. It's elegant and I'm using it for my portfolio page (yet my blog is in pelican 🀐 ).

I'm wondering would you be willing to allow smaller cover images for each project (on the project page, of course)?
Currently, if I put a small image there, it will be resized to match the width (I suppose?). But I'm thinking of using different-sized images to represent different emphases of projects.

I see the reason of resizing: making them more uniformed, especially for larger pictures. And I'm aware there is a potential problem if the images are kept of their original sizes for responsive design.
But maybe allowing manual overridden of ratio may solve the problem? Say, by default 100%, but the user could manually override to, say, 40% and (the width of) that project card is resized.

More support for buildup

You would be highly appreciated if you could offer more support for the following issues.

  1. I created a new .md file within /pages, and I supposed it should have be added to the website as a new page like 'about'. But it doesn't work. What more steps should I take?
  2. If I'd like to set a specific page as default page (it means if typing 'xxx.github.io', it would be directed to that default page), how can I make it?
    Thanks!

Issue running jekyll theme

Hi,

Thanks for this. I'm getting an error about an incorrect Github API Auth code when running the code with a default config locally.


Configuration file: /Users/me/prog/jekyll/portfolYOU-master/_config.yml
            Source: /Users/me/prog/jekyll/portfolYOU-master
       Destination: /Users/me/prog/jekyll/portfolYOU-master/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
   GitHub Metadata: No GitHub API authentication could be found. Some fields may be missing or have incorrect data.
   GitHub Metadata: Error processing value 'repo_pages_info':
  Liquid Exception: uninitialized constant Faraday::Error::ConnectionFailed Did you mean? Faraday::ConnectionFailed in /_layouts/post.html
jekyll 3.8.5 | Error:  uninitialized constant Faraday::Error::ConnectionFailed
Did you mean?  Faraday::ConnectionFailed

Any suggestions on how to work around this? Thank you!

New line in Timeline

Hi, trying to figure out how to create new lines within the timeline.yml file.

Trying to bullet point experience in each of the roles in the description field.

Currently, no matter what I do, it comes back as a simple string, cutting out the line breaks at the end of each sentence.

I've been trying to fix for the last day. πŸ˜‚ Any help is greatly appreciated.

Cannot change favicon and html

I want to change the favicon and html files. I follow the doc by overriding the files. However, when I run "bundle exec jekyll serve", all the changes are gone and back to default. How should I fix it?

Usage Issues

I have been attempting to implement this theme into by jekyll site, but the theme does not work. Please add usage steps to make this more straightforward.

Using theme outside github pages

I'm trying to use your theme in my own FTP but I struggling with different calls to my repo and I don't know how to change that because I want to load different content.

Is there a way to do that?

Including content from external link

If i understood right, as per the posts collection , if external url is given, while search, it will show the content with in jekyll site. If my understanding is right, i have this issue:

I am not seeing the content in the search result html.
image

I am missing anything? any inputs if i need to include content from external post (.md file or html file). I am referring to md file - 2015-09-25-how-to-undo-your-git-failure.md in posts.

Any inputs, will really help.

Include Mastodon in social accounts list in footer (& suppor other federated networks)

Hello!

I'm just getting started with Jekyll and am building my first site using this theme. It looks neat and clean :)

I wanted to add a link to my mastodon profile in the footer. I have added the following to _config.yml:

  mastodon          : keunes
  mastodon_server   : mastodon.social # instance domain without protocol (e.g. mastodon.social)

I am recording the username and server separately, because the profile url is https://mastodon_server/@mastodon, while the user handle (which I might like to display somewhere, later on) is like @mastodon@mastodon_server

In _data/social-media.yml I've added mastodon, but I don't know how to reference a variable (?) from another yml file within it. I've tried the following and some other variations, but can't get it to work :)

mastodon:
  url   : https://{{site.author.mastodon_server}}/@
  icon  : fab fa-mastodon
  color : 3088d4

On StackOverflow I see that it might not at all be (easily) possible. Maybe if including a variable to form a new variable isn't possible, maybe support for federated media (actually also GitLab, which could be self-hosted) could be implemented by adjusting _includes/social.html?

If I had known how to make this work I would've sent a PR. But so this is more like a feature request to include support for Mastodon with deep support for the federated nature (splitting domain and username).

Thanks either way for providing this theme!

Stuck at jekyll serve

When doing jekyll serve I get:

C:/tools/ruby27/lib/ruby/gems/2.7.0/gems/bundler-2.1.4/lib/bundler/resolver.rb:290:in `block in verify_gemfile_dependencies_are_found!': Could not find gem 'github-pages x64-mingw32' in any of the gem sources listed in your Gemfile. (Bundler::GemNotFound)

How can I solve this?

Thanks in advance.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.