Code Monkey home page Code Monkey logo

liebling's Introduction

Liebling

Liebling is a beautiful and clean Ghost theme that is easy and comfortable to use. It's free and you can use it for any kind of content you might have. Now with dark mode πŸŒ“!

If you find this theme useful, please consider to make a donation to support its development! πŸ™πŸΌ

Donate

Ghost 5

This theme has been optimized for Ghost 5, if you are looking for a Ghost 4 compatible version please refer to this link.

Preview

You can see a live demo here: https://liebling.eduardogomez.io



Download

To get the latest version please head over the releases page and download the file liebling.zip of the latest release.

Documentation

To know how to enable the search, comments, newsletter and more, please head to the Wiki.

Features

General features

  • Clean and beautiful design
  • Lightning fast
  • Lightweight and high performance
  • Fully responsive, looks great on any device
  • Compatible with modern browsers

Ghost features

  • Subscription form
  • Multiple authors
  • Logo support
  • Secondary menu
  • Accent color
  • Featured posts and pages
  • Post, Page, Tag, Authors, pages
  • Koenig editor
  • Bookmark card
  • Gallery card
  • Button card
  • NFT card
  • Callouts
  • Toggles
  • Quotes
  • Products
  • Audio
  • Video
  • File uploads
  • Headers
  • Blog title and description
  • Cover image for Home, Post, Page, Tag, Author pages
  • Author avatar, bio, location, website and social links
  • Facebook and Twitter social links
  • Reading time
  • Next and Previous post navigation
  • Primary tag in posts

Liebling unique features

  • Dark mode
  • Search
  • Custom settings
  • Custom Subscribe page
  • Custom authors page
  • Custom error page
  • Medium style image zoom
  • Comments with Disqus
  • Share post on Facebook and Twitter
  • Slider for featured posts
  • Support for normal, wide and full images in posts
  • Reading progress indicator
  • RTL language support

Localization

Tests performed

  • W3C Markup Validation: Correct validation
  • Ghost GScan: 100/100 points
  • GTmetrix PageSpeed Score: A (97%)
  • PageSpeed Insights: 94/100 (mobile) 99/100 (desktop)
  • Pingdom Performance Grade: A 91

Theme development

Thanks to D3473R πŸ’ͺ🏼 for creating a development environment with Docker. From now on you can work on this theme without installing a Ghost instance on your local machine. With two commands you have an instant development setup and you can build the theme for production.

Please take a look to this page to see how it works: https://github.com/eddiesigner/liebling/wiki/Theme-development-with-Docker

Help and Support

If you have any questions or troubles with this product, please feel free to open an issue here.

Contributing

Contributions are very welcome. First, please read the Pull Request Guidelines on the wiki.

Related

  • Galerie - Modern and versatile theme that stands out for its sleek design, it's incredibly fast, it offers a great user experience and it has many options to customise it.

  • Firma - Ghost theme that can be used by startups to large companies to publish any kind of articles related to their business. It stands out for its clean design and is able to adapt to any company's identity.

  • Weiss Pro - Modern and beautiful Ghost theme ready to make your content shine.

License

Copyright (c) 2019-present Eduardo GΓ³mez. Released under the MIT license.

Credits

All the photos I used in this theme were taken from Unsplash

liebling's People

Contributors

ankalago avatar arshyn-t avatar baptiste0928 avatar chocosobo avatar clappingmonkey avatar claptimes5 avatar cohen604 avatar cptdoraemon avatar d3473r avatar dependabot[bot] avatar echobilisim avatar eddiesigner avatar force1267 avatar hiensarahly avatar iqbalbinsb avatar januchaos avatar lapphan avatar otlet avatar pedrinholula avatar pickyzz avatar pintom avatar qballjos avatar raduvultur avatar rajivshah3 avatar tilenkavcic avatar timyboy12345 avatar trongthanh avatar vignini avatar weixiang avatar weslleycsil 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  avatar  avatar  avatar  avatar  avatar

liebling's Issues

Support members feature from Ghost 3.0

With the release of Ghost 3.0 we now have the capability for member login. Though there are many aspects to consider to fully support the membership feature in a theme, the logical start could be with the basic setup for signin/signup forms that would allow the sites to let users register on their websites. I was able to get it working without any styles etc, by just creating a page from Ghost admin with following embedded html.

