mmistakes / made-mistakes-jekyll Goto Github PK

Investigate increasing regeneration times with each successive change on Windows. Possible fix is to add gem wdm to Gemfile.

Remove outdent and flush align bullet points and ordered list items.

Should point to /support/ instead of old /subscribe/ page.

I'm Install mademistake and get error :

Liquid Exception: incomplete "\n" on UTF-16LE in _layouts/default.html

No line number information

Investigate serving images via https://web.wurfl.io/

Replace hand-rolled SEO with jekyll-seo-tag.

position: fixed; sidebar table of contents so its always in view, perhaps with the help of the jQuery plugin Sticky-Kit.

• Replace with page.url to make layout more portable.
• Replace site.description with page.excerpt conditional.

Very beautiful jekyll-based blog, however, I have no luck to run it on my Mac.

When $ bundle install

pkg-config could not be used to find libiconv
Please install either pkg-config or the pkg-config gem per

gem install pkg-config -v "~> 1.1.7"

checking for iconv using pkg-config libiconv... no

libiconv is missing. Please locate mkmf.log to investigate how it is failing.

*** 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.

Entire page zooms in Paper 3. Include note about the removal of the zoom loupe tool.

https://mademistakes.com/mastering-paper/moving-the-loupe/

Output style guide collection documents and iframe to hopefully make styling them easier.

https://www.sitepoint.com/setting-up-a-living-styleguide-in-jekyll/

Inline SVG icons (possible those who's canvas isn't perfectly square) cut off. Related to width: 1em and height: 1em?

Seems to be related to posts becoming a collection in Jekyll 3. Wait for a fix or just roll with it.

