royalfig / smart Goto Github PK
View Code? Open in Web Editor NEWA theme for the open source publishing platform Ghost
A theme for the open source publishing platform Ghost
Hi @royalfig,
As a user, I want to display a section on the homepage to display featured posts. Potential ideas:
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.
improve performance for dynamic contact button (repaint)
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:
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.
Just looked and what already exists in Ghost themes and found https://github.com/lukencode/GhostSolo. I like the way of pinned posts on the homepage https://lukelowrey.com/ as author of website has.
I think it would be nice to have it in the future. We can keep it with low priority in backlog.
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:
.
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!
Do you consider adding translation support? It's hard to change each text in this format.
Hi @royalfig ,
Do you think we can add https://ghost.org/tutorials/reading-time/ dynamic progress bar for posts?
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:
On that image we see in should also show 3 more items.
How it shown on Tablet devices:
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.
On small viewports, the hero image loads even though it's not displayed. Use the base64 trick to avoid the image request.
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)
Hi, @royalfig just would like to know how to enable posts exception in three lines in post cards in the home page like this. need support with code according to the theme.
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?
creates multiple event handlers
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!
Is there way to implement a copy button and to show what language the code is in?
Edit: Solved. Followed instructions on importing Prism's plugin PrismJS/prism#1487
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.
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
Can you update to modify it and import the latest theme you are using for your website? it looks amazing, thank you!
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
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.
Substack website: https://substack.com/
Favicon to subsite: https://substackcdn.com/icons/substack/favicon.ico
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?
change visibility of elements not visible
Is there a way to hide the area between navbar and the content on the home page? It takes too much space and doesn't serve for any purpose.
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
.github/workflows/deploy-theme.yml
actions/checkout v4
actions/setup-node v3
TryGhost/action-deploy-theme v1
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
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
I have an idea to break out the overflow menu so it takes fewer clicks to share, follow, etc.
#6885a1
via the Ghost Admin.Just noticed the same issues on this to @royalfig
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.