Coder Social home page Coder Social logo

mmistakes / minimal-mistakes Goto Github PK

View Code? Open in Web Editor NEW
11.9K 113.0 24.6K 45.21 MB

:triangular_ruler: Jekyll theme for building a personal site, blog, project documentation, or portfolio.

Home Page: https://mmistakes.github.io/minimal-mistakes/

License: MIT License

Ruby 2.58% JavaScript 2.23% HTML 48.30% SCSS 46.89%
jekyll jekyll-theme theme github-pages ruby-gem algolia algolia-search lunr

minimal-mistakes's Issues

How to use Google Fonts

Hi,
I am trying to do a few customizations on fonts.
I read that this can be done on file variables.less, but it seems it is not working. When I change @base-font and/or @heading-font nothing happens.
I am running jekyll on a linux machine and seeing the output with "jekyll --server".
How can I make this work? I would like to use Google Fonts.
Thanks!

Question about running the theme on github

Hello,

First, congratulations, your theme is pretty cool. I will use it for my Lab group. I have a server to upload the files.

However, I am having a problem on running it on github, that I would like to test and finish it it with my collaborators before uploading to the University's website.

Would you mind to take a look to see what is wrong? I tryed a number of options. It is running smoothly locally with "jekyll --server". Do I really need to include a .nojekyll file?

The page is here: github.com/augusto-garcia/statgen.esalq

Thank you very much!

include social sharing (as in hpstr)

... or maybe I really ought to learn css etc., so I could implement these things myself?
(Then again, I have zero design talent, so maybe not).

Firefox Not Displaying Social Links

Hey

Firefox does not seem to be showing social links under the author's avatar. Tested this on HTTP and HTTPS on the demo, and my own fork of the theme. Local Jekyll instance and Github Pages both.

minimalmproblems

I use Ubuntu 14.04

figure environment will only accept .jpg

... not .JPG, not .jpeg.
It renders just fine, but the magnification of images works only if the image is a .jpg, otherwise a click just reveals the image file in a new tab.

add banner (or however those things are called)

as in #39 and #40 I'm a huge fan of ways to highlight and structure text, so I wondered whether this could be added to mmistakes/minimal-mistakes, maybe with the button colors from #40?

Again, _assets-fear is keeping me from doing it myself.

banner

Make sure HTML code matches in post about images

In http://mmistakes.github.io/minimal-mistakes/sample-post-images/ and https://raw.github.com/mmistakes/minimal-mistakes/master/_posts/2013-05-22-sample-post-images.md, the example HTML reads

<figure class="half">
    <img src="/images/image-filename-1.jpg">
    <img src="/images/image-filename-2.jpg">
    <figcaption>Caption describing these two images.</figcaption>
</figure>

but the rendered HTML is

<figure class="half">
    <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a>
    <a href="http://placehold.it/1200x600.jpg"><img src="http://placehold.it/600x300.jpg"></a>
    <figcaption>Two images.</figcaption>
</figure>

It would be clearer if the example HTML would be changed to:

<figure class="half">
    <a href="/images/image-filename-1-large.jpg"><img src="/images/image-filename-1.jpg"></a>
    <a href="/images/image-filename-2-large.jpg"><img src="/images/image-filename-2.jpg"></a>
    <figcaption>Caption describing these two images.</figcaption>
</figure>

CSS breaks

Okay, i learnt this the hard way, my blog kept breaking, and randomly working, without me pushing any commits. I use Ubuntu, and it never worked properly. I'm attaching a screenshot of the demo link for this very repo.

Turns out, the link in _config.yml needs to be set to https and not http for github pages. Firefox blocks http data on an https connection, or atleast mine keeps doing it, so that's why it doesn't work straight. Firefox also blocks my social links, so i can't see any social icons, i guess i'll have to hunt down the hardcoded http's
Broken CSS

fullscreen image and/or landing-page thing?

I'd really love minimal-mistakes to have include fullscreen images and/or a landing-page thing of sorts, maybe like https://sendtoinc.com/ – I think that might make minimal-mistakes a great starting point for product and cause sites, too.

That said, I know @mmistakes likes to keep this theme simple – just thought it couldn't hurt to ask.

Want to add a lengthier Author Bio to Home.html, but doesn't inherit CSS styles

Love the theme!!! I've gotten lots of compliments on it as well.

Here's my iteration so far: http://ryan-p-randall.github.io/

I'm using this theme for a slightly different type of portfolio/blog, and most of the readers will expect to see a few paragraphs of a bio on the landing home page. I've added this kind of bio to the home index in a way that sort of works—but those paragraphs don't have the appropriate CSS styles (link appearance).

