]> Repositories - ayoreis.com.git/commitdiff
projects / ayoreis.com.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: e27988e)
Add log section, with FFmpeg speed up snippet main
authorAyo Reis <hey@ayoreis.com>
Wed, 17 Sep 2025 20:28:37 +0000 (21:28 +0100)
committerAyo Reis <hey@ayoreis.com>
Wed, 17 Sep 2025 20:28:37 +0000 (21:28 +0100)
index.html patch | blob | history

diff --git a/index.html b/index.html
index 0b3923467a13b44077e7c54ec9c530a18ca6d12e..f68fa47121b034849a63632e24e86ccf4ce6514d 100644 (file)
--- a/index.html
+++ b/index.html
@@ -21,23 +21,85 @@
                                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, h3, 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;
+                       }
+
                        a {
                                color: inherit;
                        }
                        a {
                                color: inherit;
                        }
+
+                       code {
+                               color: white;
+                               background-color: black;
+                       }
+
+                       #log {
+                               margin-top: 64px;
+                               padding-top: 64px;
+                               border-top: 4px dashed black;
+
+                               > article > header > h3 {
+                                       margin-top: 0;
+                               }
+                       }
                </style>
        </head>
 
        <body>
                <p>Hey there, I'm Ayo!</p>
                </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>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 :3)</p>
                <p>(the background colour is #f77ee5 btw :3)</p>
-       <body/>
+
+               <section id="log">
+                       <article>
+                               <header>
+                                       <time>17 September 2025</time>
+                                       <h3>Speed up video in FFmpeg</h3>
+                               </header>
+
+                               <pre><code>ffmpeg -i input.mkv -vf "setpts=PTS/60" -an output.mp4</code></pre>
+
+                               <ul>
+                                       <li><code>-i input.mkv</code> input file</li>
+                                       <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>
+                                       <li><code>-an</code> 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>
My pink website