<form data-members-form>
  <input data-members-email type="email" required="true"/>
  <button type="submit">Continue</button>
</form>

The following would be great to have as the first steps.

  • Login/logout button if member feature is enabled
  • Styled singin/signup pages

# of search results

Hi - I just installed your theme today. Love your work

I have a question re: search function

I have got the search installed, and it works fine, except it only returns one result, even when there are multiple posts containing the same search term.

Is there a setting that I need to update, or is this just a limitation of the search functionality?

Thanks in advance :-)

CSS not getting applied

Happens only with these theme, strange. I see only HTML, CSS not getting applied. Ever exprienced this?

Slideshow in the publication cover section?

Instead of just having a single cover image for the publication cover, is it possible to have a series of images running as a slider in the background?!
I am building a personal photography website and it would be a really cool feature to have that!

npm install Rebalance Allocation failed - process out of memory subdirectory install

I have ghost installed with nginx point it to a subdirectory goeasysmile.com/blog/

After git clone on /ghost/content/themes. I ran npm install in src but get this error:

The theme is missing the icons and images

Do I need to use docker? If so how do I tell it to point at the right subdirectory

alex@ubuntu-s-1vcpu-1gb-sgp1-01:/var/www/ghost/content/themes/liebling/src$ npm install
loadDep:yargs β†’ addNamed  ▐ β•’β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β•Ÿ

<--- Last few GCs --->

[5046:0x563060a65180]   145382 ms: Scavenge 133.9 (167.2) -> 119.3 (167.7) MB, 7.4 / 0.0 ms  allocation failure 
[5046:0x563060a65180]   145544 ms: Scavenge 135.5 (168.7) -> 120.8 (169.7) MB, 4.8 / 0.0 ms  allocation failure 
[5046:0x563060a65180]   146064 ms: Mark-sweep 142.6 (176.1) -> 118.9 (171.5) MB, 69.7 / 14.7 ms  (+ 273.7 ms in 252 steps since start of marking, biggest step 11.9 ms, walltime since start of marking 418 ms) finalize incremental marking via task GC in old

<--- JS stacktrace --->
Cannot get stack trace in GC.
FATAL ERROR: NewSpace::Rebalance Allocation failed - process out of memory
 1: node::Abort() [npm]
 2: 0x56305e3bb011 [npm]
 3: v8::Utils::ReportOOMFailure(char const*, bool) [npm]
 4: v8::internal::V8::FatalProcessOutOfMemory(char const*, bool) [npm]
 5: v8::internal::MarkCompactCollector::Evacuate() [npm]
 6: v8::internal::MarkCompactCollector::CollectGarbage() [npm]
 7: v8::internal::Heap::MarkCompact() [npm]
 8: v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [npm]
 9: v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [npm]
10: v8::internal::Factory::NewRawTwoByteString(int, v8::internal::PretenureFlag) [npm]
11: v8::internal::Handle<v8::internal::String> v8::internal::JsonParser<false>::SlowScanJsonString<v8::internal::SeqTwoByteString, unsigned short>(v8::internal::Handle<v8::internal::String>, int, int) [npm]
12: v8::internal::JsonParser<false>::ParseJsonValue() [npm]
13: v8::internal::JsonParser<false>::ParseJsonObject() [npm]
14: v8::internal::JsonParser<false>::ParseJsonObject() [npm]
15: v8::internal::JsonParser<false>::ParseJsonObject() [npm]
16: v8::internal::JsonParser<false>::ParseJson() [npm]
17: 0x56305dd6deec [npm]
18: 0x2e264b4996dd
Aborted (core dumped)

Two header tags

I notice the markup includes two header tags, which seems incorrect to me- I am working on a fix, but wanted to make sure you didn't want both of these for some reason...

I am assuming this is a mistake as I have always thought that no single element should directly contain two

elements.

Facebook Share on Mobile

Facebook share works perfectly on the desktop with browser share. With Mobile browser, as it tries to connect to FB app, it directs to FB marketplace with article tag as the search term. I don't think it is a ghost problem, as I cannot reproduce it with other themes on this website.

This website is still under-development but here is the link in case you want to try:
https://youngeyes.info

Slow loading time for larger posts

The page load animation - that fades-in after the content it fully loaded sometime can confuse user into thinking that the page hasn't loaded. Is there any way this animation can be disabled? or perhaps a loading indicator would also help.