I've tried using an include on the local host, but that doesn't render right, either. I'm new to this and basically learning by tinkering, building, seeing if it worked, and then guessing at what else to change—and I've run out of ideas! Ideally, it'd be nice to have a second author bio that I could write in Markdown, then have appear above the index of "Recent Posts," but I'm just curious about any way to get this to work.

Thanks!!!

add colored buttons

any chance you could add colored buttons to minimal mistakes?

I'd try it myself, but I'm scared of everything in the assets folder.

love'em in your other beautiful theme, mmistakes/hpstr-jekyll-theme .

buttons

Rendering Bug

I don't know if this is at all related to the theme. But this is how it sometimes renders for me on a slow connection:

screen shot 2014-03-13 at 3 23 57 pm

I noticed it only happens in chrome and on slow connections, so it might be a chrome bug instead? Some sort of race condition?

It always renders correctly if I resize the window.

Optional Author Bio?

Thank for making this beautiful template available.

What would be the easiest way to remove the author bio in the main page? I've tried to comment out

{% include author-bio.html %}  

section in the home.html, but now article lists aligned to left (see: http://ozank.github.io/asuyatuyolar/ )

_author-bio.html expects complete URL for G+, lacks Google authorship stuff

  1. for Google+, _author-bio.html expects a full URL, not just the username as for all other social networks
  2. the way Google+ is hyperlinked in _author-bio.html does not conform to https://support.google.com/webmasters/answer/1408986?expand=option2 (some people might use that, especially for personal blogs without email at that domain, which is required for option1.)

I'll add a pull request soon.

Ps.: I am new to github; am I doing this roughly correctly? First open an issue, then post a pull request? Or does the pull request suffice? Should I reference stuff in more detail?

Stack Exchange/Stack Overflow in author bio

https://github.com/mmistakes/minimal-mistakes/blob/master/README.md currently lists "stackexchange" as one of the social networking link options, but it doesn't seem to be implemented ("stackexchange" is e.g. absent from https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/_author-bio.html ).

You could just fix this by removing "stackexchange" from the README, but I was hoping you'd be willing to add support for Stack Overflow, and perhaps also Stack Exchange. There are IcoMoon icons for both (search http://icomoon.io/app/#/select for "stack").

Using a image (logo) instead of a picture

Hi.
I am trying to use a image of a logo instead of a picture on some pages. The problem is that this is not working and I only see "feature image" instead of the .jpg image.
The file was exported from svg.
For another file also built from svg, this works, so I assume the problem is not related with the process. I would like to control the image size as well.
The images are

  1. Logo2.jpg (https://dl.dropboxusercontent.com/u/1968009/Logo2.jpg), not working
  2. Logo.jpg (https://dl.dropboxusercontent.com/u/1968009/Logo.jpg), working.
    My goal is to have Logo2.jpg instead of a picture.
    Any suggestion? Thanks.

email links not working

Whenever I click on a mailto link, instead of opening gmail or an external application or something else, it automatically opens a new tab and puts "mailto:[email protected]" as the website url.

Am I missing a browser plug in or something?

Using theme with jekyll server --watch

First, thanks for making this available. Excellent work.

Now to the issue. When I use the theme locally and render it, using jekyll as a local server, the front page will load (locally) from localhost:4000, but any links (e.g. the 'About' link) point back to the GitHub served site. If we run the site locally should not all links be relative? Maybe this is a feature of Jekyll that I don't understand.

Make use of the _data directory

According to the Jekyll documentation, "Plugins/themes can also leverage Data Files to set configuration variables".

I think some of the configurations that were done in _config.yml can be moved to some of the data files. For example, I think the owner section is a good candidate.

The benefit of moving to data files is that we can separate group of options into separate files. One of the problems if we do this is, of course, breaking backward compatibility.

Any thoughts? I can make a PR if this is not a bad idea.

Liquid Exception: exit in _layouts/post.html

I get a error with your theme: (oh btw. thank you for your awesome work ❤️ )

Invalid Date: '' is not a valid datetime.
Liquid Exception: exit in _layouts/post.html

I guess the error is this part: (I have no Idea how you can call in ruby a method with a pipe but probably it's possible)

<time datetime="{{ page.date | date_to_xmlschema }}">

Because this work fine for me:

<time datetime="{{ date_to_xmlschema(page.date) }}">
$ jekyll --version
jekyll 2.1.1

Guide for making content responsive

I just installed the minimal-mistakes theme and it works fairly good for me so far.

I want my content to be responsive.

For instance I'd like to be able to do this for a section of a page:

[ title ]
[ img ] [ text ]

If the page was bing accessed via a mobile phone I'd like the section to appear like:

[ title ]
[ img ]
[ text ]

Does minimal-mistakes use a responsive grid (like bootstrap) that would make it easy to do this?

If it doesn't use a responsive grid what you recommend to make the content responsive?

THANKS!!

Embedded gist style conflict

Embedding a gist with {% gist XYZ %} results in a conflict in classes "lines" and "highlight". The result is that the gist is shown as one row high.

Gist script brings in a definition like,

<table cellpadding="0" cellspacing="0" class="lines highlight">

And those classes are also defined in the theme CSS page.less

Renaming the theme style to something else than lines fixes the problem.

Sorry,Local Commissioning error

jekyll serve

  Generating... �[31m  Liquid Exception: No such file or directory - python

C:/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/pygments.rb-0.5.0/lib/pygme
nts/mentos.py in _posts/2011-03-10-sample-post.md�[0m

jekyll serve issues

HI there - i'm having what is likely some newbie issues... when trying to run jekyll serve i get several errors. The result is a white screen when i type in localhost:4000. Any guidance to get this to work is greatly appreciated. The file mentos.py is in the directory "pygments".
Thank you in advance for any guidance.
leah


C:\Users\lwasser\Documents\GitHub\minimal-mistakes>jekyll serve --watch
Configuration file: C:/Users/lwasser/Documents/GitHub/minimal-mistakes/_config.y
ml
Source: C:/Users/lwasser/Documents/GitHub/minimal-mistakes
Destination: C:/Users/lwasser/Documents/GitHub/minimal-mistakes/_site
Generating...
C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/posix-spawn-0.3.8/lib/posix/spawn.rb:162
: warning: cannot close fd before spawn
'which' is not recognized as an internal or external command,
operable program or batch file.
Liquid Exception: No such file or directory - python C:/Ruby200-x64/lib/ruby/g
ems/2.0.0/gems/pygments.rb-0.6.0/lib/pygments/mentos.py in _posts/2011-03-10-sam
ple-post.md
done.
Please add the following to your Gemfile to avoid polling for changes:
require 'rbconfig'
if RbConfig::CONFIG['target_os'] =~ /mswin|mingw|cygwin/i
gem 'wdm', '>= 0.1.0'
end
Auto-regeneration: enabled for 'C:/Users/lwasser/Documents/GitHub/minimal-mista
kes'
Configuration file: C:/Users/lwasser/Documents/GitHub/minimal-mistakes/_config.y
ml
Server address: http://0.0.0.0:4000http://lwasser.github.io/minimal-mistakes
/
Server running... press ctrl-c to stop.

Wider text area in the blog posts/pages

Great theme!! Is there an easy way to make the text area in the blog posts a litt wider and reduce the "white borders". I'm not a CSS expert and my attempts failed so far ;). Any hint appreciated.

Some icons don't display in Chrome

I'm using Chrome Version 33.0.1750.146 and OS X 10.9.2 on a Macbook Pro Retina.

The icons along the left side of the page don't seem to display properly. Here's a screenshot.
no_icons

It also appears on my fork of your site:
no_icons2

By the way, thanks so much for making this available :)

Add a pagination feature

There is a long list of articles when you go to the articles page. You maybe need a pagination feature. I already to implement it. You could look my blog as an example. Would you want to add a pagination feature in the next release?

padding below images is small

The padding below images is quite thin, especially compared to the whitespace between text and image above.
This is apparent only when the image is in a block of text.
It's not a problem in the template posts because images are always followed by headings (which bring their own padding).
Is this supposed to look like that?

padding

assets/less directory?

Hi,

I'm new to Jekyll and Octopress. I'm trying to get your theme up and running. I'm almost there, and your documentation is really thorough, thank you!

However, I'm missing something with respect to syntax highlighting. The docs indicate I need to edit /assets/less/pygments.less. That directory doesn't exist in the repository, and I'm not sure where to find pygments.less. Do I write it from scratch, or is it something I need to install separately with pygments?

Thanks for your work!

no email in bio

Just wanted to check back if this a bug, or in fact by design (before I start hacking away):
_config.yml asks for site.owner.email but the theme nowhere exposes the email address, correct?
(at least I can't find it anywhere in _author-bio.html.

Ps.: I'd like email to be another social network on the bio -- though I worry that might cause a huge SPAM onslaught.

image: feature: won't accept hotlinked http:// https:// image

image:
  feature: abstract-5.jpg
  credit: dargadgetz
  creditlink: http://www.dargadgetz.com/ios-7-abstract-wallpaper-pack-for-iphone-5-and-ipod-touch-retina/

... won't accept a hotlinked http:// or https:// image.

I think Robpol86@98ee44245f55afe56ab034671cc6e9499483b97a did a conditional thing for the https://github.com/mmistakes/hpstr-jekyll-theme, accepting a hotlink if the input includes http/s and otherwise look in /images, so I'm wondering whether the same couldn't be done for https://github.com/mmistakes/minimal-mistakes.

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.