japtar10101 / game-dev-portfolio

A creative portfolio Wordpress theme for game developers

• 👋 Hi, I’m @japtar10101

game-dev-portfolio's Issues

Sidebar disappears if no widgets are assigned

The part where the website's title, tagline, and logo disappears, the sidebar, shouldn't disappear if no widgets are assigned to it. It should remain with simply nothing appearing below the title and tagline.

[BUG] Portfolio thumbnails listing aren't positioned properly if Jetpack lazy-loading is enabled.

Describe the bug
[BUG] Portfolio thumbnails listing aren't positioned properly if Jetpack lazy-loading is enabled.

Version
2020.4.1

To Reproduce
Steps to reproduce the behavior:

1. On Jetpack, enable portolfio and lazy image loading.
2. Make sure there are at least 4 portfolio entries with thumbnails.
3. Navigate to the /portfolio page.

Expected behavior
Images will tightly fit between each other vertically.

Additional context
Would probably help using imagesloaded javascript: https://imagesloaded.desandro.com/

[FEATURE] Add better social media link support in sidebar

Is your feature request related to a problem? Please describe.
Jetpack doesn't support some potentially useful branded icons, e.g. itch.io

Describe the solution you'd like
Since this theme already uses FontAwesome, add some sort of integration with social media links not covered by Jetpack.

• Itch.io
• Facebook
• Github
• Twitter
• Medium
• LinkedIn
• Bitbucket
• Youtube
• Twitch.tv

Describe alternatives you've considered
Jetpack itself already supports this. Perhaps it might make sense to create a plugin instead?

[FEATURE] If the form has a field with the ID, "Subject," append it's value to the email's subject line.

Is your feature request related to a problem? Please describe.
I would like to make the subject line of the email sent by Jetpack contact form, if I have an input used for changing the email's subject.

Describe the solution you'd like
Check if any of the form's input is both named/ID'ed "Subject," and is a string. If so, append it to the contact form's default subject.

Describe alternatives you've considered
Jetpack does not provide user-customizing subject lines.

Additional context
See: https://developer.jetpack.com/hooks/contact_form_subject/

[FEATURE] Add more color customization

Is your feature request related to a problem? Please describe.
There aren't enough parameters to customize the color and theming of this theme. See documentation on customization here: https://developer.wordpress.org/themes/customize-api/

Describe the solution you'd like
It would be nice to customize the following parameters, color-wise:

• Sidebar
  • background
  • border
  • site title font color
    • Link normal state
    • Link hover state
  • site tagline font color
  • normal text font color
  • links font color
    • Link normal state
    • Link hover state
    • Link visited state
• Content area
  • background
  • border
  • post title
  • post meta info
  • normal text
  • links
    • Link normal state
    • Link hover state
    • Link visited state
  • button - link
    • Link normal state
    • Link hover state
    • Link visited state
  • button - normal
    • Link normal state
    • Link hover state
    • Link visited state
• Footer
  • background
  • border
  • post title
  • post meta info
  • normal text
  • links
    • Link normal state
    • Link hover state
    • Link visited state

[FEATURE] Style Jetpack's Related Posts to be more Bulma-friendly

Is your feature request related to a problem? Please describe.
Jetpack's Related Posts looks a bit out-of-place within the theme's styling.

Describe the solution you'd like

• Allow customizing the text, "You may also like..."
• Remove the border.
• #28 Apply a default thumbnail if a post doesn't have one, using the site's image.

Describe alternatives you've considered
To be fair, just not using Jetpack is an option....

Additional context
See: https://jetpack.com/2013/10/15/add-a-default-fallback-image-if-no-image/
For default thumbnail, see: https://jetpack.com/2013/10/15/add-a-default-fallback-image-if-no-image/

[FEATURE] Add more buttons!

Is your feature request related to a problem? Please describe.
More of a styling problem than anything.

Describe the solution you'd like
Allow options, as widgets, shortcode, Gutenberg blocks, plugins, or otherwise, to add more buttons. Buttons can include:

• Mere links that looks like buttons, e.g. See Source Code, Contact Me, etc.
• Links to purchase itch.io games (see Itch.io button widget).
• Button for issue #9 - Manually booting an embedded WebGL game up.

Describe alternatives you've considered
Just make plugins.

[FEATURE] Integrate proper bulma pagination navigation

Is your feature request related to a problem? Please describe.
Pagination is frustratingly rudimentary, displaying only "older" and "newer" links.

Describe the solution you'd like
Use the bulma pagination feature to display which page to switch to.

Describe alternatives you've considered
Also consider just using the Jetpack infinite scroll feature as well.

Additional context
Occurs in list pages, including archives, search results, portfolio, blog, etc.

[FEATURE] Add support for custom header

Is your feature request related to a problem? Please describe.
Despite allowing the user to add custom headers, it's not actually used.

