# Voboda
I'm Salvor Voboda. I make things to help people think, communicate, and live free.
<div class="contact">
<a href="https://matrix.to/#/@voboda:infinite.build">
<i class="fa fa-1x fa-matrix-org" aria-hidden="true"></i>
<span>@voboda:infinite.build </span>
</a>
<a href="mailto:voboda@voboda.com">
<i class="fa fa-1x fa-envelope" aria-hidden="true"></i> <span>voboda@voboda.com </span>
</a>
</div>
<div class="buttons">
<a href="https://tally.so/r/wvr558">📨 Subscribe
<span>Get an email when I make something new</span>
</a>
</div>
## Work
<div class="buttons">
<a href="https://github.com/voboda/zKal">zKal
<span >privacy-respecting community calendar </span><span class="win" data-tooltip="Gold medal, ethBerlin04">🥇</span>
</a>
<a href="https://github.com/voboda/ephemerant">Ephemerant
<span >zero-knowledge swarm-based cohorts </span><span class="win" data-tooltip="2nd place, Developer DAO Mina hackathon">🥈</span>
</a>
<a href="https://onelineforyourmind.com">One Line For Your Mind
<span >access your innate enlightenment</span>
</a>
</div>
## Writing
<div class="buttons">
<a href="https://wiki.infinite.build/compendium">Cryptography: Humanity’s Hidden Path
<span >understand cryptography's fundamental math and its effects on society</span>
</a>
</div>
## Bio
I'm a mixed-ethnicity, mixed-culture person, who's lived in diverse places across this little rock we share. I've traveled for love, curiosity, business, and of course, for fomo. Been homeless a few times, and worked my way to some upper echelons of our economy and society.
But does any of that matter? I was so busy figuring it out that I never really asked myself, *why this it*?
In various languages, voboda means liberty, will, need, obvious, affirmative, fabric, and water. To me, it means something between all those: the source of intention.
All I know is I want to help people communicate and learn from each other.
I like to keep my past life separate from my work now, because it lets the work stand on its own merit.
I just make things I wish existed, and leave the door open for others.
<style>
body {
margin: 0;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 0.02em;
font-size: 16px;
line-height: 1.5;
background: #180524;
color: #eaeaea;
background-image: radial-gradient( circle 1939px at 144.7% 100%, #031a27 10%, #180524);
min-height: 100vh;
}
.markdown-body {
max-width: 50rem;
}
#ui-toc-affix, .ui-infobar {
display: none !important;
}
::selection,
::-moz-selection {
background: #114283;
color: #fff;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin: 0 0 0.3em 0;
font-weight: normal;
line-height: 1.2;
font-size: 80%;
letter-spacing: 0.26em;
text-transform: uppercase;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
unicode-bidi: isolate;
}
.markdown-body h1 {
display: none;
}
.markdown-body h2 {
margin-top: 4em !important;
font-weight: normal !important;
line-height: 1.2;
font-size: 80% !important;
letter-spacing: 0.26em;
text-transform: uppercase;
padding: 0.3em !important;
font-size: 1.5em;
border-bottom: none !important;
}
.markdown-body .buttons a {
color: #fff; /* Text color matches background color */
padding: 0.6em;
text-decoration-color: #29AF6A;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 50%, 50%);
transition: background-position .2s ease-in-out, color .2s ease-in-out;
display: block;
margin: 0px auto;
text-align: center;
border-radius: 10px; /* Rounded corners */
border: 1px solid #a94442; /* Fine border */
text-decoration: none;
line-height: 1.2;
position: relative;
}
.markdown-body .buttons a:hover,
.markdown-body .buttons a:focus {
background-position: 0 100%;
color: #fff;
}
.markdown-body .buttons a span {
font-size: 80%;
display: block;
text-align: center;
margin-top: 0.2em; /* Small margin between main text and span text */
display: inline-block;
vertical-align: middle;
}
.markdown-body .buttons a .win {
position: absolute;
display: inline-block;
vertical-align: middle;
top: 0.1em;
right: 0.1em;
font-size: 1.4em; /* Trophy icon size */
cursor: pointer;
padding: 0.2em; /* Padding around the emoji */
border-radius: 0.3em; /* Rounded corners for the emoji */
}
.markdown-body .buttons a .win:hover::after {
content: attr(data-tooltip); /* Popover text from data-tooltip attribute */
position: absolute;
display: inline-block;
vertical-align: middle;
top: -1.5em; /* Position the popover above the icon */
right: 0;
background: rgba(0, 0, 0, 0.8); /* Semi-transparent background color */
color: rgba(255, 255, 255, 0.9); /* Semi-transparent text color */
padding: 0.8em; /* Padding for the tooltip */
border-radius: 0.4em; /* Rounded corners for the tooltip */
white-space: nowrap;
z-index: 10; /* Ensure the popover is above other elements */
font-size: 14px; /* Smaller text font size */
}
.contact {
display: flex;
justify-content: center; /* Center horizontally */
align-items: center;
gap: 1em; /* Space between buttons */
margin: 2em;
}
.contact a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: inherit;
padding: 0.3em;
border-radius: 0.3em; /* Rounded corners */
background: rgba(0, 0, 0, 0.2); /* Slightly transparent background */
transition: background 0.2s ease-in-out;
}
.contact a .fa {
font-size: 2em; /* Adjust size as needed */
}
.contact a:hover {
background: rgba(0, 0, 0, 0.4); /* Slightly darker on hover */
}
.contact a span {
display: none; /* Hide text initially */
}
.contact a:hover span {
position: absolute;
background: rgba(0, 0, 0, 0.8); /* Semi-transparent background color */
color: rgba(255, 255, 255, 0.9); /* Semi-transparent text color */
padding: 0.8em; /* Padding for the tooltip */
border-radius: 0.4em; /* Rounded corners for the tooltip */
white-space: nowrap;
font-size: 14px; /* Smaller text font size */
display: block;
position: absolute;
top: -2.5em; /* Position the popover above the icon */
border-radius: 0.3em; /* Rounded corners for the tooltip */
white-space: nowrap;
font-size: 80%; /* Smaller text font size */
z-index: 10; /* Ensure the popover is above other elements */
transform: translateX(-50%); /* Center the popover horizontally */
left: 50%;
}
.markdown-body code {
font-family: menlo, inconsolata, monospace;
font-size: calc(1em - 2px);
background-color: #f0f0f0;
padding: 0.2em 0.4em;
border-radius: 2px;
}
.markdown-body p {
margin: 0 0 2rem 0;
}
.note {
font-size: 13px;
margin: 0px auto;
text-align: center;
}
</style>