tomayac / blogccasion Goto Github PK

View Code? Open in Web Editor NEW

8.0 4.0 5.0 86.35 MB

The new Blogccasion

Home Page: https://blog.tomayac.com/

JavaScript 3.87% HTML 86.17% CSS 2.10% PHP 2.08% Nunjucks 5.72% Shell 0.06%

blog eleventy-website blogging

blogccasion's Introduction

blogccasion

The new Blogccasion: https://blog.tomayac.com/.

blogccasion's People

Contributors

Stargazers

Watchers

Forkers

mathiasbynens intoxcy8me geopand

blogccasion's Issues

`not all and ${mq}` might not always work

blogccasion/posts/2019/2019-09-16_not-all-is-nothing-finding-out-if-the-browser-supports-a-given-media-query.md

Line 136 in b7d07ff

const testMedia = (mq) => matchMedia(`${mq}, not all and ${mq}`).matches;

Examples where this string interpolation of media queries would not work as expected :

(width) or (height)
only screen
not print
print
all variations and more complicated examples of the above

It would only work for and separated queries and media queries without a type or modifier:

(width)
(width) and (height)

Lots of encoding issues

I suck at MySQL character encoding and messed up my database in the past. Needs manual cleansing I fear.

PrismJS thinks certain lines are highlighted

This happens on https://github.com/tomayac/blogccasion/blob/master/posts/2019/2019-11-20_prefers-color-scheme-in-svg-favicons-for-dark-mode-icons.md, but I don’t know why PrismJS highlights these lines.

Apply Prettier to /posts folder

Create screenshots on localhost

Since new blog posts aren’t published yet :-)

Add /year/month collections

11ty/eleventy#316 (comment)
11ty/eleventy#502 (comment)
https://github.com/nhoizey/pack11ty/blob/master/src/_11ty/collections/archives.js

one drive link not available

hello!

I just came across this link and it seems unavailable, maybe it is a permission issue?

blogccasion/posts/2023/09/w3c-tpac-2023-trip-report.md

Line 272 in c2805ca

    
           - [Minutes](https://onedrive.live.com/edit?id=8D8B723D008546BD!949334&resid=8D8B723D008546BD!949334)

Add social meta tags (og: and twitter:)

Hi Thomas,

If I'm not wrong, except the twitter:account_id, the header of your blog posts doesn't contain any social information, is that right?

If so, I would suggest to add some social meta tags to the <head/> of your blog posts. Notably the og: and twitter: tags which will help social network to render nice cards preview of your articles.

Like:

<head>
    <meta property="og:description" content="...."/>
    <meta property="og:image" content="https://tomayac.com/...."/>
    <meta property="twitter:card" content="summary"/>
   <!-- ETC. -->
</head>

I'm not sure, but actually these might even be used for SEO indexing purpose by Google or so, which could be the cherry on top.

I wish I would have been able to send you a PR but I'm not sure where I should begin.

In your last blog post (https://blog.tomayac.com/2019/09/29/the-redesigned-blogccasion-is-live/) you said that social networks almost killed your blogging, time to fight back 😉 (I'm joking of course)

Best
David

Anchor emoji looks bad on Windows

SVG alternative:

<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="251" height="304"><path d="M127 32c-12 0-22 10-22 22s10 21 22 21 22-9 22-21-10-22-22-22zm-1 11c6 0 11 5 11 10 0 6-5 11-11 11s-10-5-10-11c0-5 4-10 10-10z"/><path d="M119 71c-2 0 0 2 0 9v9H97l-24 1c-2 2-2 13 0 13h45v32a4891 4891 0 00-3 92c-1 8-6 9-21 5-16-5-36-14-39-19-2-4-3-8-1-10l3-1 2-2c2-5-4-12-16-20l-11-8-7-5c-2 1-6 11-7 17-3 12 0 30 6 37 3 4 5 4 6 0 1-6 9-4 18 5a134 134 0 0044 28 86 86 0 0130 17c2 1 2 1 4-1 3-6 9-10 18-14l11-5 28-12c8-4 11-7 20-14 10-9 15-10 20-4l3 3 2-2c4-4 5-8 6-17 1-7 0-11-1-17-2-10-6-18-8-20-2-1-3 0-4 2-3 4-6 7-13 12-8 5-13 10-14 16-2 5-1 7 2 5 3-1 5-1 6 2s-1 6-11 12c-16 9-38 17-48 17-5 0-9-2-10-4v-29a14789 14789 0 002-97h23c26 0 24 1 24-9v-5c-15-1-31 1-46-1l-1-8V71h-16z"/></svg>

Posts w/o Webmention should not show the headline

Overflow on Facebook article

Link too wide

Add image dimensions

https://github.com/11ty/eleventy-img/blob/master/README.md

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet.
We recommend using:

CircleCI
Travis CI
Buildkite
CodeShip
Azure Pipelines
TeamCity
Buddy
AppVeyor
But Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.