• Find/replace all image paths used in YAML Front Matter and prepend with full path (eg. /assets/images/filename.jpg
• Update style-guide
• Add waypoint links (breadcrumbs lite) to FAQs and any other collection documents that function similar to the "yellow" underlined category page links
• Update/add feature images were necessary

Rebuild CSS using mockups from in #81 as a starting point.

Hi @mmistakes
I just notices a bug with bigfoot while implimenting on my website, and is present on your website too.

Bug - On mobile device (my mobile screen res - 720x1280), the popup overflow from the screen if shown on extreme left on the screen.

I thought of putting this issue on bigfoot.js repo, nut the project is stale with many issues pending. However I found this opened issue which might be the same -lemonmade/bigfoot#46

I tried using positionContent: "true" as mentioned on http://bigfootjs.com but no success.

Hoping that you can catch something...

Explanation -

On your website (about page)- -
I slowly resized screen in chrome (desktop) to emulate the bug.

On my website -
this page - happens on mobile device only

Improve maintenance of Gulp tasks by pulling out hard coded paths into a paths.js file ala http://savaslabs.com/2016/10/19/optimizing-jekyll-with-gulp.html

Home page can't stop shaking just like this when I'm using Safari on macOS:

Using mockups in #81 rebuild and restructure _layouts/_includes as necessary.

For example:

Masterpaper - Mix - have favicon
Masterpaper - Basics - doesn't have favicon

and so on...

I saw a few examples building my website.

Overflowed content with scroll lack momentum.

Add -webkit-overflow-scrolling: touch;

Reference: https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

• Improve styling
• Style line numbers (only supported with {% highlight linenos %} tag

Current experience

1. User visits the site for the first time. Inlined critical CSS is loaded, followed by an asyn request for the full stylesheet.
2. fullcss cookie is set with a value of true.
3. On repeat visits cached full stylesheet(s) are loaded. Inconsistencies appears if CSS has been altered.

Need a way to cache bust the cookie value. Perhaps leverage the values set in the asset manifest to evaluate against instead of true.

Rename modified variable to last_modified_at to utilize dateModified via Jekyll SEO Tag plugin.

• Rename modified to last_modified_at in post/page/collection YAML Front Matter.
• Rename page.modified to page.modified in _includes and _layouts as necessary.

ref: jekyll/jekyll-seo-tag@8dfc450

TL/DR plan of attack: relegate Jekyll to Markdown parsing and building HTML and leave assets (CSS, JS, images, and fonts) to Gulp (or equivalent task runner).

• Replace jekyll-picture-tag with Gulp task.
• Replace jekyll-assets with Gulp tasks.
• Automate critical path CSS generation.
• Replace layout: compress with Gulp minify task.
• Replace Rake deploy tasks with Gulp.

The time to jekyll build and deploy the site has gotten out of hand the last couple of years. Test disabling various build tasks and plugins to determine offenders and investigate removing the dependency or developing a lighter weight alternative.

Made Mistakes Jekyll stats as of 8/23/2016:

• 1,014 source images to be generated into 5 sizes (1600, 1024, 768, 600, and 320 pixels)
• 7,795 image assets
• 991 posts
• 14 pages
• 3 sets of collections (47 documents)
• 535 comments stored as .yml
• Plugins (jekyll-picture-tag, sort_name filter, jekyll-archives, jekyll-assets, jekyll/tagging, jekyll-tagging-related_posts, jemoji)

Windows Test System:

• Lenovo ThinkStation E30
• Processor 3.30 GHz Intel Xeon E31245
• Memory 16 GB
• Intel SSDSA2BW160G3L 137GB
• Windows 7 Professional Service Pack 1
• ruby 2.2.4p230 [x64-mingw32]

Mac Test System:

• iMac 21.5-inch, Late 2013
• Processor 2.7 GHz Intel Core i5
• Memory 16 GB 1600 MHz DDR3
• 1.12 TB Fusion Drive
• OS X El Capitan 10.11.6
  -- ruby 2.1.0p0 (2013-12-25 revision 44422) [x86_64-darwin12.0]

Initial build: bundle exec jekyll clean. Verify _site, .asset-cache, and any other .tmp folders and files have been removed.

To test build tasks, disable or remove from source and compute average time of 3 builds using bundle exec jekyll --profile.

Worst case offenders appear to be resizing large amounts of images, copying images from source to destination, and building the site.

Decoupling asset generation tasks from main Jekyll build so they don't trigger a rebuild each time they are updated should help with development build times. Browsersync can also come to the rescue injecting updated CSS/JS to circumvent the entire Jekyll build process.

Jekyll build times comparison:

Build a helper that leverages {% include %} variables to build a gallery container that pulls from image data from YAML Front Matter. This will help remove the need to write HTML in .md which is hard to maintain and "junks" up the readability of Markdown only content.

Something similar to the helper built for Minimal Mistakes:

{% include base_path %}

{% if include.id %}
  {% assign gallery = page.[include.id] %}
{% else %}
  {% assign gallery = page.gallery %}
{% endif %}

{% if gallery.size == 2 %}
  {% assign gallery_layout = 'half' %}
{% elsif gallery.size >= 3 %}
  {% assign gallery_layout = 'third' %}
{% else %}
  {% assign gallery_layout = '' %}
{% endif %}

<figure class="{{ gallery_layout }} {{ include.class }}">
  {% for img in gallery %}
    {% if img.url %}
      <a href=
        {% if img.url contains "://" %}
          "{{ img.url }}"
        {% else %}
          "{{ img.url | prepend: "/images/" | prepend: base_path }}"
        {% endif %}
        {% if img.title %}title="{{ img.title }}"{% endif %}
      >
        <img src=
          {% if img.image_path contains "://" %}
            "{{ img.image_path }}"
          {% else %}
            "{{ img.image_path | prepend: "/images/" | prepend: base_path }}"
          {% endif %}
          alt="{% if img.alt %}{{ img.alt }}{% endif %}">
      </a>
    {% else %}
      <img src=
        {% if img.image_path contains "://" %}
          "{{ img.image_path }}"
        {% else %}
          "{{ img.image_path | prepend: "/images/" | prepend: base_path }}"
        {% endif %}
        alt="{% if img.alt %}{{ img.alt }}{% endif %}">
    {% endif %}
  {% endfor %}
  {% if include.caption %}
    <figcaption>{{ include.caption | markdownify | remove: "<p>" | remove: "</p>" }}</figcaption>
  {% endif %}
</figure>

Investigate amp-jekyll plugin and possible use.

Looking through this repo trying to figure out if I can glean how you did the text callouts danger, warning etc so I can add them to Basically Basic. Is there already a way to do this in that theme that I am missing and if not could you advise how to accomplish this or add it to that theme?

Improve typographic hierarchy with a modular scale.

Though you might find this valuable: https://www.aaron-gustafson.com/notebook/crossposting-to-medium-from-jekyll/

It's that time again where I burn it all down, redesign, and rebuild. Let's start with giving the page, work, and archive layouts a refresh.

Design goal: feel more like a "personal" site and less like a typical blog. Standards like social sharing links, tag clouds, etc. are overkill and not needed (as indicated by analytics).

Mockups:

• page layout
• work layout
• archive layout
• splash layout

Pleas make it possible to choose from different feed providers (e.g. feedburner) just as you can choose from different comment providers.

.btn +.btn top margin declaration is causing alignment issue on social sharing buttons found in the article layout.

👋 Michael

Did you know that you can cache rendered outputs from stateless includes and improve your build times with a plugin..?
The plugin is called jekyll-include-cache and is whitelisted for use at GHP
(just not bundled by default, since its dangerous for novices)

The plugin can be used to cache any "include" that does not change its output from page-to-page.
Such includes can simply be plain HTML without any Liquid or an include that only references the global constant {{ site }} e.g., src/_includes/footer.html

I did not submit a PR because I thought I'd gather your feedback first and allow you to implement it first-hand so that you know where it can be used and where it should not be used..

Results from --profile on my system show that you may be able to shave of ~15 seconds but I may be wrong..

Spacing seems off. Possibly related to Jekyll 3 and switch to Rouge for syntax highlighting?

Jekyll 3 + Rouge

<div class="component__code">
  <figure class="highlight">
    <pre>
      <code class="language-html" data-lang="html"> 
         ...  

Jekyll 2.5 + Pygments

<div class="component__code"> 
  <div class="highlight">
    <pre>
      <code class="language-html" data-lang="html">
        ...

Goal: rely on JavaScript as little as possible. Rip out jQuery if possible.

Scripts to keep:

• image lazy loader for large gallery pages (eg. PaperFaces Gallery)
• image lightbox/zoomer
• comment form error handling
• loadCSS for critical path CSS

Build a helper that leverages {% include %} variables to build <figure> elements containing images and a caption. This will help remove the need to write HTML in .md which is hard to maintain and "junks" up the readability of Markdown only content.

Investigate better way of handling responsive images by writing in Markdown and replacing with Srcset markup. Possibly via a plugin.

References:

• wildlyinaccurate/jekyll-responsive-image#15
• envygeeks/jekyll-assets#157

• Remove masthead
• Remove footer
• Improve layout of gallery images so they don't stretch
• Add QR code of current page URL to view on mobile devices

Steps to reproduce bug:

1. Reply to a comment
2. Hit the "cancel" link
3. Hidden field #comment-parent sets value 0 which causes comment to not be included in the display loop.

Relevant code from /assets/javascripts/main.js that needs adjusting:

t.I( 'comment-parent' ).value = '0';

https://jsonfeed.org/version/1

There is some white space getting added somewhere between send square cash and send bitcoins buttons on the support page.

I forked the project to test like gh-page but Github show me the following message.

Github Settings : Your page is having problems building: The tag stylesheet in _layouts/default.html is not a recognized Liquid tag. For more information, see https://help.github.com/articles/page-build-failed-unknown-tag-error.

Hi,
I am not able to find this function breakpoint in any of the mixin file.
The jekyll is throwing error -
Undefined mixin 'breakpoint
Am I doing something wrong?

Build times out after deploy. Kill background process for ssh-agent

ssh-agent -k

Reference: travis-ci/travis-ci#8082 (comment)

https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released

Hi @mmistakes ,

Kindly help with a question related to your website

Just like your contact form , I have managed to make wufoo working, without using <script>{% include_cached wufoo.js %}</script>

Doubt 1 - I was wondering what is the use of including above script? Nowhere on the original site of wufoo they have mentioned about this JS code

Doubt 2 - Are you using hidden text box to prevent spambots from spamming the form?
i.e. this one - <textarea name="comment" id="comment" rows="1" cols="1"></textarea>