Files
old-svelte-site/src/routes/about.svelte
2020-11-18 01:18:57 -05:00

99 lines
2.2 KiB
Svelte
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<svelte:head>
<title>About</title>
</svelte:head>
<img class="shadow rounded" src="./img/old_photos/desk_colored.jpg" alt="desk and assorted things">
<h1>(•_•)</h1>
<hr>
<div class="spacer"></div>
<div class="container shadow rounded">
<h2>sup</h2>
<p>
I am just some guy with a voice. I have traveled up and down many slopes in life and lived in many places… Found myself in unique situations, surrounded by vastly diverse people…
I like tech. I like playing with new things, projects, ideas…
<br><br>
Space related things get me randy.
</p>
</div>
<div class="spacer"></div>
<div class="container shadow rounded">
<h2>Q&A</h2>
<p>
<question>You should be/are you a voice Actor?!</question>
<answer>I am not, but am interested. business inquiries at wompmacho@gmail.com</answer>
<question>Why are you wearing glasses?</question>
<answer>Cause Im pretty… also cause when i started streaming i had very bad lights and they were blinding and idk… it became a thing.</answer>
<question>Where are you from?</question>
<answer>All over. Alabama, Georgia, Pennsylvania, New York, North Carolina, United Kingdom. I grew up in many places. </answer>
<question>How old are you?</question>
<answer>no u</answer>
<question>Why WompMacho?</question>
<answer>cuz waz drunk and game we were playing cut my dumb name choice to this and for whatever reason it was hilarious at the time</answer>
<question>How Long Have You Been Streaming?</question>
<answer>I dabbeled on and off on another channel... but I truely started in Sep 2016</answer>
</p>
</div>
<div class="spacer"></div>
<hr>
<style>
.spacer{
margin: 2em;
}
question{
display: block;
width: 100%;
font-weight: 700;
}
answer{
display: block;
width: 100%;
padding-bottom: 1em;
}
img{
width: 100%;
}
.container{
padding: 1em;
display: inline-flexbox;
background-color: #333333;
}
p{
margin: auto;
padding: 2em;
min-width: 40vw;
}
h1{
font-size: xx-large;
text-align: center;
display: block;
padding: 1em;
font-weight: 900;
}
h2{
font-size: x-large;
text-align: center;
display: block;
font-weight: 600;
}
hr{
background-color: red;
max-width: 20vw;
}
</style>