2024-05-16 06:16:39 +00:00
<!DOCTYPE html>
2024-02-27 06:22:41 +00:00
< html lang = "en" >
< head >
2024-05-16 06:16:39 +00:00
< title > Miguel's Asteroid< / title >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2024-05-28 18:53:46 +00:00
< meta name = "description" content = "Miguel's Landing Page" >
2024-05-16 06:16:39 +00:00
< meta name = "keywords" content = "global, template, html, sass, jquery" >
2024-05-28 18:53:46 +00:00
< link rel = "stylesheet" href = "css/main.css" >
< link rel = "icon" type = "image/x-icon" href = "/img/Menu_Light.png" >
2024-04-24 04:25:25 +00:00
2024-02-27 06:22:41 +00:00
< / head >
< body >
2024-02-29 04:09:59 +00:00
2024-05-16 06:16:39 +00:00
<!-- notification for small viewports and landscape oriented smartphones -->
< div class = "device-notification" >
2024-05-28 18:53:46 +00:00
< a class = "device-notification--logo" href = "https://library.miguelalmodo.com" >
< img src = "img/Highwind1_opt.png" alt = "gummi ship" >
2024-05-16 06:16:39 +00:00
< p > Miguel's Asteroid< / p >
< / a >
2024-05-28 18:53:46 +00:00
< p class = "device-notification--message" > Try viewing on a bigger screen or clicking
on the gummi ship to blast off to my bookshelf.
< / p >
2024-05-16 06:16:39 +00:00
< / div >
2024-02-29 04:09:59 +00:00
2024-05-28 19:10:23 +00:00
<!-- This is what shows up on my pocket.The gummi ship takes you to the about page -->
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
< div class = "perspective effect-rotate-left" >
< div class = "container" > < div class = "outer-nav--return" > < / div >
< div id = "viewport" class = "l-viewport" >
< div class = "l-wrapper" >
< header class = "header" >
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
<!-- <button class="header - - cta cta">Work with Me</button> -->
2024-05-28 18:53:46 +00:00
< a class = "header--logo" href = "https://uberspace.de" >
< img src = "img/badge_dark.png" width = "50%" height = "50%" alt = "uberspace asteroid logo" > < / a >
< div class = "header--nav-toggle" >
2024-05-16 06:16:39 +00:00
< span > < / span >
< / div >
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
< / header >
2024-05-28 18:53:46 +00:00
<!-- The beginning of the side nav bar -->
2024-05-16 06:16:39 +00:00
< nav class = "l-side-nav" >
2024-05-28 18:53:46 +00:00
<!-- The left side nav buttons -->
2024-05-16 06:16:39 +00:00
< ul class = "side-nav" >
< li class = "is-active" > < span > Home< / span > < / li >
< li > < span > Interests< / span > < / li >
< li > < span > About< / span > < / li >
< li > < span > Contact< / span > < / li >
2024-05-28 18:53:46 +00:00
<!-- Here I am commenting out a menu item from the vertical
left side nav, reducing from 4 to 5-->
2024-05-16 06:16:39 +00:00
<!-- <li><span>Work with Me</span></li> -->
< / ul >
< / nav >
2024-05-28 18:53:46 +00:00
<!-- The side nav bar ends here -->
<!-- The sections/nav items are an unordered list -->
2024-05-16 06:16:39 +00:00
< ul class = "l-main-content main-content" >
2024-05-28 18:53:46 +00:00
<!-- Each section is a list item -->
<!-- This is the beginning of the first section -->
2024-05-16 06:16:39 +00:00
< li class = "l-section section section--is-active" >
< div class = "intro" >
< div class = "intro--banner" >
< h1 > Welcome< br > to my< br > asteroid.< / h1 >
2024-06-16 04:28:30 +00:00
2024-05-16 06:16:39 +00:00
< a href = "https://library.miguelalmodo.com/" >
< button class = "cta" > Check out a book
< svg version = "1.1" id = "Layer_1" href = "https://library.miguelalmodo.com" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 150 118" style = "enable-background:new 0 0 150 118;" xml:space = "preserve" >
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z" / >
< / g >
< / svg >
< span class = "btn-background" > < / span >
< / button > < / a >
2024-08-22 00:42:51 +00:00
< a href = "https://miguelalmodo.com/index_es.html" >
< button class = "cta" > En Español
< svg version = "1.1" id = "Layer_1" href = "https://library.miguelalmodo.com" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 150 118" style = "enable-background:new 0 0 150 118;" xml:space = "preserve" >
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z" / >
< / g >
< / svg >
< span class = "btn-background" > < / span >
< / button >
< / a >
2024-05-16 06:16:39 +00:00
< br > < br >
2024-06-16 04:28:30 +00:00
<!-- Blocking out the ribbon buttons
2024-05-16 06:16:39 +00:00
< a href = "https://nostree.me/npub1ajt9gp0prf4xrp4j07j9rghlcyukahncs0fw5ywr977jccued9nqrcc0cs" >
< button class = "cta" > Bookmarks
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 150 118" style = "enable-background:new 0 0 150 118;" xml:space = "preserve" >
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z" / >
< / g >
< / svg >
< span class = "btn-background" > < / span >
< / button >
2024-05-28 18:53:46 +00:00
< / a > -->
2024-02-29 19:30:29 +00:00
2024-04-24 04:25:25 +00:00
2024-05-28 18:53:46 +00:00
< img src = "img/spaceman.png" alt = "Welcome" >
2024-04-24 04:25:25 +00:00
< / div >
2024-05-16 06:16:39 +00:00
< div class = "intro--options" >
< a href = "https://uberspace.de" >
2024-05-28 18:53:46 +00:00
< h3 > Explore my asteroid!< / h3 >
< p > This site is hosted on asteroids
2024-08-22 00:42:51 +00:00
with Uberspace. I'm learning web development to
2024-05-28 18:53:46 +00:00
be able to make a better impact with my digital presence.
If you are curious about how to set up your own,
just reach out and ask so we can talk about it.
< / p >
2024-05-16 06:16:39 +00:00
< / a >
< a href = "https://nostree.me/npub1ajt9gp0prf4xrp4j07j9rghlcyukahncs0fw5ywr977jccued9nqrcc0cs" >
< h3 > Creator Residency< / h3 >
2024-05-28 18:53:46 +00:00
< p > I'm in the Content Creator Residency with nos.social.
Nostr is social media that you control. Find me on nostr
miggymofongo@miguelalmodo.com Ask me to learn
more!< / p >
2024-05-16 06:16:39 +00:00
< / a >
< a href = "https://yakihonne.com/article/naddr1qvzqqqr4gupzpmyk2sz7zxn2vxrtylay2x30lsfedm083q7jagguxtaa933ej6txqq2kgvrrd4zng32dv4fnx6mvgf8n2wr5dc68zlqdkj9" >
2024-05-28 18:53:46 +00:00
< h3 > Organizer< / h3 >
< p > Read about my recent trips to Cuba where I attended
this year's May Day celebrations in Havana with
organizers and union members from around
the world. #CubaSIBoqueoNO
2024-05-16 06:16:39 +00:00
< / p >
< / a >
2024-04-24 04:25:25 +00:00
< / div >
< / div >
2024-05-28 18:53:46 +00:00
< / li > <!-- End of the first section -->
<!-- Beginning of the second section -->
2024-05-16 06:16:39 +00:00
< li class = "l-section section" >
< div class = "work" >
2024-06-16 04:28:30 +00:00
< h2 > Rebuilding the digital public commons.< / h2 >
2024-05-16 06:16:39 +00:00
< div class = "work--lockup" >
< ul class = "slider" >
< li class = "slider--item slider--item-left" >
2024-05-28 18:53:46 +00:00
< a href = "https://gitfitcode.com/" >
2024-05-16 06:16:39 +00:00
< div class = "slider--item-image" >
2024-05-28 18:53:46 +00:00
< img src = "img/gfc-logo-12@2x_transp.png" style = "size: 50%; padding-top: 5em" alt = "gitfitcode logo" > < / a >
2024-05-16 06:16:39 +00:00
< / div >
< p class = "slider--item-title" > Web Development< / p >
2024-06-16 04:28:30 +00:00
< p class = "slider--item-description" > I'm building user-centric web experiences with the likes of
2024-05-28 18:53:46 +00:00
< a href = "https://hacklab.nilfm.cc/felt" > NilX < / a > and
2024-08-22 00:42:51 +00:00
< a href = "https://github.com/gitfitbro" > GitFitBro.< / a >
2024-06-16 04:28:30 +00:00
Find my code on < a href = "https://github.com/miggymofongo" > Github< / a > or
< a href = "https://forge.lightcrystal.systems/migs" > Light Crystal Systems.< / a > < / p >
2024-05-16 06:16:39 +00:00
< / a >
< / li >
< li class = "slider--item slider--item-center" >
2024-05-28 18:53:46 +00:00
< a href = "https://podcasting2.org/" >
2024-05-16 06:16:39 +00:00
< div class = "slider--item-image" >
< img src = "img/pci_avatar.svg" alt = "Podcasting Index logo" >
< / div >
2024-05-28 18:53:46 +00:00
< p class = "slider--item-title" > Podcast 2.0< / p > < / a >
< p class = "slider--item-description" > The next generation of podcasts is here. Learn about the podcast
index and RSS. < a href = "https://podcast.miguelalmodo.com" > Click here to check out my podcast, How to Change the World. < / a > < / p >
2024-05-16 06:16:39 +00:00
< / li >
2024-06-16 04:28:30 +00:00
2024-05-16 06:16:39 +00:00
< li class = "slider--item slider--item-right" >
2024-05-28 18:53:46 +00:00
< a href = "https://nostree.me/npub1ajt9gp0prf4xrp4j07j9rghlcyukahncs0fw5ywr977jccued9nqrcc0cs" >
2024-05-16 06:16:39 +00:00
< div class = "slider--item-image" >
2024-05-28 18:53:46 +00:00
< img src = "img/nostr-icon-white-256x256.png" alt = "Nostr Logo" >
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
< a href = "https://nostr.com/#why-we-need-nostr" >
< p class = "slider--item-title" > Social Media Revolution< / p > < / a >
< p class = "slider--item-description" >
< / a >
Find me on Nostr by searching miggymofongo@miguelalmodo.com on any nostr
client. Ask me about Nostr, an alternative social media protocol.< / p >
2024-05-16 06:16:39 +00:00
< / a >
< / li >
< / ul >
< div class = "slider--prev" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M561,1169C525,1155,10,640,3,612c-3-13,1-36,8-52c8-15,134-145,281-289C527,41,562,10,590,10c22,0,41,9,61,29
c55,55,49,64-163,278L296,510h575c564,0,576,0,597,20c46,43,37,109-18,137c-19,10-159,13-590,13l-565,1l182,180
c101,99,187,188,193,199c16,30,12,57-12,84C631,1174,595,1183,561,1169z"/>
< / g >
< / svg >
< / div >
< div class = "slider--next" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 150 118" style = "enable-background:new 0 0 150 118;" xml:space = "preserve" >
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z" / >
< / g >
< / svg >
< / div >
< / div >
< / div >
< / li >
2024-05-28 18:53:46 +00:00
<!-- End of the second section -->
<!-- Beginning of the third section -->
2024-05-16 06:16:39 +00:00
< li class = "l-section section" >
< div class = "about" >
< div class = "about--banner" >
2024-05-28 18:53:46 +00:00
< h2 > ¡Cuba si, bloqueo no!< / h2 >
2024-05-28 23:55:42 +00:00
< a href = "https://migs.uber.space/resumes/plenitudresume.pdf" > Resume
2024-05-16 06:16:39 +00:00
< span >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 150 118" style = "enable-background:new 0 0 150 118;" xml:space = "preserve" >
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z" / >
< / g >
< / svg >
< / span >
< / a > < br >
2024-05-28 18:53:46 +00:00
< a href = "https://ifcaseattle.org/boardofdirectors.html" > Board of Directors
2024-05-16 06:16:39 +00:00
< span >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 150 118" style = "enable-background:new 0 0 150 118;" xml:space = "preserve" >
< g transform = "translate(0.000000,118.000000) scale(0.100000,-0.100000)" >
< path d = "M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z" / >
< / g >
< / svg >
< / span >
< / a >
2024-05-28 18:53:46 +00:00
< video src = "https://v.nostr.build/5G0eZ.mp4" alt = "video of miguel soliciting cuba donations" style = "padding-left: 40%; padding-bottom: 80%;" width = "50%" height = "50%" controls >
2024-05-16 06:16:39 +00:00
< / div >
< div class = "about--options" >
2024-08-22 00:42:51 +00:00
< a href = "" >
< h3 > Coming Soon< / h3 >
2024-05-28 18:53:46 +00:00
< / a >
< a href = "https://pinstr.app/p/npub1ajt9gp0prf4xrp4j07j9rghlcyukahncs0fw5ywr977jccued9nqrcc0cs/My%20Dog" >
< h3 > My dog, Kaido!< / h3 >
2024-05-16 06:16:39 +00:00
< / a >
2024-05-28 18:53:46 +00:00
< a href = "https://miguelalmodo.com/portfolio" >
< h3 > Portfolio< / h3 >
2024-05-16 06:16:39 +00:00
< / a >
< / div >
< / div >
< / li >
2024-05-28 18:53:46 +00:00
<!-- End of the third section -->
<!-- Beginning of the fourth section -->
2024-05-16 06:16:39 +00:00
< li class = "l-section section" >
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
< div class = "hire" >
2024-05-28 18:53:46 +00:00
< div id = "result" > < / div >
< form class = "work-request" action = "https://api.web3forms.com/submit" method = "POST" id = "form" >
< input type = "hidden" name = "access_key" value = "da5f4169-2fa6-4632-86ce-a5dca3cd85eb" >
< input type = "hidden" name = "from_name" value = "Asteroid" >
2024-05-16 06:16:39 +00:00
< div class = "work-request--options" >
2024-05-28 18:53:46 +00:00
<!-- First row of subject line options -->
2024-05-16 06:16:39 +00:00
< span class = "options-a" >
2024-05-28 18:53:46 +00:00
< input id = "opt-1" name = "subject" type = "checkbox" value = "Organize" >
2024-05-16 06:16:39 +00:00
< label for = "opt-1" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
2024-05-28 18:53:46 +00:00
Organize
2024-05-16 06:16:39 +00:00
< / label >
2024-05-28 18:53:46 +00:00
< input id = "opt-2" name = "subject" type = "checkbox" value = "Just sayin hi!" >
2024-05-16 06:16:39 +00:00
< label for = "opt-2" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
2024-05-28 18:53:46 +00:00
Just sayin hi!
< / label >
< input id = "opt-3" name = "subject" type = "checkbox" value = "Consultation" >
2024-05-16 06:16:39 +00:00
< label for = "opt-3" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
2024-05-28 18:53:46 +00:00
Consultation
2024-05-16 06:16:39 +00:00
< / label >
< / span >
2024-05-28 18:53:46 +00:00
<!-- end first row of subject line options -->
<!-- second row of subject line options
2024-05-16 06:16:39 +00:00
< span class = "options-b" >
2024-05-28 18:53:46 +00:00
< input id = "opt-4" name = "subject" type = "checkbox" value = "Cooking" >
2024-05-16 06:16:39 +00:00
< label for = "opt-4" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Cooking
2024-05-28 18:53:46 +00:00
< / label >
< input id = "opt-5" name = "subject" type = "checkbox" value = "Communication Strategy" >
2024-05-16 06:16:39 +00:00
< label for = "opt-5" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Communication Strategy
< / label >
2024-05-28 18:53:46 +00:00
End second row of subject line options
Begin third row of subject line options
< input id = "opt-6" name = "subject" type = "checkbox" value = "Just sayin hi" >
2024-05-16 06:16:39 +00:00
< label for = "opt-6" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
2024-05-28 18:53:46 +00:00
Just saying hi
2024-05-16 06:16:39 +00:00
< / label >
< / span >
2024-05-28 18:53:46 +00:00
End third row of subject line options-->
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
< h2 > Drop me a line! Selecting topics above will add it
to the subject line. I'll respond within a few days!< / h2 >
< div class = "work-request--information" >
< div class = "information-name" >
2024-06-16 04:28:30 +00:00
< input id = "name" name = "name" type = "text" autocomplete = "your name" required >
2024-05-28 18:53:46 +00:00
< label for = "name" > Name< / label >
< / div >
< div class = "information-email" >
2024-06-16 04:28:30 +00:00
< input id = "email" type = "email" name = "email" autocomplete = "your email" required >
2024-05-28 18:53:46 +00:00
< label for = "email" > Email< / label >
< / div >
< div class = "information-message" >
2024-05-16 06:16:39 +00:00
2024-06-16 04:28:30 +00:00
< input id = "message" name = "message" type = "text" autocomplete = "short message" > < / input >
2024-05-28 18:53:46 +00:00
< label for = "message" > Message< / label >
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
<!--
< div class = "work-request--information" >
< div class = "information-message" >
< label for = "name" > Message< / label >
< textarea id = "message" type = "text" name = "message" required > < / textarea >
< / div >
< / div >
-->
< div class = "h-captcha" data-captcha = "true" required > < / div >
< input type = "submit" value = "Submit Form" >
<!--
< input type = "hidden" name = "redirect" value = "https://web3forms.com/success" >
-->
2024-05-16 06:16:39 +00:00
< / form >
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
<!--
< div class = "contact" >
2024-05-16 06:16:39 +00:00
< div class = "contact--lockup" >
< div class = "modal" >
< div class = "modal--information" >
< p > Aguadilla, Puerto Rico< / p >
< a href = "mailto:contact@miguelalmodo.com" > contact@miguelalmodo.com< / a >
< / div >
< ul class = "modal--options" >
< li > < a href = "https://nostree.me/npub1ajt9gp0prf4xrp4j07j9rghlcyukahncs0fw5ywr977jccued9nqrcc0cs" > Nostr< / a > < / li >
< li > < a href = "https://linkedin/in/miguelalmodo" > LinkedIn< / a > < / li >
< li > < a href = "mailto:contact@miguelalmodo.com" > Send me an email< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
-->
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
<!-- <li class="l - section section">
< div class = "hire" >
< h2 > Available for hire< / h2 >
checkout formspree.io for easy form setup
< form class = "work-request" >
< div class = "work-request--options" >
< span class = "options-a" >
< input id = "opt-1" type = "checkbox" value = "app design" >
< label for = "opt-1" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Content Creation
< / label >
< input id = "opt-2" type = "checkbox" value = "graphic design" >
< label for = "opt-2" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Web Development
< / label >
< input id = "opt-3" type = "checkbox" value = "motion design" >
< label for = "opt-3" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Tech Consultation
< / label >
< / span >
< span class = "options-b" >
< input id = "opt-4" type = "checkbox" value = "ux design" >
< label for = "opt-4" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Cooking
< / label >
< input id = "opt-5" type = "checkbox" value = "webdesign" >
< label for = "opt-5" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Communication Strategy
< / label >
< input id = "opt-6" type = "checkbox" value = "marketing" >
< label for = "opt-6" >
< svg version = "1.1" id = "Layer_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px"
viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
< g transform = "translate(0.000000,111.000000) scale(0.100000,-0.100000)" >
< path d = "M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z" / >
< / g >
< / svg >
Marketing
< / label >
< / span >
< / div >
< div class = "work-request--information" >
2024-05-28 18:53:46 +00:00
2024-05-16 06:16:39 +00:00
< div class = "information-name" >
< input id = "name" type = "text" spellcheck = "false" >
< label for = "name" > Name< / label >
< / div >
< div class = "information-email" >
< input id = "email" type = "email" spellcheck = "false" >
< label for = "email" > Email< / label >
< / div >
< / div >
< input type = "submit" value = "Send Request" >
< / form >
2024-04-24 04:25:25 +00:00
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
-->
2024-04-24 04:25:25 +00:00
2024-05-28 18:53:46 +00:00
<!-- End of the four sections of the nav -->
< / li >
2024-05-16 06:16:39 +00:00
< / ul >
2024-05-28 18:53:46 +00:00
<!-- End of main content -->
2024-02-27 06:22:41 +00:00
< / div >
< / div >
< / div >
2024-05-28 18:53:46 +00:00
<!-- Here is the outer navbar -->
2024-05-16 06:16:39 +00:00
< ul class = "outer-nav" >
2024-05-28 18:53:46 +00:00
<!-- Uberspace Asteroid Logo
2024-05-16 06:16:39 +00:00
< a href = "https://uberspace.de/en" > < img src = "https://dashboard.uberspace.de/static/img/badge_dark.png" > < / a >
2024-05-28 18:53:46 +00:00
-->
<!-- Menu items for the outer navbar -->
< li class = "is-active" > Home< / li >
< li > Interests< / li >
< li > About< / li >
< li > Contact< / li >
< / ul >
2024-05-16 06:16:39 +00:00
<!-- <li>Work with Me</li> -->
< / ul >
2024-05-28 18:53:46 +00:00
<!-- Outer nav bar ends -->
2024-05-16 06:16:39 +00:00
< / div >
2024-05-28 18:53:46 +00:00
< script >
const form = document.getElementById('form');
const result = document.getElementById('result');
form.addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(form);
const object = Object.fromEntries(formData);
const json = JSON.stringify(object);
/*taking out the result text that initially appeared in the
empty div block.
/*result.innerHTML = "Please wait..." */
2024-02-27 06:22:41 +00:00
2024-05-28 18:53:46 +00:00
fetch('https://api.web3forms.com/submit', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: json
})
.then(async (response) => {
const json = await response.json();
if (response.status == 200) {
let custMess = json.message;
if (custMess === "Email sent successfully!") {
custMess = "Keep an eye out for a response soon. I'll be in touch!"
}
alert(custMess);
} else {
console.log(response);
alert(json.message);
}
})
.catch(error => {
console.log(error);
alert("Something went wrong!");
})
.finally(() => {
form.reset();
});
});
< / script >
2024-05-16 06:16:39 +00:00
< script > window . jQuery || document . write ( '<script src="js/vendor/jquery-2.2.4.min.js"><\/script>' ) < / script >
< script src = "js/functions-min.js" > < / script >
2024-05-28 18:53:46 +00:00
< script > w i n d o w . o n l o a d = f u n c t i o n ( ) {
// Reset the form fields when the page loads
document.getElementById("form").reset();
}; < / script >
< script src = "https://web3forms.com/client/script.js" async defer > < / script >
2024-05-16 06:16:39 +00:00
< / body >
2024-05-28 18:53:46 +00:00
< / html >
