Compare commits

..

3 commits

Author SHA1 Message Date
3dba287e99 video package codeberg
All checks were successful
/ build (push) Successful in 5s
2025-02-16 16:50:03 -05:00
0dd5418e46 img width in content section 2025-02-16 16:49:48 -05:00
e21d2b0ea7 fix footer 2025-02-16 16:29:49 -05:00
3 changed files with 10 additions and 4 deletions

View file

@ -702,8 +702,8 @@ You should be able to play the first ~13 of the video!
[pic_types]: https://en.wikipedia.org/wiki/Video_compression_picture_types
[apple_hls_seg]: https://developer.apple.com/documentation/http-live-streaming/hls-authoring-specification-for-apple-devices#Media-Segmentation
[caddy_files]: https://caddyserver.com/docs/quick-starts/static-files#command-line
[test_index]: https://git.sr.ht/~cfebs/vidpkg/tree/main/item/test-videos/index.html
[test_index]: https://codeberg.org/cfebs/vidpkg/src/branch/main/test-videos/index.html
[ffmpeg_write_codec_attr]: https://git.ffmpeg.org/gitweb/ffmpeg.git/blob/d45e20c37b1144d9c4ff08732a94fee0786dc0b5:/libavformat/hlsenc.c#l345
[mse.html]: https://git.sr.ht/~cfebs/vidpkg/tree/main/item/test-videos/mse.html
[mse.html]: https://codeberg.org/cfebs/vidpkg/src/branch/main/test-videos/mse.html
[hls_spec]: https://datatracker.ietf.org/doc/html/rfc8216
[hls_spec_frag_mp4]: https://datatracker.ietf.org/doc/html/rfc8216#section-3.3

View file

@ -73,7 +73,7 @@ Now to pick some colors starting with dark mode as it's my system preference.
This alone actually will make the background dark based on your browser's defaults which is perfect.
<img height="500px" width="auto" src="/img/style_a_blog_1.png" />
![base styles test](/img/style_a_blog_1.png)
At this point I might consider just leaving the colors up to the browser! Why not, the main goal here is just readability.
@ -98,7 +98,7 @@ Now to some layout stuff. I just want a simple narrow main content column which
<!-- where blog list/post will be rendered -->
</section>
<footer>
<!-- global top nav -->
<!-- global footer -->
</footer>
</main>
```

View file

@ -52,6 +52,12 @@ hr {
overflow-y: scroll;
}
section.content {
p img {
width: 100%;
}
}
@media (width < 600px) {
main {
width: 100%;