You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pages/videos/index.html

53 lines
14 KiB
HTML

<!doctype html><html class=no-js lang=en><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Showcase of my own videos"><title>Videos - MillironX</title><link href="/styles/mix-twbs.min.css" rel=stylesheet></head><body><div class=container-fluid><div class="row wrapper min-vh-100 flex-column flex-sm-row"><aside class="col-12 col-md-3 p-0 bg-dark flex-shrink-1"><nav class="navbar navbar-expand-md navbar-dark bg-dark align-items-start flex-md-column flex-row"><div class=container-fluid><a class="navbar-brand d-block d-md-none" href=#><object class="d-inline-block align-text-top" width=80 height=24 style=filter:invert(100%) data=/graphics/millironx.svg>
<img src=/graphics/millironx.svg alt="Milliron X"></object>
&ensp;
<span class="font-small-caps font-serif">Milliron X</span></a>
<a href class=navbar-toggler data-bs-toggle=collapse data-bs-target=.sidebar><span class=navbar-toggler-icon></span></a><div class="collapse navbar-collapse sidebar"><ul class="flex-column navbar-nav w-100 justify-content-between"><li class=nav-item><a class="nav-link pl-0" href=/><i class="fad fa-home fa-fw"></i>
Home</a></li><li class=nav-item><a class="nav-link pl-0" href=/contact/><i class="fad fa-file-signature fa-fw"></i>
Contact</a></li><li class=nav-item><a class="nav-link pl-0" href=/academia/><i class="fad fa-university fa-fw"></i>
Academia</a></li><li class=nav-item><a class="nav-link pl-0" href=/ai/><i class="fax fa-bull-sperm fa-fw"></i>
Artificial Insemination</a></li><li class=nav-item><a class="nav-link pl-0
active" href=/videos/><i class="fad fa-video fa-fw"></i>
Videos</a></li><li class=nav-item><a class="nav-link pl-0" href=/websites/><i class="fad fa-browser fa-fw"></i>
Websites</a></li></ul></div></div></nav></aside><main class="col bg-faded py-3 gx-0"><div class=container><header class="d-none d-sm-none d-md-block text-center"><h1 class="font-serif font-small-caps"><object data=/graphics/millironx.svg>
<img src=/graphics/millironx.svg alt="Milliron X"></object>
&emsp; Milliron X</h1></header></div><div class=blurred-container><div class=motto><h1 id=motto>Videography Portfolio</h1></div><div class=img-src style=background-image:url(/images/camera.jpg)></div><div class="img-src blur" style=background-image:url(/images/camera_hue2e9840dd2bd5f87216747a684fe1b7d_161370_filter_6742909828560968691.jpg)></div></div><br><section class="container-fluid list-main"><div class="container px-5"><blockquote><h3 id=the-culmination-of-all-art-forms-is-that-of-film>The culmination of all art forms is that of film.</h3></blockquote><p>A good film must have the plot and language of a good novel, characters as bold
and stunning as sculpture, a rhythm as driving and delicate as poetry, frame
compositions more stellar that those of photography, and music that speaks to
the souls of both the characters on screen and the viewers off.</p><p>But I digress. Most of my forays into the world of film are immortalized on
<a href=https://video.millironx.com/c/mix_studios/videos>my Peertube channel</a>, but I
decided to share a few highlights here. Enjoy!</p></div><div class=row data-masonry='{"percentPosition": true}'><div class="col-xl-6 mb-4"><div class=card><div class=category-button><a href=/categories/video/ class="btn btn-dark btn-sm" data-bs-toggle=tooltip title=Video><i class="fad fa-video fa-fw"></i></a></div><div class=card-body><img class="img img-thumbnail float-start me-3 md-max-width-33" src=/videos/ag-olympics-reel/thumbnail_hub7d50004da040fae48be1df6dea16829_174780_600x0_resize_q75_box.jpg alt="Thumbnail of thumbnail.jpg">
<a href=/videos/ag-olympics-reel/><h3 class=card-title>Farm Bureau Ag Olympics Reel</h3></a><div>16 Feb 2017</div><p class=card-text>The Albany County Farm Bureau Young Farmer&rsquo;s and Rancher&rsquo;s committee asked me to come and shoot a highlight reel of the Ag Olympics booth they ran at the Wyoming Football Wyoming Needs Agriculture Day. I gave away all rights to this one except for bragging rights.
<strong><small><a href=/videos/ag-olympics-reel/>Read&nbsp;more &#187;</a></small></strong></p></div><div class=card-footer></div></div></div><div class="col-xl-6 mb-4"><div class=card><div class=category-button><a href=/categories/video/ class="btn btn-dark btn-sm" data-bs-toggle=tooltip title=Video><i class="fad fa-video fa-fw"></i></a></div><div class=card-body><img class="img img-thumbnail float-start me-3 md-max-width-33" src=/videos/if-you-come-out-to-the-fair/thumbnail_hu834e3603c34a0a256fdd826d65f58c0f_231848_600x0_resize_q75_box.jpg alt="Thumbnail of thumbnail.jpg">
<a href=/videos/if-you-come-out-to-the-fair/><h3 class=card-title>If You Come Out to the Fair</h3></a><div>13 Oct 2016</div><p class=card-text>My extension agent asked me to make a promotional video for our county fair. This is the only film of mine that has drawn an emotional response. I think I retired after this.
<strong><small><a href=/videos/if-you-come-out-to-the-fair/>Read&nbsp;more &#187;</a></small></strong></p></div><div class=card-footer></div></div></div><div class="col-xl-6 mb-4"><div class=card><div class=category-button><a href=/categories/video/ class="btn btn-dark btn-sm" data-bs-toggle=tooltip title=Video><i class="fad fa-video fa-fw"></i></a></div><div class=card-body><img class="img img-thumbnail float-start me-3 md-max-width-33" src=/videos/in-the-hayfields/thumbnail_hu97c4397bc929e5bdb768d50fcf70af2f_99221_600x0_resize_q75_box.jpg alt="Thumbnail of thumbnail.jpg">
<a href=/videos/in-the-hayfields/><h3 class=card-title>In The Hayfields</h3></a><div>05 Oct 2015</div><p class=card-text>I always get the comment that our implements are old whenever I show this video off. I just ignore the naysayers, though, and good thing, too, because a version of this video won a GoPro Award. Still waiting to see my footage on their channel, though.
<strong><small><a href=/videos/in-the-hayfields/>Read&nbsp;more &#187;</a></small></strong></p></div><div class=card-footer></div></div></div><div class="col-xl-6 mb-4"><div class=card><div class=category-button><a href=/categories/video/ class="btn btn-dark btn-sm" data-bs-toggle=tooltip title=Video><i class="fad fa-video fa-fw"></i></a></div><div class=card-body><img class="img img-thumbnail float-start me-3 md-max-width-33" src=/videos/non-verum/thumbnail_hu8c03ad5c4f1b76dafd779c6adec882a7_221237_600x0_resize_q75_box.jpg alt="Thumbnail of thumbnail.jpg">
<a href=/videos/non-verum/><h3 class=card-title>Non. Verum: The Mystery Killer</h3></a><div>12 Jun 2015</div><p class=card-text>My first documentary mockumentary. This film won 2nd place at the 2016 National 4-H Film Festival, and I&rsquo;ve been told that it&rsquo;s more polished than the pieces done by the local TV stations. No one seems to think it&rsquo;s funny, though, so I&rsquo;m not sure how successful it was. Please do me a favor and google every term you don&rsquo;t understand while watching it, and perhaps you&rsquo;ll fare better.
<strong><small><a href=/videos/non-verum/>Read&nbsp;more &#187;</a></small></strong></p></div><div class=card-footer></div></div></div></div></section><footer class=fixed-bottom><div class="container-fluid footer-contents"><div class="row justify-content-between"><div class="col-3 align-self-center"><img src=/graphics/brandedbull.min.svg height=95rem></div><div class="col-3 align-self-center"><div class="btn-group float-end" role=group aria-label="Other Milliron X sites"><a class="btn btn-outline-primary btn-sm" href=https://video.millironx.com/ data-bs-toggle=tooltip title="Video (Peertube)"><i class="fax fa-peertube fa-fw"></i></a>
<a class="btn btn-outline-primary btn-sm" href=https://code.millironx.com/ data-bs-toggle=tooltip title="Code (Gitea)"><i class="fax fa-gitea fa-fw"></i></a>
<a class="btn btn-outline-primary btn-sm" href=https://nextcloud.millironx.com/ data-bs-toggle=tooltip title="Files (Nextcloud)"><i class="fax fa-nextcloud fa-fw"></i></a>
<button type=button class="btn btn-outline-primary btn-sm" data-bs-toggle=modal data-bs-target=#extras-modal title=Extras>
<i class="fad fa-cowbell fa-fw"></i></button></div></div></div></div></footer></main></div></div><script src=/js/fontawesome.min.js></script>
<script src=/js/jquery-bundle.js></script>
<script src=/js/bootstrap-bundle.js></script>
<script src=/scripts/masonry/masonry.pkgd.min.js></script>
<script data-goatcounter=https://millironx.goatcounter.com/count async src=//gc.zgo.at/count.js></script><div class="modal fade" id=extras-modal tabindex=-1 aria-labelledby=extras-modal-label aria-hidden=true><div class="modal-dialog modal-dialog-scrollable modal-dialog-centered"><div class=modal-content><div class=modal-header><h1 class="modal-title fs-5">Bonus content</h1><button type=button class=btn-close data-bs-dismiss=modal aria-label=Close></button></div><div class=modal-body><ul class="nav nav-tabs" role=tablist><li class=nav-item role=presentation><a class="nav-link active" data-bs-toggle=tab href=#oss aria-selected=true role=tab>Open Source</a></li><li class=nav-item role=presentation><a class=nav-link data-bs-toggle=tab href=#privacy role=tab>Privacy</a></li><li class=nav-item role=presentation><a class=nav-link data-bs-toggle=tab href=#debug role=tab>Debug</a></li></ul><div class=tab-content><div class="tab-pane fade show active p-3" id=oss role=tabpanel><a rel=license href=http://creativecommons.org/licenses/by/4.0/><img class="img img-responsive" alt="Creative Commons License" style="border-width:0;display:block;margin:0 auto" src=https://i.creativecommons.org/l/by/4.0/88x31.png></a><p>&#8220;Videos&#8221; by
Thomas A. Christensen II is licensed under a
<a rel=license href=http://creativecommons.org/licenses/by/4.0/>Creative Commons Attribution 4.0 International License</a>.</p><p>All images, unless otherwise noted, are licensed under a
<a rel=license href=http://creativecommons.org/licenses/by-nd/4.0/>Creative Commons Attribution-NoDerivatives 4.0 International
License</a>, instead.</p><hr><p>This site is open source!<br><a class="btn btn-dark" href=https://code.millironx.com/millironx/millironx.github.io><i class="fax fa-gitea"></i>&emsp;Get the code! &#187;</a>
<a class="btn btn-dark" href=https://code.millironx.com/millironx/millironx.github.io/src/branch/master/LICENSE><i class="fad fa-scale-balanced"></i>&emsp;MIT Licensed &#187;</a></p><p>In addition, I used a number of excellent open-source libraries
and toolkits in building it. I dedicate this space to
acknowledging them all.</p><table class="table table-condensed table-responsive table-striped"><tr><th>Project name</th><th>URL</th><th>License</th></tr><tr><th>Hugo</th><td><a href=https://gohugo.io/>gohugo.io</a></td><td><a href=https://github.com/gohugoio/hugo/blob/master/LICENSE>Apache License v2</a></td></tr><tr><th>Node.js</th><td><a href=https://nodejs.org/>nodejs.org</a></td><td><a href=https://github.com/nodejs/node/blob/HEAD/LICENSE>MIT License</a></td></tr><tr><th>Bootstrap 5</th><td><a href=https://getbootstrap.com/>getbootstrap.com</a></td><td><a href=https://github.com/twbs/bootstrap/blob/main/LICENSE>MIT License</a></td></tr><tr><th>Bootswatch Lux 5</th><td><a href=https://bootswatch.com/lux/>bootswatch.com</a></td><td><a href=https://github.com/thomaspark/bootswatch/blob/v5/LICENSE>MIT License</a></td></tr><tr><th>JQuery 3</th><td><a href=https://jquery.com/>jquery.com</a></td><td><a href=https://jquery.org/license>MIT License</a></td></tr><tr><th>Font Awesome 6</th><td><a href=https://fontawesome.com/>fontawesome.com</a></td><td><a href=https://fontawesome.com/license/>Font Awesome Pro License</a></td></tr><tr><th>Get S*** Done Toolkit</th><td><a href=https://www.creative-tim.com/product/get-shit-done-kit>creative-tim.com</a></td><td><a href=https://github.com/timcreative/freebies/blob/master/LICENSE.md>MIT License</a></td></tr><tr><th>FitText</th><td><a href=http://fittextjs.com/>fittextjs.com</a></td><td><a href=http://www.wtfpl.net/>WTFPL License</a></td></tr><tr><th>jQuery Mask Plugin</th><td><a href=https://igorescobar.github.io/jQuery-Mask-Plugin/>igorescobar.github.io</a></td><td><a href=https://github.com/igorescobar/jQuery-Mask-Plugin/blob/master/LICENSE>MIT License</a></td></tr><tr><th>PostCSS</th><td><a href=https://postcss.org/>postcss.com</a></td><td><a href=https://github.com/postcss/postcss/blob/main/LICENSE>MIT License</a></td></tr><tr><th>PurgeCSS</th><td><a href=https://purgecss.com/>purgecss.com</a></td><td><a href=https://github.com/FullHuman/purgecss/blob/main/LICENSE>MIT License</a></td></tr></table></div><div class="tab-pane fade p-3" id=privacy role=tabpanel><p>I take privacy very seriously. That said, I do need
<i>some</i> info on how many people visit. As a compromise, this
site uses <a href=https://goatcounter.com>GoatCounter</a>, a
privacy-friendly (as much as possible) web analytics library.</p><p>You may view all analytics gathered at
<a href=https://millironx.goatcounter.com/>millironx.goatcounter.com</a>.</p><p>If you do not wish to participate in my site's analytics, you may
install a content-blocking extension into your browser and block
the domain
<code>gc.zgo.at</code>. I recommend either
<a href=https://github.com/gorhill/uBlock>uBlock Origin</a>
(instructions
<a href=https://github.com/gorhill/uBlock/wiki/Dashboard:-My-filters>here</a>) or <a href=https://noscript.net>NoScript</a> for this
purpose.</p></div><div class="tab-pane fade p-3" id=debug role=tabpanel><dl><dt>cardimage</dt><dd>camera</dd><dt>description</dt><dd>Showcase of my own videos</dd><dt>draft</dt><dd>false</dd><dt>fa-thumbnail</dt><dd>fad fa-video</dd><dt>iscjklanguage</dt><dd>false</dd><dt>menu</dt><dd>map[main:map[params:map[icon:fa-video prefix:fad]]]</dd><dt>motto</dt><dd>Videography Portfolio</dd><dt>title</dt><dd>Videos</dd></dl></div></div></div></div></div></div></body></html>