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                         a {
  62                                 color: inherit;
  63                         }
  64
  65                         code {
  66                                 color: white;
  67                                 background-color: black;
  68                         }
  69
  70                         #log {
  71                                 margin-top: 64px;
  72                                 padding-top: 64px;
  73                                 border-top: 4px dashed black;
  74
  75                                 > article > header > h3 {
  76                                         margin-top: 0;
  77                                 }
  78                         }
  79                 </style>
  80         </head>
  81
  82         <body>
  83                 <p>Hey there, I'm Ayo!</p>
  84                 <p>Here are some projects I'm working on: <a href="https://git.ayoreis.com" target="_blank">git.ayoreis.com</a>.</p>
  85                 <p>(the background colour is #f77ee5 btw :3)</p>
  86
  87                 <section id="log">
  88                         <article>
  89                                 <header>
  90                                         <time>17 September 2025</time>
  91                                         <h3>Speed up video in FFmpeg</h3>
  92                                 </header>
  93
  94                                 <pre><code>ffmpeg -i input.mkv -vf "setpts=PTS/60" -an output.mp4</code></pre>
  95
  96                                 <ul>
  97                                         <li><code>-i input.mkv</code> input file</li>
  98                                         <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>
  99                                         <li><code>-an</code> no audio (unless you speed up audio too, the output's length will stay the same)</li>
 100                                         <li><code>output.mp4</code> output file and format</li>
 101                                 </li>
 102                         </article>
 103                 </section>
 104         </body>
 105 </html>