mmistakes / so-simple-theme Goto Github PK
View Code? Open in Web Editor NEWA simple Jekyll theme for words and pictures.
Home Page: https://mmistakes.github.io/so-simple-theme/
License: MIT License
A simple Jekyll theme for words and pictures.
Home Page: https://mmistakes.github.io/so-simple-theme/
License: MIT License
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).
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:
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
References to Minimal Mistakes theme photography.
Trailing slash should be / in footnote.
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 %} ```
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
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/
Tags are currently listed in order of appearance in the tags.html layout. Would be nice to have them ordered alphabetically.
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!
Hi,
I love your theme,but the search doesn't seem to work on my site(joemathai.github.com).
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
Buttons at the bottom of the post that link to next and previous posts would be sweet.
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.
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.
Hi is it possible to add linkedIN share buttons for articles ?
Thanks heaps and keep up the great work.
Add support for Large Image Summary Twitter Cards.
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
.
Navigation section should be before the browser update section.
{% include navigation.html %}
{% include browser-upgrade.html %}
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
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
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.
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?
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?
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.
Feature images do not span the full page. Apply width:100% to fix
Make aware that the theme provides a basic sitemap.xml file for submitting to search engines.
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
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
:)
On mobile animation is jumpy in top navigation. Consider removing it on small viewports when condensed is active.
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.
Remove dotted border-bottom from list item links. Looks messy.
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?
On mobile the black overlay only covers the current viewport.
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?
It would be great if we can able to add quora link in the _config.yml just like other social media applications..
Maybe there could be a config option for it?
Add Disqus commenting to theme and make it configurable by post.
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
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?
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.
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.
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.
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.
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
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
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
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.