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
|
[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
|
[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
|
[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
|
[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]: https://datatracker.ietf.org/doc/html/rfc8216
|
||||||
[hls_spec_frag_mp4]: https://datatracker.ietf.org/doc/html/rfc8216#section-3.3
|
[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.
|
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.
|
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 -->
|
<!-- where blog list/post will be rendered -->
|
||||||
</section>
|
</section>
|
||||||
<footer>
|
<footer>
|
||||||
<!-- global top nav -->
|
<!-- global footer -->
|
||||||
</footer>
|
</footer>
|
||||||
</main>
|
</main>
|
||||||
```
|
```
|
||||||
|
|
|
@ -52,6 +52,12 @@ hr {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section.content {
|
||||||
|
p img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (width < 600px) {
|
@media (width < 600px) {
|
||||||
main {
|
main {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Add table
Reference in a new issue