Describe the solution you'd like
Consider adding the site-wide header to the blog page at the very least, and perhaps as a placeholder where a header at the top of the page would be appropriate, e.g. search results, 404, blog, homepage, portfolio, etc.

Describe alternatives you've considered
Remove the feature entirely.

[BUG] Youtube embedding does not expand to the full-width of the page.

Describe the bug
Youtube embed looks ugly.

Version
2020.5.1

To Reproduce

1. Add Youtube embed with a valid video in a page or post.
2. Preview said page or post. Margins everywhere.

Expected behavior
Youtube expands to the full width it's given.

Screenshots

Additional context
Just styling CSS tag, figure.wp-block-embed might be enough.

When a Tiled Gallery (from Jetpack) is added to a page, its images start expanding infinitely

When a Tiled Gallery (from Jetpack) is added to a page, its images start expanding infinitely. This also, for some reason, affects the Featured Image of the page as well.

Problem is replicated on this page below. As far as I can tell, it's as a result of enabling Jetpack's Tiled Gallery javascript; however, since other themes are not affected by it, could very well require changing the classes or tags on the page.

https://www.taroomiya.com/portfolio/codename-airwaves/

[FEATURE] Do not auto-start embedded WebGL games; allow web visitors to manually start them

Is your feature request related to a problem? Please describe.
When a list of portfolio pages are listed, such as in search, the embedded WebGL games are also listed.

Describe the solution you'd like
Ideally, embeds must be started manually. It might make sense to create either a Gutenberg block or shortcode for this.

Describe alternatives you've considered
Simply display the excerpt of a page or blog post, whenever displayed in a list of posts.

Additional context
On the taroomiya.com website, portfolio pages in particular suffers from this problem.

[BUG] Portfolio doesn't layout properly on iPad's Safari if Jetpack Lazy Image Loading is on.

Describe the bug
Portfolio doesn't layout properly on iPad's Safari if Jetpack Lazy Image Loading is on.

Version
2020.5.1

To Reproduce

1. Install Jetpack
2. Enable portfolio and lazy image loading.
3. Create a couple of portfolio items with featured images.
4. Open the portfolio page /portfolio

Expected behavior
The layout of all thumbnails is laid out similar to desktop browser.

Screenshots
A bit difficult, will work on it eventually.

Platform

• Device: iPad Air 2
• OS: iOS
• Browser: Safari

Additional context
Most likely, the imageloaded javascript is not triggered properly. Look into whether Jetpack provides a javascript event to bind to instead. I believe it's possible using Wordpress' own jQuery library.

[BUG] Sidebar doesn't sticky at the right spot on all screen aspect ratios

Describe the bug
The part that the sidebar stickies is inconsistent.

Version
2020.2.1

To Reproduce
Steps to reproduce the behavior:

1. Go to any page with the sidebar, and a long content.
2. Make sure the page is displayed on either desktop or tablet, landscape.
3. Scroll down towards the middle of the screen, so the sidebar stickies to the top of the screen

Expected behavior
Regardless of the screen ratio, the title will align with the top of the screen.

Screenshots
If applicable, add screenshots to help explain your problem.

Platform
Describe which platform the bug was found in

• Device: Desktops, tablet landscape

Additional context
This is largely due to the thumbnail constantly resizing to fit the width of the sidebar dynamically, so the dimension it stickies needs to either be calculated manually, or the text section needs to be separated from the thumbnail itself (probably the latter).

Jetpack Portfolio site (list of thumbnails) sidebar is too wide

Describe the bug
Jetpack Portfolio site (list of thumbnails) sidebar is too wide, taking up half the screen.

To Reproduce
Steps to reproduce the behavior:

1. Install Jetpack plugin.
2. Enable Jetpack Portfolio feature.
3. Create a few Portfolio pages with featured images set.
4. Redirect to page, /portfolio. While making a page for this is useful, it's strictly not necessary.

Expected behavior
A sidebar that takes up 1/4th the screen, like most other pages.

Screenshots

[FEATURE] Use bulma tags to display categories and tags

Is your feature request related to a problem? Please describe.
Just make categories and tags nicer.

Describe the solution you'd like
Bulma supports tags, so it would be nice to use them to display meta info and the tag cloud/categories, etc. under the 404 page.

[BUG] Jetpack Tiled Gallery looks very ugly, also does not match the width of content

Describe the bug
Tiled gallery images have gaps for no reason. Just look at the screenshot!

Version
2020.2.0

To Reproduce
Steps to reproduce the behavior:

1. Install Jetpack plugin.
2. Enable all image optimization features.
3. Create a page, and a block with Jetpack Tiled gallery.

Expected behavior
A mosaic of images fitting nicely within the content area.

Screenshots

Platform
Describe which platform the bug was found in

• Device: Desktop
• OS: Mac OSX
• OS Version: 10.15.3
• Browser: Firefox
• Browser Version: 72.0.2

