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, 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                                 text-transform: none;
  71                                 color: white;
  72                                 background-color: black;
  73                         }
  74
  75                         #log {
  76                                 margin-top: 64px;
  77                                 padding-top: 64px;
  78                                 border-top: 4px dashed black;
  79
  80                                 > article {
  81                                         &:not(:first-child) {
  82                                                 margin-top: 64px;
  83                                         }
  84
  85                                         > header > h2 {
  86                                                 margin-top: 0;
  87                                         }
  88                                 }
  89                         }
  90                 </style>
  91         </head>
  92
  93         <body>
  94                 <p>Hey there! I'm Ayo ^w^</p>
  95                 <p>Here are some projects I'm working on: <a href="https://git.ayoreis.com" target="_blank">git.ayoreis.com</a>.</p>
  96                 <p>(the background colour is #f77ee5 btw)</p>
  97
  98                 <section id="log">
  99                         <article>
 100                                 <header>
 101                                         <p><time datetime="2025-09-19">19 September 2025</time></p>
 102                                         <h2>Reword old Git commits</h2>
 103                                 </header>
 104
 105                                 <pre><code>git rebase -i --committer-date-is-author-date HEAD~n
 106 git push --force</code></pre>
 107
 108                                 <ul>
 109                                         <li><a href="https://git-scm.com/docs/git-rebase" target="_target"><code>rebase</code></a> modifies history in a few ways, such as rewording commits</li>
 110                                         <li><a href="https://git-scm.com/docs/git-rebase#Documentation/git-rebase.txt---interactive" target="_blank"><code>-i</code></a> (short for <code>--interactive</code>) lets you chose specific commits to reword</li>
 111                                         <li><a href="https://git-scm.com/docs/git-rebase#Documentation/git-rebase.txt---committer-date-is-author-date"><code>--committer-date-is-author-date</code></a> (optional) keeps original date instead of updating it</li>
 112                                         <li><code>HEAD~n</code> reference, current branch <code>n</code> commits back</li>
 113                                 </ul>
 114
 115                                 <p>Force pushing is needed since history is modified, will cause trouble if you work with other people.</p>
 116                         </article>
 117
 118                         <article>
 119                                 <header>
 120                                         <p><time datetime="2025-09-17">17 September 2025</time> (last updated <time datetime="2025-09-19">19 September 2025</time>)</p>
 121                                         <h2>Speed up video in <a href="https://ffmpeg.org" target="_blank">FFmpeg</a></h2>
 122                                 </header>
 123
 124                                 <pre><code>ffmpeg -i input.mkv -vf "setpts=PTS/60" -r 60 -an output.mp4</code></pre>
 125                                 <p>(Some of the following options link to further information.)</p>
 126
 127                                 <ul>
 128                                         <li><code>-i input.mkv</code> input file</li>
 129                                         <li><a href="https://ffmpeg.org/ffmpeg.html#Simple-filtergraphs" target="_blank"><code>-vf</code></a> (short for <code>--filter:v</code>) video filter, <a href="https://ffmpeg.org/ffmpeg-filters.html#setpts_002c-asetpts" target="_blank"><code>"setpts=PTS/60"</code></a> set <a href="https://en.wikipedia.org/wiki/Presentation_timestamp" target="_blank">presentation timespamp</a></li>
 130                                         <li><a href="https://ffmpeg.org/ffmpeg.html#Video-Options" target="_blank"><code>-r 60</code></a> frame rate</li>
 131                                         <li><a href="https://ffmpeg.org/ffmpeg.html#Audio-Options" target="_blank"><code>-an</code></a> no audio (unless you speed up audio too, the output's length will stay the same)</li>
 132                                         <li><code>output.mp4</code> output file and format</li>
 133                                 </li>
 134                         </article>
 135                 </section>
 136         </body>
 137 </html>