Compare commits
3 commits
7b13fa794e
...
3dba287e99
Author | SHA1 | Date | |
---|---|---|---|
3dba287e99 | |||
0dd5418e46 | |||
e21d2b0ea7 |
3 changed files with 10 additions and 4 deletions
|
@ -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
|
||||
|
|
|
@ -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" />
|
||||

|
||||
|
||||
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>
|
||||
```
|
||||
|
|
|
@ -52,6 +52,12 @@ hr {
|
|||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
section.content {
|
||||
p img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width < 600px) {
|
||||
main {
|
||||
width: 100%;
|
||||
|
|
Loading…
Add table
Reference in a new issue