Additional context
Seems to be a problem with flex box CSS styling, honestly.

[FEATURE] Add option to limit the number of characters one can enter in an input/text area

Is your feature request related to a problem? Please describe.
Jetpack does not provide an option to edit the input's character limit.

Describe the solution you'd like
Add an option to edit the input's character limit.

Describe alternatives you've considered
To be fair, there's probably already a plugin out there that already handles that.

Additional context
See: https://developer.jetpack.com/hooks/grunion_contact_form_field_html/

[FEATURE] Automatically add the primary menu navigation in the sidebar.

Is your feature request related to a problem? Please describe.
Sidebar looks ugly.

Describe the solution you'd like
Automatically assign the sidebar as the primary navigation menu. Note this is linked to issue #3

[FEATURE] Add special resume template page

Is your feature request related to a problem? Please describe.
Portfolio page is nothing without a resume page!

Describe the solution you'd like
Create either a Gutenberg block or a full-on custom page for resumes.

Consider using the timeline bulma extension.

[FEATURE] Apply a default thumbnail if a post doesn't have one

Is your feature request related to a problem? Please describe.
A no-thumbnail related image posts looks weird.

Describe the solution you'd like
Apply a default thumbnail if a post doesn't have one, using the site's image.

Describe alternatives you've considered
Leave it ugly.

Additional context
A task item in issue #23 . Also see https://jetpack.com/2013/10/15/add-a-default-fallback-image-if-no-image/

[BUG] Infinite Scroll doesn't work properly on Portfolio, thumbnails and "more posts" buttons are placed incorrectly

Describe the bug
While right now, infinite scroll is disabled on Portfolio, enabling it causes quite a number of problems:

• Thumbnail positions, especially newly added ones, are incorrect.
  • Masonry seems to calculate positioning on each thumbnail as if it has no images.
• Page height is too short, especially when new thumbnails are added in.
• If footer widgets are enabled, the "more posts" button that appears at the bottom of the page overlaps other thumbnails.

Version
2020.6.0

To Reproduce

1. Install Jetpack
2. Enable infinite scroll and portfolio on Jetpack
3. Go through the jetpack.php file in this theme, and remove/comment out the following lines:

if ( !function_exists ('game_dev_portfolio_infinite_scroll_archive_supported') ) {
    /**
     * Force portfolio page to not support infinite scroll. It messes the masonry stuff.
     */
    function game_dev_portfolio_infinite_scroll_archive_supported( $supported, $settings  ) {
        if( is_post_type_archive( 'jetpack-portfolio' ) ) {
            $supported = false;
        }
        return $supported;
    }
}
add_filter( 'infinite_scroll_archive_supported', 'game_dev_portfolio_infinite_scroll_archive_supported', 10, 2 );

3. Navigate to the Portfolio page.
   1. Scrolling down to the bottom to load new thumbnails is also recommended as part of this test.
   2. Enabling lazy image loading also worsens the problem as well.

Expected behavior
A properly formatted grid, no overlaps, and the more-posts button always appearing at the bottom left of the page.

Screenshots
TODO

Additional context
It likely has to do with how Masonry loads its layout in the footer-portfolio.php file.

[FEATURE] Add option to move the label to a text input or text area's placeholder attribute in a Jetpack contact-form block

Is your feature request related to a problem? Please describe.
Bulma already styles text input and text area's placeholder really nicely, making it easy to create compact forms. I'd like to see this feature enforced in the game-dev-portfolio.

Describe the solution you'd like
Add the option to, in a Jetpack contact-form block:

• Change a text input or text area's placeholder attribute.
• Checkbox to not display the label.

Describe alternatives you've considered
This is just a visual enhancement to make the Jetpack form compact.

[FEATURE] Make the footer prettier

Is your feature request related to a problem? Please describe.
Footer looks ugly.

Describe the solution you'd like
Couple of ideas:

• move the license to the bottom as a small text.
• center align all text.
• limit the number of tiles per row to 4. Automatically start stacking a new row of widgets, all center-aligned, if it exceeds this number.

[FEATURE] Provide a method to group controls in a contact form into a single row

Is your feature request related to a problem? Please describe.
Bulma provides a reactive method to move a couple of fields into a single row.

Describe the solution you'd like
Provide a method in the Jetpack contact form to move input fields into a single row.

Describe alternatives you've considered
Just another method to make the contact form more compact.

Additional context
See: https://bulma.io/documentation/form/general/

[FEATURE] Add a contact form

Is your feature request related to a problem? Please describe.
No portfolio theme is complete without a contact form!

Describe the solution you'd like
Creates a contact form with proper bulma styling Said form should request the following:

• Name
• Email
• Subject (to be set as the subject of the email)
• Message (text area)

Describe alternatives you've considered
It might make sense to turn this into a Gutenberg block, for maximum flexibility. Not sure, however.

Jetpack also provides a contact form alternative. It looks ugly.