ferrolho / jekyll-theme-libretto

:scroll: Libretto is a Jekyll theme with classic styling and typographic details

Libretto - Jekyll Theme

Libretto is a responsive one-column Jekyll theme with classic styling and careful typographic details.

Based on the Libretto Wordpress theme.

Install and Test

1. Download or clone the repo

• git clone [email protected]:ferrolho/jekyll-theme-libretto.git

2. Enter the folder

• cd jekyll-theme-libretto/

3. Start Jekyll server

• jekyll serve --watch

4. Access via

• http://127.0.0.1:4000/jekyll-theme-libretto/

Demo

• https://ferrolho.github.io/jekyll-theme-libretto/

Preview

jekyll-theme-libretto's Issues

Your theme is listed in jekyllthemes.ru

Your theme has been listed on http://jekyllthemes.ru/

jekyll serve --watch (erro)

Configuration file: /Users/wangfei/TimiLee.github.io/_config.yml
Source: /Users/wangfei/TimiLee.github.io
Destination: /Users/wangfei/TimiLee.github.io/_site
Incremental build: disabled. Enable with --incremental
Generating...
Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss':
Invalid CSS after "...ame/$font-name;": expected expression (e.g. 1px, bold), was "@font-face {" on line 9
jekyll 3.5.1 | Error: Invalid CSS after "...ame/$font-name;": expected expression (e.g. 1px, bold), was "@font-face {" on line 9

Mastodon icon not shown

Hi, I would like to include Mastodon URL to my site. In _config.yml, I have this:

title: MyTitle
description: > # this means to ignore newlines until "baseurl:"
  Description of my site...
url: https://xxxx.xx
#twitter_username: XXX
github_username:  XXX
linkedin_username: xxx
mastodon:
- username: xxx
  instance: noc.social

# Build settings
future: true
markdown: kramdown
theme: libretto-jekyll-theme
plugins:
  - jekyll-feed

Unfortunately, Mastodon icon and account info is not shown. Any idea what I am doing wrong?

Error displaying first line of post on Safari for Mac

The first line of text for each post disappears on Safari for Mac. Apparently this was a problem in the original Wordpress theme too: https://en.forums.wordpress.com/topic/libretto-theme-not-displaying-properly-in-safari. Here's their solution in their style.css file:

/*
Browser hack that targets Safari only, to prevent first line from disappearing.
See: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome
*/
@media not all and (min-resolution:.001dpcm) { @media {
    .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::after,
	.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::after,
	.emphasis::after {
		display: inline-block;
	}
}}

I don't know enough about scss to incorporate this or I'd do it myself and submit a PR.