Skip to content

Instantly share code, notes, and snippets.

View yhatt's full-sized avatar

Yuki Hattori yhatt

663 followers · 0 following
  • Japan
  • 14:36 (UTC +09:00)
  • X @y_hatt
View GitHub Profile
@yhatt
yhatt / mkgif.sh
Created December 23, 2017 07:17
mkgif
#!/bin/sh
usage() {
echo "Usage: ${0##*/} [-o output] [-r framerate] [-f ffmpeg-filter] [-s width:height] input" 1>&2
echo ""
echo "Examples:"
echo " ${0##*/} foo.mp4 : Output GIF to foo.gif"
echo " ${0##*/} -o bar.gif foo.mp4 : Output GIF to bar.gif"
echo " ${0##*/} -r 10 foo.mp4 : Set framerate as 10"
echo " ${0##*/} -s 320:-1 foo.mp4 : Resize width to 320px with fixed aspect-ratio"
@yhatt
yhatt / uncover.md
Last active April 5, 2019 17:08
Uncover theme example
theme paginate _paginate title header footer
uncover
true
false
UNCOVER THEME
UNCOVER THEME
A brand-new theme of Marp core
@yhatt
yhatt / _fragment.md
Last active April 9, 2019 00:44
https://gistcdn.githack.com/yhatt/efc4ba8999274112072f97c7d48d37df/raw/b01eae1128579ed6be7b447950a256156c49dcaa/fragment.html

Hello!

  • This
  • is
  • a regular list.

And...

@yhatt
yhatt / gaia.md
Last active August 8, 2021 13:37
Gaia theme example (for Marp Next)
marp theme
true
gaia

Gaia theme

[Marp Next] slide theme

@yhatt
yhatt / marp.md
Last active April 22, 2024 17:00
Marp Next example
marp

Marp

h:250

Markdown presentation ecosystem
@yhatt
yhatt / command
Last active August 2, 2021 00:06
https://twitter.com/hongwuxyz/status/1421666915546718208
npm i @marp-team/marp-cli @marp-team/marp-core markdown-it-admon
npx marp --engine engine.js slide.md
@yhatt
yhatt / transitions.md
Created August 27, 2021 21:00
Experimental transitions for Marp CLI
title _class theme style marp
Marp CLI experimental transitions
lead gaia
gaia
pre { font-size: 60px; }
true
@yhatt
yhatt / diagrams.md
Last active February 4, 2024 12:44
Marp diagram plugin example (Powered by kroki.io)
marp theme
true
default

Marp diagram plugin example

Powered by kroki.io




  


  




    


          
    

      

        
        

          

              @yhatt
          

          

            
                yhatt
                / transition-showcase.md
            
            

              Last active
              May 29, 2022 02:58
            

              
                Marp CLI experimental transition showcase
              
          

        

      

        

  

      

    

  


  




    


          
    

      

        
        

          

              @yhatt
          

          

            
                yhatt
                / hide-slides-plugin.js
            
            

              Last active
              March 10, 2024 02:00
            

              
                Marp hide slides plugin example
              
          

        

      

        

  

    
    


        



  


  

        

          
          const marpHideSlidesPlugin = (md) => {
        

        

          
            md.marpit.customDirectives.local.hide = (value) => ({
        

        

          
              hide: value === 'true',
        

        

          
            })
        

        

          
          

        

        

          
            md.core.ruler.after(
        

        

          
              'marpit_directives_apply',
        

        

          
              'marpit_hide_slides',
        

        

          
              (state) => {
        

        

          
                let withinSlide = false