Light

opatry / opatry.github.io Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 1.0 4.27 MB

Olivier Patry's home page (available at https://opatry.net/ and https://opatry.github.io/)

Home Page: https://opatry.net

License: Apache License 2.0

Ruby 36.28% CSS 52.95% HTML 9.23% Shell 1.54%

nanoc firebase-hosting static-site

opatry.github.io's Introduction

Olivier Patry

The content is, most of the time, written using [M↓] Markdown and served by nanoc.

This website is available at https://opatry.net using 🔥 Firebase hosting and https://opatry.github.io/ using 📄 GitHub Pages both thanks to 🤖 GitHub Actions.

🛠 Requirements & Initial setup

$ gem install bundler
$ bundle install
$ bundle exec nanoc compile

Debug Ruby code 🔎 💎

See details…

Using Visual Studio Code and ruby-debug-ide, initial setup requires to install binstubs for few binaries:

$ bundle install
$ bundle binstubs bundler nanoc ruby-debug-ide

Then, debug launch configuration should work out of the box in VS Code (put a breakpoint (in Rules#preprocess for example) then press F5).

JavaScript development

$ npm install && npm install --only=dev
$ ./node_modules/.bin/eslint --init

opatry.github.io's People

Contributors

Stargazers

Watchers

Forkers

jwillemsen

opatry.github.io's Issues

new design

Social icons should be horizontally centered on phone

Add prev/next <link rel/> and <link rel="canonical"/>

Add tag and/or categories

Tips, Notes, Tuto, Info, ...

Add meta description

Home page waiting for real content

Migrate discontinued Ruby Sass to recommended alternatives

Ruby Sass has reached end-of-life and should no longer be used.
* If you use Sass as a command-line tool, we recommend using Dart Sass, the new
primary implementation: https://sass-lang.com/install
* If you use Sass as a plug-in for a Ruby web framework, we recommend using the
sassc gem: https://github.com/sass/sassc-ruby#readme
* For more details, please refer to the Sass blog:
https://sass-lang.com/blog/posts/7828841

Consider defining `accent-color`

accent-color is now supported in all modern browsers 🎉🎨

One line of code enables you to style previously-hard-to-access form controls like checkboxes and radio buttons
body {
  accent-color: hotpink;
}
Works really nicely with the color-scheme property too! https://t.co/YRFQYyKQ2G

See https://twitter.com/Una/status/1506383666548822020

pagination of notes

travis CI with nanoc and FTP deploy

only on a dedicated branch (prod)

Update dependencies

Apply Content-Security-Policy headers

RSS feed template

Just create a RSS feed template and a "all" RSS content.

Github Actions publish to Firebase hosting

Add caching directives to firebase.json

URL	Cache TTL	Transfer Size
…fonts/opatry.woff2?41466537(opatry.github.io)	10 m	3 KiB
/images/nebo.svg(opatry.github.io)	10 m	3 KiB
/assets/styles.css(opatry.github.io)	10 m	2 KiB
…pygments/manni.css(opatry.github.io)	10 m	1 KiB
/images/calculator.svg(opatry.github.io)	10 m	1 KiB

Revise versioning declaration of GHA dependencies

Should use hash and not branch nor tag off actions version.

Should follow used actions repo release notifications.

See https://julienrenaux.fr/2019/12/20/github-actions-security-risk/

Also should avoid using "anyone"'s actions.

Same applies to Ubuntu version for build reproducibility.

Replace icon font with svg icons

jekyll to nanoc migration

~~migrate engine~~ a78c5de
pagination -> post poned for another milestone #6
~~deploy via FTP~~ 84dda4e
travis CI -> post poned for another milestone #7
~~checks~~ 84dda4e
~~sitemap~~ 9f38d67
~~rss~~ 9f38d67

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.