mmistakes / so-simple-theme

A simple Jekyll theme for words and pictures.

Oh hey — I'm Michael Rose

Just another boring, bearded, tattooed, designer, front-end developer, and occasional illustrator who works and resides in Buffalo New York.

I’m into drawing portraits of strangers on an iPad Pro, making popcorn, eating chicken wings, watching dust collect on my vinyl record collection, and playing single-player console exclusives on Nintendo Switch and Playstation 5.

so-simple-theme's Issues

Add next/previous links to post layout

Buttons at the bottom of the post that link to next and previous posts would be sweet.

Minimal Mistakes link is wrong and Michael Rose link in first part of readme is broken

Alphabetize tags

Tags are currently listed in order of appearance in the tags.html layout. Would be nice to have them ordered alphabetically.

Best way to adjust font sizes?

Hi, I'd like to increase the font sizes for most of the content. I tried increasing the font-size in the body element, but it seems like many child elements such as <p>, li, <blockquote> and others have their font-size set explicitly in _site.scss.
What would be the recommended way to increase these font sizes? Do I need to adjust each one in _site.scss?
I tried editing $doc-font-size in _variables.scss but the results were not what I expected.
Any tips would be appreciated, thank you.

css properties defined for code tag that are child of p tag only

css properties were defined for code tags that are child of a p tag.

p code{font-size:16px;font-size:0.75rem;white-space:nowrap;margin:0 2px;padding:0 5px;border:1px solid #e6e6e6;background-color:#f2f2f2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

How about code tags that are child of ul or li?

Define global code will interfere with pygment I think.

linkedin share

Hi is it possible to add linkedIN share buttons for articles ?

Thanks heaps and keep up the great work.

Add a google search bar + option

Hi,

I have added a google search bar form in the navigation.hml page + option in config.yml. That could be interesting for others

Navigation.html

https://gist.github.com/cmoulliard/0103a48b200b18780a2a

config.yml

Enable/Disable Google Search form in menu bar

google_search_form: true

Remark : I think that the menu bar should be adapted to display the search a little more on the right part of the screen

Regards,

Charles

Feature request: support per article author override

Some blogs are written by one author, however other blogs have different authors for different articles. It would be nice to have an option to override the Owner/Author information from _config.yml for an individual post in the YAML frontmatter.

Improve support for syntax highlighting `linenos=table` option

The {% highlight %} tag for syntax highlighting works fine:

Line numbers can be added using linenos:

With linenos however the line numbers are selected when trying to copy the code. This can be fixed by using linenos=table but this is not handled in the theme styling:

Reference: http://pygments.org/docs/formatters/

Change order of browser update and navigation section

Navigation section should be before the browser update section.

{% include navigation.html %}
{% include browser-upgrade.html %}

Add quora link

It would be great if we can able to add quora link in the _config.yml just like other social media applications..

Main navigation buttons not fully clickable

Only the text of the top navigation bar is clickable, not the buttons that appear on mouseover. E.g. you can't click on the RSS icon, or directly underneath the "about" text.

To make this whole button clickable, could I add a #site-nav.opened opened property so it'll get the URL information for the button?

Search not working

Hi,
I love your theme,but the search doesn't seem to work on my site(joemathai.github.com).

How can i update an existing theme installation?

:)

Default feed to your feed instead of user's

Look like you last commit left

<li><a href="http://feeds.feedburner.com/MadeMistakes" title="Atom/RSS feed"><i class="icon-rss"></i> Feed</a>

in _include/navigational.html so now the feed does not point to feed.xml file.

I'm too new to git to request a pull.

Thanks

