pages/contact/index.html

43 lines
11 KiB
HTML
Raw Normal View History

<!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="Contact form to get ahold of me"><title>Contact Me - 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>
2022-10-24 12:20:17 -04:00
&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
active" 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" 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>
2022-10-24 12:20:17 -04:00
&emsp; Milliron X</h1></header></div><div class=blurred-container><div class=motto><h1 id=motto>Contact Me</h1></div><div class=img-src style=background-image:url(/images/venice-mailbox.jpg)></div><div class="img-src blur" style=background-image:url(/images/venice-mailbox_huaca7206bc3a55ef0548c2d4a3e1778c4_598517_filter_6742909828560968691.jpg)></div></div><br><section class="container-fluid list-main"><div class="container px-5"><form class=form-horizontal action=https://usebasin.com/f/787df7bfd22e method=post><fieldset><legend>Contact Me</legend>
<input type=hidden name=_gotcha><div class=form-group><label for=name class="col-lg-2 control-label">Name</label><div class=col-lg-10><input type=text class=form-control id=name name=name placeholder="Jay Lush" required></div></div><div class=form-group><label for=email class="col-lg-2 control-label">Email</label><div class=col-lg-10><input type=email class=form-control id=email name=email placeholder=jlush@iastate.edu required></div></div><div class=form-group><label for=phone class="col-lg-2 control-label">Phone number</label><div class=col-lg-10><input type=tel class=form-control id=phone name=phone placeholder="(515) 294-2160"></div></div><div class=form-group><label for=category class="col-lg-2 control-label">Category</label><div class=col-lg-10><select class=form-select id=category><option>I'm hiring for artificial insemination</option><option>Something else</option></select></div></div><div class=form-group><label for=subject class="col-lg-2 control-label">Subject</label><div class=col-lg-10><input type=text class=form-control id=subject name=subject placeholder="Beef genetics" required></div></div><div class=form-group><label for=message class="col-lg-2 control-label">Message</label><div class=col-lg-10><textarea rows=5 class="form-control font-sans" id=message name=body required style=min-height:72pt></textarea></div></div><div class=form-group><div class="col-lg-10 col-lg-offset-2"><button type=reset class="btn btn-default">Cancel</button>
2022-10-24 12:20:17 -04:00
<button type=submit class="btn btn-primary pageclip-form__submit">
<span>Submit</span></button></div></div></fieldset></form></div><div class=row data-masonry='{"percentPosition": true}'></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;Contact Me&#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>venice-mailbox</dd><dt>date</dt><dd>2023-07-01 00:00:00 +0000 UTC</dd><dt>description</dt><dd>Contact form to get ahold of me</dd><dt>draft</dt><dd>false</dd><dt>fa-thumbnail</dt><dd>fad fa-file-signature</dd><dt>iscjklanguage</dt><dd>false</dd><dt>lastmod</dt><dd>2023-07-01 00:00:00 +0000 UTC</dd><dt>menu</dt><dd>map[main:map[name:Contact params:map[icon:fa-file-signature prefix:fad] weight:1]]</dd><dt>motto</dt><dd>Contact Me</dd><dt>publishdate</dt><dd>2023-07-01 00:00:00 +0000 UTC</dd><dt>title</dt><dd>Contact Me</dd></dl></div></div></div></div></div></div></body></html>