2023-09-02 03:10:14 +00:00
<!DOCTYPE html>
< html lang = "en" dir = "ltr" class = "scroll-smooth" data-default-appearance = "dark"
data-auto-appearance="false">< head >
2023-09-08 17:58:04 +00:00
< meta charset = "utf-8" >
< meta http-equiv = "content-language" content = "en" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< meta name = "generator" content = "Hugo 0.111.3" >
< title > web.myco.systems< / title >
< meta name = "title" content = "web.myco.systems" >
< meta name = "description" content = "Hi, welcome to MycoSystems Web!" >
2023-09-02 03:10:14 +00:00
< link rel = "canonical" href = "https://web.myco.systems/services/" / >
2023-09-08 17:58:04 +00:00
< link rel = "alternate" type = "application/rss+xml" href = "/services/index.xml" title = "web.myco.systems" / >
2023-09-02 03:10:14 +00:00
< link type = "text/css" rel = "stylesheet" href = "/css/main.bundle.min.718237735747f62ba0331d0ff7cd874301bbd0cd53863d7217a2f477939a486e87d64014e3f9035d0808296916869d85784c2efff267d6f203e2d472b8601a83.css"
integrity="sha512-cYI3c1dH9iugMx0P982HQwG70M1Thj1yF6L0d5OaSG6H1kAU4/kDXQgIKWkWhp2FeEwu//Jn1vID4tRyuGAagw==" />
< script type = "text/javascript" src = "/js/appearance.min.516a16745bea5a9bd011138d254cc0fd3973cd55ce6e15f3dec763e7c7c2c7448f8fe7b54cca811cb821b0c7e12cd161caace1dd794ac3d34d40937cbcc9ee12.js"
integrity="sha512-UWoWdFvqWpvQERONJUzA/TlzzVXObhXz3sdj58fCx0SPj+ e1TMqBHLghsMfhLNFhyqzh3XlKw9NNQJN8vMnuEg==">< / script >
< script defer type = "text/javascript" id = "script-bundle" src = "/js/main.bundle.min.911bd9741247c092f3a38757ca26b07e6bf319209e5162bbc5a609bae50fa2ea13b3c09f8f2c3d1cfd66c0b6885f0b2137bb43fee6404db177d90abde3c09547.js"
integrity="sha512-kRvZdBJHwJLzo4dXyiawfmvzGSCeUWK7xaYJuuUPouoTs8Cfjyw9HP1mwLaIXwshN7tD/uZATbF32Qq948CVRw==" data-copy="" data-copied="">< / script >
< script src = "/js/zoom.min.js" > < / script >
< link rel = "apple-touch-icon" sizes = "180x180" href = "/apple-touch-icon.png" / >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon-32x32.png" / >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon-16x16.png" / >
< link rel = "manifest" href = "/site.webmanifest" / >
2023-09-08 17:58:04 +00:00
< meta property = "og:title" content = "Myco.Systems co-op contracting" >
< meta property = "og:description" content = "Hi, welcome to MycoSystems Web!" >
< meta property = "og:type" content = "website" >
< meta property = "og:url" content = "https://web.myco.systems/" >
< meta property = "og:site_name" content = "web.myco.systems" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:title" content = "Myco.Systems co-op contracting" >
< meta name = "twitter:description" content = "Hi, welcome to MycoSystems Web!" >
2023-09-02 03:10:14 +00:00
< meta name = "author" content = "Myco.Systems" / >
< link href = "https://mastodon.social/@brookeee" rel = "me" / >
< link href = "https://git.myco.systems/explore" rel = "me" / >
< script src = "/lib/jquery/jquery.slim.min.js" integrity = "" > < / script >
< meta name = "theme-color" / >
< / head >
2023-09-08 17:58:04 +00:00
2023-09-02 03:10:14 +00:00
< body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32">
< div id = "the-top" class = "absolute flex self-center" >
< a class = "px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content">< span
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">↓ < / span > Skip to main content< / a >
< / div >
< div class = "min-h-[148px]" > < / div >
< div class = "fixed inset-x-0 pl-[24px] pr-[24px]" style = "z-index:100" >
< div id = "menu-blur" class = "absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl" > < / div >
< div class = "relative max-w-[64rem] ml-auto mr-auto" >
< div style = "padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
< div >
< a href = "/" class = "flex" >
2023-09-08 17:58:04 +00:00
< span class = "sr-only" > web.myco.systems< / span >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< img src = "/img/android-chrome-512x512.png" width = "256" height = "256"
class="logo max-h-[5rem] max-w-[5rem] object-scale-down object-left nozoom" alt="web.myco.systems" />
2023-09-02 03:10:14 +00:00
< / a >
< / div >
< div class = "flex flex-1 items-center justify-between" >
< nav class = "flex space-x-3" >
2023-09-08 17:58:04 +00:00
< a href = "/" class = "text-base font-medium text-gray-500 hover:text-gray-900" > web.myco.systems< / a >
2023-09-02 03:10:14 +00:00
< / nav >
< nav class = "hidden md:flex items-center space-x-5 md:ml-12 h-12" >
< a href = "/services/" class = "flex items-center" >
< p class = "text-base font-medium text-gray-500 hover:text-gray-900" title = "Services" >
Services
< / p >
< / a >
< a href = "" class = "flex items-center" >
< p class = "text-base font-medium text-gray-500 hover:text-gray-900" title = "" >
Showcase
< / p >
< / a >
2023-09-08 17:58:04 +00:00
< a href = "" class = "flex items-center" >
< p class = "text-base font-medium text-gray-500 hover:text-gray-900" title = "" >
Stacks
< / p >
< / a >
2023-09-02 03:10:14 +00:00
< a href = "https://mastodon.social/@brookeee" target = "_blank" class = "flex items-center" >
< span >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 448 512" > < path fill = "currentColor" d = "M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z" / > < / svg >
< / span >
< / span >
< p class = "text-base font-medium text-gray-500 hover:text-gray-900" title = "" >
< / p >
< / a >
< a href = "https://git.myco.systems/explore" target = "_blank" class = "flex items-center" >
< span >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 496 512" > < path fill = "currentColor" d = "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" / > < / svg >
< / span >
< / span >
< p class = "text-base font-medium text-gray-500 hover:text-gray-900" title = "" >
< / p >
< / a >
< div
class="ltr:mr-14 rtl:ml-14 cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400">
< button id = "appearance-switcher" aria-label = "Dark mode switcher" type = "button" >
< div class = "flex items-center justify-center h-12 dark:hidden" >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 512 512" > < path fill = "currentColor" d = "M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z" / > < / svg >
< / span >
< / div >
< div class = "items-center justify-center hidden h-12 dark:flex" >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 512 512" > < path fill = "currentColor" d = "M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z" / > < / svg >
< / span >
< / div >
< / button >
< / div >
< / nav >
< div class = "flex md:hidden items-center space-x-5 md:ml-12" >
< span > < / span >
< button id = "appearance-switcher-mobile" aria-label = "Dark mode switcher" type = "button" style = "margin-right:5px" >
< div class = "flex items-center justify-center h-12 dark:hidden" >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 512 512" > < path fill = "currentColor" d = "M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z" / > < / svg >
< / span >
< / div >
< div class = "items-center justify-center hidden h-12 dark:flex" >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 512 512" > < path fill = "currentColor" d = "M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z" / > < / svg >
< / span >
< / div >
< / button >
< / div >
< / div >
< div class = "-my-2 -mr-2 md:hidden" >
< label id = "menu-button" for = "menu-controller" class = "block" >
< input type = "checkbox" id = "menu-controller" class = "hidden" / >
< div class = "cursor-pointer hover:text-primary-600 dark:hover:text-primary-400" >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 448 512" > < path fill = "currentColor" d = "M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z" / > < / svg >
< / span >
< / div >
< div id = "menu-wrapper" style = "padding-top:5px;"
class="fixed inset-0 z-30 invisible w-screen h-screen m-0 overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
< ul
class="flex space-y-2 mt-3 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
< li >
< span
class="cursor-pointer inline-block align-text-bottom hover:text-primary-600 dark:hover:text-primary-400">
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 320 512" > < path fill = "currentColor" d = "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" / > < / svg >
< / span >
< / span >
< / li >
< li class = "mt-1" >
< a href = "/services/" class = "flex items-center" >
< p class = "text-bg font-bg text-gray-500 hover:text-gray-900" title = "Services" >
Services
< / p >
< / a >
< / li >
< li class = "mt-1" >
< a href = "" class = "flex items-center" >
< p class = "text-bg font-bg text-gray-500 hover:text-gray-900" title = "" >
Showcase
< / p >
< / a >
< / li >
2023-09-08 17:58:04 +00:00
< li class = "mt-1" >
< a href = "" class = "flex items-center" >
< p class = "text-bg font-bg text-gray-500 hover:text-gray-900" title = "" >
Stacks
< / p >
< / a >
< / li >
2023-09-02 03:10:14 +00:00
< li class = "mt-1" >
< a href = "https://mastodon.social/@brookeee" target = "_blank" class = "flex items-center" >
< div >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 448 512" > < path fill = "currentColor" d = "M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z" / > < / svg >
< / span >
< / div >
< p class = "text-bg font-bg text-gray-500 hover:text-gray-900" title = "" >
< / p >
< / a >
< / li >
< li class = "mt-1" >
< a href = "https://git.myco.systems/explore" target = "_blank" class = "flex items-center" >
< div >
< span class = "relative block icon" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 496 512" > < path fill = "currentColor" d = "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" / > < / svg >
< / span >
< / div >
< p class = "text-bg font-bg text-gray-500 hover:text-gray-900" title = "" >
< / p >
< / a >
< / li >
< / ul >
< / div >
< / label >
< / div >
< / div >
< script >
(function () {
var $mainmenu = $('.main-menu');
var path = window.location.pathname;
$mainmenu.find('a[href="' + path + '"]').each(function (i, e) {
$(e).children('p').addClass('active');
});
})();
< / script >
< / div >
< / div >
< script >
window.addEventListener('scroll', function (e) {
var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var background_blur = document.getElementById('menu-blur');
background_blur.style.opacity = (scroll / 300);
});
< / script >
< div class = "relative flex flex-col grow" >
< main id = "main-content" class = "grow" >
< div class = "fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom"
2023-09-08 17:58:04 +00:00
style="background-image:url(/img/mushroom-1_huaaca080708e8bb0494c12c1f8f9666c7_2005788_1200x0_resize_box_3.png);">
2023-09-02 03:10:14 +00:00
< div class = "absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal" >
< / div >
< div
class="absolute inset-0 opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal">
< / div >
< / div >
< div id = "background-blur" class = "fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl" > < / div >
< script >
window.addEventListener('scroll', function (e) {
var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var background_blur = document.getElementById('background-blur');
background_blur.style.opacity = (scroll / 300)
});
< / script >
< header >
< h1 class = "mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral" > Services< / h1 >
< div class = "mt-1 mb-2 text-base text-neutral-500 dark:text-neutral-400 print:hidden" >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< / div >
< script >
var oid = "views_services\/_index.md"
var oid_likes = "likes_services\/_index.md"
< / script >
< script type = "text/javascript" src = "/js/page.min.0e49973b4ad0a382c7c6012d8bff8226316642daabc4f8a20477bd08674f3da6e2fa993bc20ad4f51e7c5bb68e6f913a207a7c4fe37ea0e7b806894afce0a64e.js" integrity = "sha512-DkmXO0rQo4LHxgEti/+CJjFmQtqrxPiiBHe9CGdPPabi+pk7wgrU9R58W7aOb5E6IHp8T+N+oOe4BolK/OCmTg==" > < / script >
< / header >
< section class = "mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row" >
< div class = "min-w-0 min-h-0 max-w-prose" >
< div class = "lead text-neutral-500 dark:text-neutral-400 !mb-9 text-xl" >
Simple, yet powerful. Learn how to use complex open-source tools.
< / div >
< p > Never worry about renewing a license, open-source projects can be incredibly useful for small and medium sized companies/orginizations. Don’ t just settle for “ good enough” we help you get a secure and powerful suite of software running on your own server or managed through our secure cloud.< / p >
< / div >
< / section >
< section class = "w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3" >
< a href = "/services/web-hosting/" class = "min-w-full" >
< div class = "min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur" >
2023-09-08 17:58:04 +00:00
< div class = "w-full thumbnail_card nozoom" style = "background-image:url(/img/mushroom-2_hu29d0905d0c9ab07c1bacfa41e1aaa293_1867819_600x0_resize_box_3.png);" > < / div >
2023-09-02 03:10:14 +00:00
< div class = "px-6 py-4" >
< div class = "font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
2023-09-08 17:58:04 +00:00
href="/services/web-hosting/">Web Hosting< / div >
2023-09-02 03:10:14 +00:00
< div class = "text-sm text-neutral-500 dark:text-neutral-400" >
< div class = "flex flex-row flex-wrap items-center" >
2023-09-08 17:58:04 +00:00
< span title = "Reading time" > 2 mins< / span >
2023-09-02 03:10:14 +00:00
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< / div >
< / div >
< div class = "px-6 pt-4 pb-2" >
< / div >
< / div >
< / a >
2023-09-08 17:58:04 +00:00
< a href = "/services/web-dev-design/" class = "min-w-full" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur" >
< div class = "w-full thumbnail_card nozoom" style = "background-image:url(/img/mushroom-2_hu29d0905d0c9ab07c1bacfa41e1aaa293_1867819_600x0_resize_box_3.png);" > < / div >
< div class = "px-6 py-4" >
< div class = "font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/services/web-dev-design/">Web Development & Design< / div >
< div class = "text-sm text-neutral-500 dark:text-neutral-400" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "flex flex-row flex-wrap items-center" >
< span title = "Reading time" > 2 mins< / span >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< / div >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "flex flex-row flex-wrap items-center" >
2023-09-02 03:10:14 +00:00
< / div >
2023-09-08 17:58:04 +00:00
< div class = "flex flex-row flex-wrap items-center" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< / div >
< / div >
< / div >
< div class = "px-6 pt-4 pb-2" >
< / div >
< / div >
< / a >
< a href = "/services/hardware-deploy/" class = "min-w-full" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "w-full thumbnail_card nozoom" style = "background-image:url(/img/mushroom-2_hu29d0905d0c9ab07c1bacfa41e1aaa293_1867819_600x0_resize_box_3.png);" > < / div >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "px-6 py-4" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/services/hardware-deploy/">Server Hardware Deployment< / div >
< div class = "text-sm text-neutral-500 dark:text-neutral-400" >
< div class = "flex flex-row flex-wrap items-center" >
< span title = "Reading time" > 2 mins< / span >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< / div >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "flex flex-row flex-wrap items-center" >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< / div >
2023-09-02 03:10:14 +00:00
2023-09-08 17:58:04 +00:00
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< / div >
< / div >
< div class = "px-6 pt-4 pb-2" >
< / div >
< / div >
< / a >
< a href = "/services/privacy/" class = "min-w-full" >
< div class = "min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur" >
< div class = "w-full thumbnail_card nozoom" style = "background-image:url(/img/mushroom-2_hu29d0905d0c9ab07c1bacfa41e1aaa293_1867819_600x0_resize_box_3.png);" > < / div >
< div class = "px-6 py-4" >
< div class = "font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/services/privacy/">Online Privacy Consulting< / div >
< div class = "text-sm text-neutral-500 dark:text-neutral-400" >
< div class = "flex flex-row flex-wrap items-center" >
< span title = "Reading time" > 2 mins< / span >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< / div >
< / div >
< div class = "px-6 pt-4 pb-2" >
< / div >
< / div >
< / a >
< a href = "/services/device-anon/" class = "min-w-full" >
< div class = "min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur" >
< div class = "w-full thumbnail_card nozoom" style = "background-image:url(/img/mushroom-2_hu29d0905d0c9ab07c1bacfa41e1aaa293_1867819_600x0_resize_box_3.png);" > < / div >
< div class = "px-6 py-4" >
< div class = "font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/services/device-anon/">Device Anonymization< / div >
< div class = "text-sm text-neutral-500 dark:text-neutral-400" >
< div class = "flex flex-row flex-wrap items-center" >
< span title = "Reading time" > 2 mins< / span >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< / div >
< / div >
< div class = "px-6 pt-4 pb-2" >
< / div >
< / div >
< / a >
< a href = "/services/cloud-deploy/" class = "min-w-full" >
< div class = "min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur" >
< div class = "w-full thumbnail_card nozoom" style = "background-image:url(/img/mushroom-2_hu29d0905d0c9ab07c1bacfa41e1aaa293_1867819_600x0_resize_box_3.png);" > < / div >
< div class = "px-6 py-4" >
< div class = "font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
href="/services/cloud-deploy/">Cloud Deployment< / div >
< div class = "text-sm text-neutral-500 dark:text-neutral-400" >
< div class = "flex flex-row flex-wrap items-center" >
< span title = "Reading time" > 2 mins< / span >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< div class = "flex flex-row flex-wrap items-center" >
< / div >
< / div >
< / div >
< div class = "px-6 pt-4 pb-2" >
< / div >
< / div >
< / a >
< / section >
< div id = "top-scroller" class = "pointer-events-none absolute top-[110vh] bottom-0 w-12 ltr:right-0 rtl:left-0" >
< a href = "#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 mb-16 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="Scroll to top" title="Scroll to top">
↑
< / a >
< / div >
< / main > < footer id = "site-footer" class = "py-10 print:hidden" >
< nav class = "flex flex-row pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400" >
< ul class = "flex flex-col list-none sm:flex-row" >
< li class = "flex mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0" >
< a class = "decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" href = "/services/"
title="Services">Services< / a >
< / li >
< li class = "flex mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0" >
< a class = "decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" href = ""
title="">Showcase< / a >
< / li >
< / ul >
< / nav >
< div class = "flex items-center justify-between" >
< p class = "text-sm text-neutral-500 dark:text-neutral-400" >
Body text and articles are under < a href = "https://creativecommons.org/licenses/by/4.0/" target = "_blank" >
CC BY 4.0< / a > Everything else is MIT for the extensive use of Blowfish
< / p >
< p class = "text-xs text-neutral-500 dark:text-neutral-400" >
Powered by < a class = "hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo< / a > & < a class = "hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish< / a >
< / p >
< / div >
< script >
mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
margin: 24,
background: 'rgba(0,0,0,0.5)',
scrollOffset: 0,
})
< / script >
< script type = "text/javascript" src = "/js/process.min.35c1113bcc16c5a59bf031082f9e63822aa95280423881a7847a7ff33a16e6299ce6a840d9ef4e10d947e030a18f3f20359afb2ec0f35967484b9a9360ac3145.js" integrity = "sha512-NcERO8wWxaWb8DEIL55jgiqpUoBCOIGnhHp/8zoW5imc5qhA2e9OENlH4DChjz8gNZr7LsDzWWdIS5qTYKwxRQ==" > < / script >
< / footer >
< / div >
< / body >
2023-09-02 03:10:14 +00:00
< / html >
