index.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en-GB">
   4         <head>
   5                 <meta name="viewport" content="width=device-width" />
   6                 <link rel="icon" href="/favicon.svg" />
   7                 <title>ayo reis</title>
   8
   9                 <style>
  10                         @font-face {
  11                                 font-family: --inter;
  12                                 font-style: normal;
  13                                 font-feature-settings: "ss07", "ss08";
  14                                 src: url("/inter.woff2");
  15                         }
  16
  17                         @font-face {
  18                                 font-family: --inter;
  19                                 font-style: italic;
  20                                 font-feature-settings: "ss07", "ss08";
  21                                 src: url("/inter-italic.woff2");
  22                         }
  23
  24                         * {
  25                                 box-sizing: border-box;
  26                                 margin: 0;
  27                                 padding: 0;
  28                         }
  29
  30                         body {
  31                                 padding: 24px;
  32                                 font-family: --inter;
  33                                 font-size: 24px;
  34                                 font-weight: 500;
  35                                 line-height: 1.5;
  36                                 text-transform: lowercase;
  37                                 background-color: #f77ee5;
  38                         }
  39
  40                         :where(h2, h3, p, pre, ul):not(:first-child) {
  41                                         margin-top: 0.5lh;
  42                         }
  43
  44                         h2, h3 {
  45                                 font-size: 32px;
  46                         }
  47
  48                         pre {
  49                                 white-space: pre-wrap;
  50
  51                                 > code {
  52                                         display: block;
  53                                         padding: 24px;
  54                                 }
  55                         }
  56
  57                         ul {
  58                                 list-style-position: inside;
  59                         }
  60
  61                         time {
  62                                 font-style: italic;
  63                         }
  64
  65                         a {
  66                                 color: inherit;
  67                         }
  68
  69                         code {
  70                                 color: white;
  71                                 background-color: black;
  72                         }
  73
  74                         #log {
  75                                 margin-top: 64px;
  76                                 padding-top: 64px;
  77                                 border-top: 4px dashed black;
  78
  79                                 > article > header > h3 {
  80                                         margin-top: 0;
  81                                 }
  82                         }
  83                 </style>
  84         </head>
  85
  86         <body>
  87                 <p>Hey there, I'm Ayo!</p>
  88                 <p>Here are some projects I'm working on: <a href="https://git.ayoreis.com" target="_blank">git.ayoreis.com</a>.</p>
  89                 <p>(the background colour is #f77ee5 btw :3)</p>
  90
  91                 <section id="log">
  92                         <article>
  93                                 <header>
  94                                         <p><time datetime="2025-09-17">17 September 2025</time> (updated <time datetime="2025-09-18">18 September 2025</time>)</p>
  95                                         <h3>Speed up video in FFmpeg</h3>
  96                                 </header>
  97
  98                                 <pre><code>ffmpeg -i input.mkv -r 60 -vf "setpts=PTS/60" -an output.mp4</code></pre>
  99
 100                                 <ul>
 101                                         <li><code>-i input.mkv</code> input file</li>
 102                                         <li><code>-r 60</code> frame rate</li>
 103                                         <li><code>-vf "setpts=PTS/60"</code> video filter, set <a href="https://en.wikipedia.org/wiki/Presentation_timestamp" target="_blank">presentation timespamp</a></li>
 104                                         <li><code>-an</code> no audio (unless you speed up audio too, the output's length will stay the same)</li>
 105                                         <li><code>output.mp4</code> output file and format</li>
 106                                 </li>
 107                         </article>
 108                 </section>
 109         </body>
 110 </html>