Write Git rewording post and improve FFmpeg post

[ayoreis.com.git] / index.html
diff --git a/index.html b/index.html

index 0b3923467a13b44077e7c54ec9c530a18ca6d12e..e737f3772f73eadb956dc7af0e1910a2e9f1ed24 100644 (file)
--- a/index.html
+++ b/index.html
@@ -21,23 +21,117 @@
                                 src: url("/inter-italic.woff2");
                         }
  
                                 src: url("/inter-italic.woff2");
                         }
  
+                       * {
+                               box-sizing: border-box;
+                               margin: 0;
+                               padding: 0;
+                       }
+
                         body {
                         body {
+                               padding: 24px;
                                 font-family: --inter;
                                 font-family: --inter;
-                               font-size: 32px;
+                               font-size: 24px;
                                 font-weight: 500;
                                 font-weight: 500;
+                               line-height: 1.5;
                                 text-transform: lowercase;
                                 background-color: #f77ee5;
                         }
  
                                 text-transform: lowercase;
                                 background-color: #f77ee5;
                         }
  
+                       :where(h2, p, pre, ul):not(:first-child) {
+                                       margin-top: 0.5lh;
+                       }
+
+                       h2, h3 {
+                               font-size: 32px;
+                       }
+
+                       pre {
+                               white-space: pre-wrap;
+
+                               > code {
+                                       display: block;
+                                       padding: 24px;
+                               }
+                       }
+
+                       ul {
+                               list-style-position: inside;
+                       }
+
+                       time {
+                               font-style: italic;
+                       }
+
                         a {
                                 color: inherit;
                         }
                         a {
                                 color: inherit;
                         }
+
+                       code {
+                               text-transform: none;
+                               color: white;
+                               background-color: black;
+                       }
+
+                       #log {
+                               margin-top: 64px;
+                               padding-top: 64px;
+                               border-top: 4px dashed black;
+
+                               > article {
+                                       &:not(:first-child) {
+                                               margin-top: 64px;
+                                       }
+
+                                       > header > h2 {
+                                               margin-top: 0;
+                                       }
+                               }
+                       }
                 </style>
         </head>
  
         <body>
                 </style>
         </head>
  
         <body>
-               <p>Hey there, I'm Ayo!</p>
-               <p>Here are some projects I'm working on: <a href="https://git.ayoreis.com">git.ayoreis.com</a>.</p>
-               <p>(the background colour is #f77ee5 btw :3)</p>
-       <body/>
+               <p>Hey there! I'm Ayo ^w^</p>
+               <p>Here are some projects I'm working on: <a href="https://git.ayoreis.com" target="_blank">git.ayoreis.com</a>.</p>
+               <p>(the background colour is #f77ee5 btw)</p>
+
+               <section id="log">
+                       <article>
+                               <header>
+                                       <p><time datetime="2025-09-19">19 September 2025</time></p>
+                                       <h2>Reword old Git commits</h2>
+                               </header>
+
+                               <pre><code>git rebase -i --committer-date-is-author-date HEAD~n
+git push --force</code></pre>
+
+                               <ul>
+                                       <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>
+                                       <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>
+                                       <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>
+                                       <li><code>HEAD~n</code> reference, current branch <code>n</code> commits back</li>
+                               </ul>
+
+                               <p>Force pushing is needed since history is modified, will cause trouble if you work with other people.</p>
+                       </article>
+                               
+                       <article>
+                               <header>
+                                       <p><time datetime="2025-09-17">17 September 2025</time> (last updated <time datetime="2025-09-19">19 September 2025</time>)</p>
+                                       <h2>Speed up video in <a href="https://ffmpeg.org" target="_blank">FFmpeg</a></h2>
+                               </header>
+
+                               <pre><code>ffmpeg -i input.mkv -vf "setpts=PTS/60" -r 60 -an output.mp4</code></pre>
+                               <p>(Some of the following options link to further information.)</p>
+                               
+                               <ul>
+                                       <li><code>-i input.mkv</code> input file</li>
+                                       <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>
+                                       <li><a href="https://ffmpeg.org/ffmpeg.html#Video-Options" target="_blank"><code>-r 60</code></a> frame rate</li>
+                                       <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>
+                                       <li><code>output.mp4</code> output file and format</li>
+                               </li>
+                       </article>
+               </section>
+       </body>
  </html>
  </html>