mirror/guides
1
0
Fork 0
mirror of https://github.com/Findus23/guides.git synced 2024-09-19 16:03:51 +02:00
Code Releases Activity

some fixes

Browse source
This commit is contained in:
Lukas Winkler 2022-05-31 11:25:03 +02:00
parent f3bfff3890
commit ec9468ec2d
Signed by: lukas
GPG key ID: 54DE4D798D244853
4 changed files with 85 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/sass/main.scss
View file

@ -26,7 +26,8 @@ h1, h2, h3, h4, h5 {
} }
code { code {
background: #f9f9f9; @extend .chroma;
padding: 0 .2rem;
} }
pre { pre {
@ -39,7 +40,15 @@ pre {
code { code {
background: none; background: none;
padding: 0;
} }
// .language-bash {
// &::before {
// content: "$ ";
// color: #50fa7b;
// }
// }
} }
.table-of-contents { .table-of-contents {

136
assets/sass/syntax.css
View file

@ -1,82 +1,84 @@
/* Background */ .chroma { color: #f8f8f2; background-color: #282a36 } /* Background */ .bg { color: #f8f8f2; background-color: #272822 }
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
/* Other */ .chroma .x { } /* Other */ .chroma .x { }
/* Error */ .chroma .err { } /* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
/* CodeLine */ .chroma .cl { }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } /* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } /* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Keyword */ .chroma .k { color: #ff79c6 } /* Keyword */ .chroma .k { color: #66d9ef }
/* KeywordConstant */ .chroma .kc { color: #ff79c6 } /* KeywordConstant */ .chroma .kc { color: #66d9ef }
/* KeywordDeclaration */ .chroma .kd { color: #8be9fd; font-style: italic } /* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
/* KeywordNamespace */ .chroma .kn { color: #ff79c6 } /* KeywordNamespace */ .chroma .kn { color: #f92672 }
/* KeywordPseudo */ .chroma .kp { color: #ff79c6 } /* KeywordPseudo */ .chroma .kp { color: #66d9ef }
/* KeywordReserved */ .chroma .kr { color: #ff79c6 } /* KeywordReserved */ .chroma .kr { color: #66d9ef }
/* KeywordType */ .chroma .kt { color: #8be9fd } /* KeywordType */ .chroma .kt { color: #66d9ef }
/* Name */ .chroma .n { } /* Name */ .chroma .n { }
/* NameAttribute */ .chroma .na { color: #50fa7b } /* NameAttribute */ .chroma .na { color: #a6e22e }
/* NameBuiltin */ .chroma .nb { color: #8be9fd; font-style: italic } /* NameBuiltin */ .chroma .nb { }
/* NameBuiltinPseudo */ .chroma .bp { } /* NameBuiltinPseudo */ .chroma .bp { }
/* NameClass */ .chroma .nc { color: #50fa7b } /* NameClass */ .chroma .nc { color: #a6e22e }
/* NameConstant */ .chroma .no { } /* NameConstant */ .chroma .no { color: #66d9ef }
/* NameDecorator */ .chroma .nd { } /* NameDecorator */ .chroma .nd { color: #a6e22e }
/* NameEntity */ .chroma .ni { } /* NameEntity */ .chroma .ni { }
/* NameException */ .chroma .ne { } /* NameException */ .chroma .ne { color: #a6e22e }
/* NameFunction */ .chroma .nf { color: #50fa7b } /* NameFunction */ .chroma .nf { color: #a6e22e }
/* NameFunctionMagic */ .chroma .fm { } /* NameFunctionMagic */ .chroma .fm { }
/* NameLabel */ .chroma .nl { color: #8be9fd; font-style: italic } /* NameLabel */ .chroma .nl { }
/* NameNamespace */ .chroma .nn { } /* NameNamespace */ .chroma .nn { }
/* NameOther */ .chroma .nx { } /* NameOther */ .chroma .nx { color: #a6e22e }
/* NameProperty */ .chroma .py { } /* NameProperty */ .chroma .py { }
/* NameTag */ .chroma .nt { color: #ff79c6 } /* NameTag */ .chroma .nt { color: #f92672 }
/* NameVariable */ .chroma .nv { color: #8be9fd; font-style: italic } /* NameVariable */ .chroma .nv { }
/* NameVariableClass */ .chroma .vc { color: #8be9fd; font-style: italic } /* NameVariableClass */ .chroma .vc { }
/* NameVariableGlobal */ .chroma .vg { color: #8be9fd; font-style: italic } /* NameVariableGlobal */ .chroma .vg { }
/* NameVariableInstance */ .chroma .vi { color: #8be9fd; font-style: italic } /* NameVariableInstance */ .chroma .vi { }
/* NameVariableMagic */ .chroma .vm { } /* NameVariableMagic */ .chroma .vm { }
/* Literal */ .chroma .l { } /* Literal */ .chroma .l { color: #ae81ff }
/* LiteralDate */ .chroma .ld { } /* LiteralDate */ .chroma .ld { color: #e6db74 }
/* LiteralString */ .chroma .s { color: #f1fa8c } /* LiteralString */ .chroma .s { color: #e6db74 }
/* LiteralStringAffix */ .chroma .sa { color: #f1fa8c } /* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
/* LiteralStringBacktick */ .chroma .sb { color: #f1fa8c } /* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
/* LiteralStringChar */ .chroma .sc { color: #f1fa8c } /* LiteralStringChar */ .chroma .sc { color: #e6db74 }
/* LiteralStringDelimiter */ .chroma .dl { color: #f1fa8c } /* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
/* LiteralStringDoc */ .chroma .sd { color: #f1fa8c } /* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
/* LiteralStringDouble */ .chroma .s2 { color: #f1fa8c } /* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
/* LiteralStringEscape */ .chroma .se { color: #f1fa8c } /* LiteralStringEscape */ .chroma .se { color: #ae81ff }
/* LiteralStringHeredoc */ .chroma .sh { color: #f1fa8c } /* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
/* LiteralStringInterpol */ .chroma .si { color: #f1fa8c } /* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
/* LiteralStringOther */ .chroma .sx { color: #f1fa8c } /* LiteralStringOther */ .chroma .sx { color: #e6db74 }
/* LiteralStringRegex */ .chroma .sr { color: #f1fa8c } /* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
/* LiteralStringSingle */ .chroma .s1 { color: #f1fa8c } /* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
/* LiteralStringSymbol */ .chroma .ss { color: #f1fa8c } /* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
/* LiteralNumber */ .chroma .m { color: #bd93f9 } /* LiteralNumber */ .chroma .m { color: #ae81ff }
/* LiteralNumberBin */ .chroma .mb { color: #bd93f9 } /* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
/* LiteralNumberFloat */ .chroma .mf { color: #bd93f9 } /* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
/* LiteralNumberHex */ .chroma .mh { color: #bd93f9 } /* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
/* LiteralNumberInteger */ .chroma .mi { color: #bd93f9 } /* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
/* LiteralNumberIntegerLong */ .chroma .il { color: #bd93f9 } /* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
/* LiteralNumberOct */ .chroma .mo { color: #bd93f9 } /* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
/* Operator */ .chroma .o { color: #ff79c6 } /* Operator */ .chroma .o { color: #f92672 }
/* OperatorWord */ .chroma .ow { color: #ff79c6 } /* OperatorWord */ .chroma .ow { color: #f92672 }
/* Punctuation */ .chroma .p { } /* Punctuation */ .chroma .p { }
/* Comment */ .chroma .c { color: #6272a4 } /* Comment */ .chroma .c { color: #75715e }
/* CommentHashbang */ .chroma .ch { color: #6272a4 } /* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #6272a4 } /* CommentMultiline */ .chroma .cm { color: #75715e }
/* CommentSingle */ .chroma .c1 { color: #6272a4 } /* CommentSingle */ .chroma .c1 { color: #75715e }
/* CommentSpecial */ .chroma .cs { color: #6272a4 } /* CommentSpecial */ .chroma .cs { color: #75715e }
/* CommentPreproc */ .chroma .cp { color: #ff79c6 } /* CommentPreproc */ .chroma .cp { color: #75715e }
/* CommentPreprocFile */ .chroma .cpf { color: #ff79c6 } /* CommentPreprocFile */ .chroma .cpf { color: #75715e }
/* Generic */ .chroma .g { } /* Generic */ .chroma .g { }
/* GenericDeleted */ .chroma .gd { color: #ff5555 } /* GenericDeleted */ .chroma .gd { color: #f92672 }
/* GenericEmph */ .chroma .ge { text-decoration: underline } /* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericError */ .chroma .gr { } /* GenericError */ .chroma .gr { }
/* GenericHeading */ .chroma .gh { font-weight: bold } /* GenericHeading */ .chroma .gh { }
/* GenericInserted */ .chroma .gi { color: #50fa7b; font-weight: bold } /* GenericInserted */ .chroma .gi { color: #a6e22e }
/* GenericOutput */ .chroma .go { color: #44475a } /* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { } /* GenericPrompt */ .chroma .gp { }
/* GenericStrong */ .chroma .gs { } /* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { font-weight: bold } /* GenericSubheading */ .chroma .gu { color: #75715e }
/* GenericTraceback */ .chroma .gt { } /* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { text-decoration: underline } /* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { } /* TextWhitespace */ .chroma .w { }

8
content/guide/visualizing-pointclouds/index.md
View file

@ -139,11 +139,11 @@ A regular graphics card should be able to display millions of points in real-tim
The major limitation of this visualisation is that it doesn't seem possible to use Point Gaussians as above using Paraview. You can read more about this [here](https://github.com/pyvista/pyvista/discussions/2576). The major limitation of this visualisation is that it doesn't seem possible to use Point Gaussians as above using Paraview. You can read more about this [here](https://github.com/pyvista/pyvista/discussions/2576).
{{<video src_webm="high_res1.webm" src_mp4="high_res1.webm" >}}
{{<video src_webm="high_res2.webm" src_mp4="high_res2.webm" >}}
## Bonus: Exporting Videos for Publication ## Bonus: Exporting Videos for Publication
{{<video src_webm="high_res1.webm" src_mp4="high_res1.mp4" >}}
{{<video src_webm="high_res2.webm" src_mp4="high_res2.mp4" >}}
Exporting Videos in Paraview and similar tools is rather easy, but the options are often quite limited and only support older formats and codecs. Therefore, the resulting videos can often be quite large and in low quality which is especially bad for point clouds where a lot of fine details can be lost in video compression. Exporting Videos in Paraview and similar tools is rather easy, but the options are often quite limited and only support older formats and codecs. Therefore, the resulting videos can often be quite large and in low quality which is especially bad for point clouds where a lot of fine details can be lost in video compression.
@ -173,7 +173,7 @@ Important options:
- `out.webm` use WebM as a container format for the output file - `out.webm` use WebM as a container format for the output file
You might also want to add [`-row-mt=1`](https://groups.google.com/a/webmproject.org/g/codec-devel/c/oiHjgEdii2U) for more parallelisation if you have many CPU cores. You might also want to add [`-row-mt 1`](https://groups.google.com/a/webmproject.org/g/codec-devel/c/oiHjgEdii2U) for more parallelisation if you have many CPU cores.
More information about the options can be found [here](https://sites.google.com/a/webmproject.org/wiki/ffmpeg/vp9-encoding-guide). More information about the options can be found [here](https://sites.google.com/a/webmproject.org/wiki/ffmpeg/vp9-encoding-guide).

4
content/guide/visualizing-pointclouds/video.sh
View file

@ -5,9 +5,9 @@
# https://sites.google.com/a/webmproject.org/wiki/ffmpeg/vp9-encoding-guide # https://sites.google.com/a/webmproject.org/wiki/ffmpeg/vp9-encoding-guide
ffmpeg -framerate 30 -i img.%04d.png -c:v libvpx-vp9 -pass 1 -b:v 25M -speed 4 -tile-columns 6 -frame-parallel 1 -an -pix_fmt yuv420p -f webm -y /dev/null ffmpeg -framerate 30 -i img.%04d.png -c:v libvpx-vp9 -pass 1 -b:v 25M -speed 4 -tile-columns 6 -frame-parallel 1 -row-mt 1 -an -pix_fmt yuv420p -f webm -y /dev/null
ffmpeg -framerate 30 -i img.%04d.png -c:v libvpx-vp9 -pass 2 -b:v 25M -speed 1 -tile-columns 6 -frame-parallel 1 -auto-alt-ref 1 -lag-in-frames 25 -pix_fmt yuv420p -f webm -y out.webm ffmpeg -framerate 30 -i img.%04d.png -c:v libvpx-vp9 -pass 2 -b:v 25M -speed 1 -tile-columns 6 -frame-parallel 1 -row-mt 1 -auto-alt-ref 1 -lag-in-frames 25 -pix_fmt yuv420p -f webm -y out.webm
ffmpeg -framerate 30 -i img.%04d.png -vcodec h264 -b:v 1M -strict -2 -pix_fmt yuv420p -preset veryslow -crf 20 -movflags +faststart -y out.mp4 ffmpeg -framerate 30 -i img.%04d.png -vcodec h264 -b:v 1M -strict -2 -pix_fmt yuv420p -preset veryslow -crf 20 -movflags +faststart -y out.mp4