Thor `new post' command not in sync with _config.yml permalink

current:

permalink:   /:categories/:title

fixed:

permalink:   /:categories/:year-:month-:day-:title

That permalink now is in sync with the pattern in post.thor. I think one or another (_config.yml / post.thor) should get fixed.

Unable to install theme: Missing manifest.yml

Hi Michael,

I get below error when i try to install so-simple-theme.

-> rake theme:install git="https://github.com/mmistakes/so-simple-theme.git"        

Cloning into './_theme_packages/_tmp'...
remote: Counting objects: 220, done.
remote: Compressing objects: 100% (128/128), done.
remote: Total 220 (delta 92), reused 218 (delta 92)
Receiving objects: 100% (220/220), 2.02 MiB | 38 KiB/s, done. 
Resolving deltas: 100% (92/92), done.
rake aborted!

No such file or directory - ./_theme_packages/_tmp/manifest.yml

any idea?

How to Limit number of posts per page

Hi,
Good Day !!!
Thank You for providing a wonderful theme.
I want to know how can I limit the number of links to posts displayed on a category page.
For example: If there are 100 posts under a category, all the 100 links to posts are showing up in the particular category page making the page very big to view.

How can I limit this to some 10 posts and add 11-20,20-30.... at the bottom of the page.

Thank You

Header animation

On mobile animation is jumpy in top navigation. Consider removing it on small viewports when condensed is active.

Question : google_verify

Hi Michael,

The config.yml contains a property which is not described : google_verify. I think that this is related with meta-data = google-site-verification. Can you improve Readme file please ?

Regards,

Charles

Add Disqus commenting

Add Disqus commenting to theme and make it configurable by post.

Articles and Portfolio sections?

First off, awesome work on your themes. I am just getting into jekyll and like the relative ease of it. I was messing around with the so simple theme but got caught up in a single place.

Lets say I have an article section that pulls from the _posts folder but I also wanted a portfolio section set up in the same manner. I duplicated the articles.html file to create portfolio.html. Then I went inside to change the permalink. Then I figured I would create a folder _portfolio just like _posts with items listed in the same md format.

This didn't work however. I have been trying a few things but still can't get it to work as I guess its not as simple as just copying the files over.

What am i missing? Do I have to create a new layout page for portfolio? Does it have something to do with the html:

{% for post in site.posts %}
• {{ post.title }} {{ post.date | date: "%B %d, %Y" }}
{% endfor %}

I tried changing site.posts to site.portfolio but that didnt work. Thanks for any help! Much appreciate your aesthetic especially with jekyll. I took a look at some of the other templates and yours are very nice! Thanks

Site-wide disqus comments not activated via _config.yml?

Hi Michael,

Terrific job with So-simple-theme, I love it 👍

I've recently migrated my blog from WP to Jekyll and your theme, but apparently I cannot enable comments globally in _config.yml, instead I have to say comments: true on every blog post:

https://github.com/brainstorm/brainstorm.github.io/commit/3a8e9e4999f

Any ideas why?

Bug: Opening main menu then resizing the browser leaves it open even at full screen width

Document sitemap.xml

Make aware that the theme provides a basic sitemap.xml file for submitting to search engines.

Mobile not formatting properly

Hello! Thanks again for such a great theme! I'm having trouble with my site rendering on mobile/tablets. It seems to have a large white space between the title and the content. Could you maybe give me some insight into what's happening here?

http://claymcleod.github.io/blog/articles/whats-in-a-post-part-2/

Thanks,
Clay

In Archives page, Date is misaligned with the title of post (and adding featured image to Articles page)

c.f. http://mmistakes.github.io/so-simple-theme/articles/

The titles of the posts are not horizontally aligned with the dates. A fix could be to increase the size of the date font (the small caps one that says JUNE 25, 2013) so that it's the same height as the post title. Not sure how to make this change though!

Thanks a lot!

P.S. I also added the featured image of each post to show below the title on the Articles page, by adding <img src="../images/{{post.image.feature}}" /> before the last </li> like so:

<ul class="post-list">
  <li><article itemscope itemtype="http://schema.org/BlogPosting" itemprop="blogPost"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}<span class="entry-date"><time datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">{{ post.date | date: "%B %d, %Y" }}</time></span></a></article><img src="../images/{{post.image.feature}}" /></li>
</ul>
{% endfor %}  ```

White space on default blog setup

Hi,