Missing Assets

Hey,

Love the theme! I downloaded the .zip file of master and uploaded it but none of the styles or fonts pulled through, upon closer inspection in the /assets/ folder, it appears to be missing:

  • /css
  • /fonts
  • /js

For now I've installed the previous version which is working great, is there any chance the missing assets can be added back so I can use the latest release?

Thanks

post - author section background color for sites without subscribe

Demos:
https://calvintam.dev/past-present/
https://liebling.eduardogomez.io/how-to-set-intentions-that-energize-you/

For me, I am not using subscribe for email feature. There is no background color differences between post, m-author and m-recommended. It is just plain white, making the overall layout weird.

Can you also fix the padding for no posts found? Looks like not styled (excessive empty space there).

PS: m-recommended has no padding/margin top at <section></section> tag. Is it intentional?

search results limit (also) but can we search content not just titles

Firstly Eduardo

Thank you so much or the incredible theme, really love the performance and design.
I saw another user mention number of search results was limited to one but can i also add to this the search seems to only be indexed on titles, can we change this to show all matches on al content?

Really appreciate your work and them!

Add local css file to theme leads to 'failed to read zip file' when uploading it

Hello,

I've been trying to add the prism.js js and css to the theme with no success, leading over and over to the error 'Failed to read zip file' when uploading the zip.

I have added the correct tags to the default.hbs for the style and the script, like this :

<link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" media="screen" />
<script type="text/javascript" src="{{asset "js/prism.js"}}"></script>

I have put the files respectively into assets/js/prism.js and assets/css/prism.css

I zip it, upload it : Error: Failed to read the zip file. Once I remove the prism.js and prism.css files, no more problem. Am I not zipping it right ? Do I have to build something ? Do I have to edit somewhere that I added a new file ?

Thank you.

The interface of v.0.27

Hi Eddie! Have you ever experienced this issue with the latest version update?

I'm having this interface after updating to version 0.2.7:

2019-08-23_200027

2019-08-23_200120

PS: So I was a bit nervous contributing for the first time, never mind the getting famous joke! :D

Linkedin social sharing

I want to add linkedin social sharing in the theme can you please suggest me how can i do this

Docker stuck in a loop

Hi I have just downloaded v0.5.2 and tried the docker image on (MacOS Mojave) but after following the steps and running docker-watch it opens the localhost:3001 page in the browser and the page just keeps loading, also in the terminal the "browser reloading" event just keeps stacking up. i.e.

[Browsersync] Reloading Browsers... (buffered 79 events)

I guess it keeps seeing changes and therefore never finishes?

Does anyone know what might be the problem? I haven't changed anything to the files inside the zip.

Suggestion: Javascript License Table

It would be great to have a clear indication of all the libraries and licenses used in this theme.
My suggestion is to follow this guide in order to provide a javascript license table that properly lets you include and release external and embed code.
I am forking the repo at the moment in order to add the js table to my website.

How do dark mode work

Hello,
First of all thank you for this theme, I'm loving it so far !

I have a little question: how do dark mode is toggle on or off? Based on which predicate?

Can I, for example, force light mode without having to rebuild the theme?

Error: Oops! You seemed to have used invalid Handlebars syntax.

I get the following error, when I upload .zip of your theme to Ghost

Oops! You seemed to have used invalid Handlebars syntax. 
This mostly happens, when you use a helper that is not supported.
See the full list of available helpers here.

Affected files:
index.hbs: Missing helper: "authors"
post.hbs: Missing helper: "authors"

image

Dark version

Kindly create a dark version. I would realy appreciate. I am interested in paying 20 dollars for this.

Navigation Bar not showing logo when Navigation Menu is Empty

image

The navigation bar shows the logo followed by the navigation menu items. When I removed all the navigation menu items from the ghost settings and looked the website, the logo was also not showing up. We might use the logo to click and navigate to the homepage. This might be a blocker for people to navigate to homepage after reading a post.

More than two author is not available

Hi can i add more than 2 author in aothors page . I added some of my friends for contribution but only two is showing on author page . Where can i fix this

Force dark mode

Hey,

First of all love the theme and especially dark mode!

Is it possible to force dark mode for all users regardless of operating system theme?

Cheers

Search not working

Followed the example to enable the search. The icon shows up but when I type some words, the search produces no results despite the content being there.

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.