GithubHelp home page GithubHelp logo

royalfig / smart Goto Github PK

View Code? Open in Web Editor NEW
70.0 2.0 14.0 111.22 MB

A theme for the open source publishing platform Ghost

JavaScript 56.94% Handlebars 30.37% CSS 12.69%
ghost ghost-theme blog

smart's People

Contributors

dependabot[bot] avatar renovate[bot] avatar royalfig avatar ryangst 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

Watchers

 avatar  avatar

smart's Issues

FEATURE REQUEST: Add featured post section to homepage

Hi @royalfig,

As a user, I want to display a section on the homepage to display featured posts. Potential ideas:

  • A section titled below the hero area that will pull from the Ghost tag "Feature this post"
  • the ability to add/modify the title of the section
  • able to toggle this section on/off from the Ghost design page (nice to have for folks that don't want it)

The general sentiment is to have an area for writers who want to feature essays on the homepage they'd like to get some eyes on so they get buried in the archives. Some themes in Ghost portfolio that are more substack/newsletter-looking (like Dawn) have something along these lines.

QUESTION: Multiple collections and homepage

Hi Ryan,
I am trying to set up two main collections of content, like /blog/ and /til/

I followed https://ghost.org/docs/themes/routing/ and I provided the next custom routes.yaml:

routes:
  /: home

collections:
  /blog/:
    permalink: /blog/{slug}/
    template: index
    filter: 'tag:hash-blog'
  /til/:
    permalink: /til/{slug}/
    template: index
    filter: 'tag:hash-til'

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

When I restarted webserver at my website, it shows me 400 error:
image

Archive page not showing posts

Hi!

On adding the archive page, and selecting the 'Archive' template, the page still shows up blank.

I'm new to ghost, not sure if i'm missing something. Thanks for your help.

Feature request,bug and suggestion!

Hey @royalfig,

just wanted to drop a quick note to express my appreciation for the work you've done on this repo.

I did notice one issue, though. On mobile devices, the homepage posts don't seem to be aligned properly (see screenshot:

image.
If you could take a look at that, it would be much appreciated.

Thanks again for all your hard work on this project, and I'm really happy with the overall theme!

Translation support?

Do you consider adding translation support? It's hard to change each text in this format.

[BUG] TOC rendering issue when there are a lot of items

Recently, support of TOC was added in the theme.
And in the demo page of smart theme we can see that not all items are in the viewport.

Example of bug:
image
On that image we see in should also show 3 more items.
image

How it shown on Tablet devices:
image

ACTUAL BEHAVIOUR:
Not all item listed in TOC. The first items are cut.

EXPECTED BEHAVIOUR:
All item listed or not all but with scrolling functionality and it starts with showing first items and then from first to latest content it should.

Image optimization

On small viewports, the hero image loads even though it's not displayed. Use the base64 trick to avoid the image request.

Show logo in Navbar

I See @royalfig , I need another help just when uploading the logo image from the ghost admin it still appears as text, is there any code that I can replace by modifying the theme if u can just provide one just now it would be a great help

Here's the files where the changes would need to happen. You'd need to to load the image, ensure its optimized, and fallback to text if not set.

Template
https://github.com/royalfig/smart/blob/main/partials/navbar.hbs

Style
https://github.com/royalfig/smart/blob/main/assets/css/layout/navbar.css

Originally posted by @pauloiys in #299 (comment)

FEATURE REQUEST: Microblogging template

Hi Ryan.

Can we create "archive" template tag like https://godofredo.ninja/archive/ or https://zenhabits.net/archives/ but more in a microblogging way?

Let me a bit describe my context and how I am gonna use it:
I would like to start a new section like "TIL" (which stands for Today I Learned) where I will post short posts in 1-3 sentences. Like micro-blogging. The idea of "TIL" content type is pretty good described here.

Other examples of TIL sections:

So how do I see it in the end:
It should be a list of rows with title and except shown like in https://hynek.me/til/ and date of publication (should be in lowercase).
Definitely tags should be used for quicker navigation.

Let me know what do you think and if it possible to do?

Theme doesn't support some recent content types

When creating a post / page, and adding a new content type, there are some that aren't working or performing as expected with the latest version of the theme.

For example, the "Public preview" content type allows you to post publicly available content above the section, with all content below the section only available to paying members. If this content type is used, it sets the entire post / page to only be available to paying members only.

Also, the "Callout" content type doesn't even appear on the post / page when added. Appreciate new features have been released by Ghost since the latest version of this theme was released, but it's one of the best themes I've come across in all my years using Ghost, so I'd love it to be updated to support the newer content types if possible!

Upload successful with errors

The theme "smart - 2.6.2" was installed successfully but we detected some errors. You are still able to activate and use the theme but it is recommended to fix these errors before you do so.
Errors
Highly recommended to fix, functionality could be restricted

Not all page features are being used
Some page features used by Ghost via the {{@page}} global are not implemented in this theme. Find more information about the {{@page}} global here.

Affected files:
page.hbs: @page.show_title_and_feature_image is not used

The theme "smart - 2.6.2" was installed successfully but we detected some errors. You are still able to activate and use the theme but it is recommended to fix these errors before you do so.
Errors
Highly recommended to fix, functionality could be restricted

Not all page features are being used
Warnings
"card_assets" will now be included by default, including bookmark and gallery cards.
Assets such as CSS & JS must use the {{asset}} helper

Can you update to modify it and import the latest theme you are using for your website? it looks amazing, thank you!

FEATURE REQUEST: Author Page with Blog Authors and Post Count Label

image

it would be beneficial to have a dedicated page that showcases all the blog authors along with the number of posts they have contributed according to the smart theme structure.

The enhanced author page would include a list of all the authors, with each author's name and a corresponding label indicating the number of posts they have written. This would provide valuable information to readers and highlight the contributions of each author to the blog.

Having the post count label would not only acknowledge the authors' contributions but also allow readers to easily identify prolific authors who have contributed significantly to the blog. It would also serve as an incentive for authors to continue writing and contributing to the blogging community.

hope you will implement this to the theme in an upcoming version update

idea by @kasuncfdo

[Feature Request] Custom page template with Contact form that support both dark & light mode

Hey @royalfig Currently, I would like to suggest the addition of a contact form feature to specific page/contect page that match with smart theme's native CSS.

  • The proposed solution involves creating a custom page template that will allow the site to add a form to any page using a single drop-down menu. it's even better rather than embedding a custom form on each individual page. It would be great to have this option available on the theme.
  • also when embedding a custom form it's not compatible with the theme if I use ccs to inject with that.

image
image

Comments Support

It appears that smart doesn't support the {{comments}} block on entries, even when installed on a ghost version that has that feature. There's a block set aside for adding a comment section; is it sufficient to just change the comment there to the new block?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/deploy-theme.yml
  • actions/checkout v4
  • actions/setup-node v3
  • TryGhost/action-deploy-theme v1
npm
package.json
  • medium-zoom ^1.0.8
  • prismjs ^1.29.0
  • @babel/core ^7.22.20
  • @babel/preset-env ^7.22.20
  • @rollup/plugin-babel ^6.0.3
  • @rollup/plugin-commonjs ^25.0.4
  • @rollup/plugin-node-resolve ^15.2.1
  • @rollup/plugin-terser ^0.4.3
  • bestzip ^2.2.1
  • eslint 8.57.0
  • eslint-config-airbnb-base 15.0.0
  • eslint-config-prettier ^9.0.0
  • eslint-plugin-import 2.29.1
  • postcss-import ^15.1.0
  • postcss-preset-env ^9.1.3
  • rollup ^3.29.2
  • rollup-plugin-livereload ^2.0.5
  • rollup-plugin-postcss ^4.0.2
  • stylelint 15.11.0
  • stylelint-config-recess-order ^4.3.0
  • stylelint-config-standard ^34.0.0

  • Check this box to trigger a request for Renovate to run again on this repository

Site design: Color mode "light" does not work

Hi Ryan,

First of all thank you for your great theme. It is looking neat and cool ๐Ÿ™Œ
Started to use it on my website https://dmytrolitvinov.com/

About the problem: I changed color mode to "light" and in preview it shows me as light, but when I refresh page even in preview it shows a dark after. On website it does not change at all.

Smart: v2.1.9
Browser: Chrome latest version
OS: macOS

Issue: Dark/Light mode color Palette Issues in Theme Parts

Time.goes.so.fast.celebrating.our.5th.anniversary.mp4
  • There may be potential issues with the color palette in dark/light mode in certain areas of the theme, such as the comment section and the subscriber button when setting colors like #6885a1 via the Ghost Admin.

image

image
image

Just noticed the same issues on this to @royalfig

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.