Thanks for this theme. I am really enjoying it. I am getting a weird white space in the blog and article posts. I'm betting this is in the "posts" page layout. (See http://germslab.org/_posts/articles/top-10-reasons-to-join-germs/ or http://germslab.org/plans-for-the-lab/) I don't want to break anything. If you would direct me to the correct place to adjust this, it would be super helpful and I'd be in your debt. :) Thanks in advance!

404.md doesn't change 404.html

Hi!

I see 404.md page in the root of my site. But when I change it and do jekyll build, page 404.html didn't changes.

Where is my error?

Pygment css classes conflict with MathJax

This issue is described here. But in short, pygment.css define color for the same classes that MathJax.js uses such as mi and mo.

No navigation links in posts

There are no links to the previous post and the next post. Maybe it is the design philosophy of the this theme. But it is a little disappointing to me.

Could these navigation link be at least optional? I can add the links by myself, but I am afraid of that maybe I will ruin the theme style.

Chinese character not properly displayed for article titles on Safari

Article Here

Thanks for the awesome theme.

How do I remove the Feed from the menu?

Maybe there could be a config option for it?

Close main drop-down menu when click/tap outside of it

Not sure if this is possible, but it's a common UX/UI feature. Usually a menu closes when you click outside of it (on another area of the site or just on blank space).

CSS not loaded when accessing over SSL

Check: https://mmistakes.github.io/so-simple-theme/

Possible solution: in the _config.yml file, remove the protocol from the url of the website.

So in this case, it would be //mmistakes.github.io/so-simple-theme/ instead of http://mmistakes.github.io/so-simple-theme/

Would this break anything else?

Support summary_large_image (Twitter Cards)

Add support for Large Image Summary Twitter Cards.

make text use the whole page width once below the bottom of the author block

Hi, this is a feature request and a feasibility question.

Is it complex to make the text of blog posts to use the whole width of the page once it goes lower than the bottom of the author block?

I fear that it would be hard to do so and keep a responsive design, but I am no expert.

Since the responsiveness of the blog is not my first priority, I would also be happy with just a modification suggestion to achieve that result in place of a modification of the theme.

Thank you for your work on this theme, it was quite helpful to me.

Avoid use of site.url where possible

The url variable in _config.yml is needed in some places like the social links. However in most other places such as loading CSS, images, and JS, an absolute URL can be used instead.
For example, the list of posts can use:
<a href="{{ post.url }}">

This allows a user to set a production url in the _config.yml and still run the site locally for testing and development.

Is there any downside to this approach? I wouldn't mind updating the templates for this but I wanted to check first.

Mod Shape in Top Navigation

hi, i am using the "so simple theme" for my new webpage amateurtododiy.github.io, i made some tweaks for adjusting to my taste, but i found a speed bump. when i tried to modify the shape of the top navigation the only what i get is this:

when what i want to get is this (made by paint.net) :

I tried various tutorial in CSS but nothing works, i hope the you can help me.

Amazon player doesn't display or work

Here's the code that Amazon provides:

<SCRIPT charset="utf-8" type="text/javascript" src="http://ws-na.amazon-adsystem.com/widgets/q?rt=tf_w_mpw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fexitwoundorg-20%2F8014%2Fc173d8f0-cba4-417f-bff7-81f4653d006f&Operation=GetScriptTemplate"> </SCRIPT> <NOSCRIPT><A HREF="http://ws-na.amazon-adsystem.com/widgets/q?rt=tf_w_mpw&ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2Fexitwoundorg-20%2F8014%2Fc173d8f0-cba4-417f-bff7-81f4653d006f&Operation=NoScript">Amazon.com Widgets</A></NOSCRIPT>

Adding this within the body of a post does not display. I'm sure that I'm missing something simple, but I have no idea what it might be.

Any help will be greatly appreciated.

Feature images

Feature images do not span the full page. Apply width:100% to fix

Typos in Theme Setup page

References to Minimal Mistakes theme photography.

Trailing slash should be / in footnote.

Missing dependency: kramdown

Hi! Congratulations, your theme is beautiful!

I install all dependency, but this message show to me:

ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
Missing dependency: kramdown

Underlines in tag page list

Remove dotted border-bottom from list item links. Looks messy.

problems building the theme :(

hi there,

i have a problem with building your wonderful jekyll theme. I ran "bundle install" in the so-simple-theme directory and got the following error:
em::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension.

    /usr/bin/ruby1.9.1 extconf.rb --use-system-libraries

Building nokogiri using system libraries.
libxml2 version 2.6.21 or later is required!
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of
necessary libraries and/or headers. Check the mkmf.log file for more
details. You may need configuration options.

Provided configuration options:
--with-opt-dir
--without-opt-dir
--with-opt-include
--without-opt-include=${opt-dir}/include
--with-opt-lib
--without-opt-lib=${opt-dir}/lib
--with-make-prog
--without-make-prog
--srcdir=.
--curdir
--ruby=/usr/bin/ruby1.9.1
--help
--clean
--use-system-libraries
--with-zlib-dir
--without-zlib-dir
--with-zlib-include
--without-zlib-include=${zlib-dir}/include
--with-zlib-lib
--without-zlib-lib=${zlib-dir}/lib
--with-xml2-dir
--without-xml2-dir
--with-xml2-include
--without-xml2-include=${xml2-dir}/include
--with-xml2-lib
--without-xml2-lib=${xml2-dir}/lib
--with-libxml-2.0-config
--without-libxml-2.0-config
--with-pkg-config
--without-pkg-config
--with-xslt-dir
--without-xslt-dir
--with-xslt-include
--without-xslt-include=${xslt-dir}/include
--with-xslt-lib
--without-xslt-lib=${xslt-dir}/lib
--with-libxslt-config
--without-libxslt-config
--with-exslt-dir
--without-exslt-dir
--with-exslt-include
--without-exslt-include=${exslt-dir}/include
--with-exslt-lib
--without-exslt-lib=${exslt-dir}/lib
--with-libexslt-config
--without-libexslt-config

Gem files will remain installed in /tmp/bundler20140825-16773-18gxmbs/nokogiri-1.6.3.1/gems/nokogiri-1.6.3.1 for inspection.
Results logged to /tmp/bundler20140825-16773-18gxmbs/nokogiri-1.6.3.1/gems/nokogiri-1.6.3.1/ext/nokogiri/gem_make.out
An error occurred while installing nokogiri (1.6.3.1), and Bundler cannot continue.
Make sure that gem install nokogiri -v '1.6.3.1' succeeds before bundling.

then i thought, ok why not run gem install nokogiri -v '1.6.3.1' and then i got the following error:
ERROR: Error installing nokogiri:
nokogiri requires Ruby version >= 1.9.2.

but i already have ruby1.9.3 installed.
along with a bunch of other ruby versions.
ruby1.8
ruby1.8-dev
ruby1.9.1
ruby1.9.1-dev
ruby1.9.1-examples
ruby1.9.1-full

i suppose they got installed along with rubygems.
I honestly don't know how to get nokogirl now working due to this dependency problem.

do you have any idea/hint maybe? ;)
thanks for creating this lovely theme, i only just got into jekyll and i'm already loving it despite the beginnner problems.

greetz,
theresa

Bug: opening & main menu many times fast makes it open on the left sometimes

Search overlay not covering entire screen

On mobile the black overlay only covers the current viewport.

Add support for configurable external links in nav

To use external links in top navigation you currently need to hardcode them. Should be able to configure both internal and external links from _config.yml

Move from less to scss?

Michael,

Now that the jekyll integrated gh-pages supports automatically building css from scss files, would you have any interest in moving from less to scss? I ported the version of so-simple-theme that I'm using for my site, but I see now that I'm slightly out of date. I'll be happy to apply your latest changes and submit a pull request if you want to move in this direction. The differences between the less and scss versions of the files are quite minimal.

If you don't hate scss, the benefits I see are 1) one less local built step. When developing locally, Jekyll builds the scss automatically. On push of the gh-page branch, github's jekyll builds the css the same way, and 2) this eliminates the need to put the derived assets/css/main.min.css file into git.

Kind regards,
Eric

how to add new navigate