2023-12-28 03:11:21 +00:00
<!doctype html>
< html lang = "en" >
2023-12-28 03:34:06 +00:00
< head >
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< title > El Asteroide De Miguel< / title >
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin = "anonymous" >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity = "sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin = "anonymous" > < / script >
2023-12-28 06:33:55 +00:00
< script src = "https://unpkg.com/htmx.org@1.9.10" integrity = "sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC" crossorigin = "anonymous" > < / script >
2023-12-28 03:34:06 +00:00
< style >
.quote-banner {
/* Your styling for the banner */
padding: 10px;
text-decoration: blue;
2023-12-28 08:28:57 +00:00
color: white;
2023-12-28 03:34:06 +00:00
font-weight: bold;
background-color: #a88a8a;
text-align: center;
/* other styles as needed */
}
< / style >
2023-12-28 03:11:21 +00:00
2023-12-28 03:34:06 +00:00
< / head >
2023-12-28 03:11:21 +00:00
2023-12-28 03:34:06 +00:00
< body >
2023-12-28 03:11:21 +00:00
2023-12-28 06:33:55 +00:00
< div class = "container" >
< nav class = "navbar navbar-expand-lg sticky-top bg-body-tertiary" >
2023-12-28 03:34:06 +00:00
< div class = "container-fluid" >
2023-12-28 06:33:55 +00:00
< a class = "navbar-brand" href = "#" > Bienvenidos a mi Asteroide!< / a >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarNavDropdown" aria-controls = "navbarNavDropdown" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarNavDropdown" >
< ul class = "navbar-nav" >
<!-- Home Page Link -->
< li class = "nav-item" >
< a class = "nav-link" href = "/home" > Home< / a >
< / li >
<!-- Resume Dropdown -->
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbarResume" role = "button" data-bs-toggle = "dropdown" aria-expanded = "false" >
Resume
< / a >
< ul class = "dropdown-menu" aria-labelledby = "navbarResume" >
< li > < a class = "dropdown-item" href = "/resume1" > Hospitality< / a > < / li >
< li > < a class = "dropdown-item" href = "/resume2" > Organizing< / a > < / li >
< li > < a class = "dropdown-item" href = "/resume3" > Tech< / a > < / li >
< / ul >
< / li >
<!-- Library Link -->
< li class = "nav-item" >
< a class = "nav-link" href = "https://library.miguelalmodo.com/" > Library< / a >
< / li >
<!-- Blog Dropdown -->
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "https://migs.uber.space/blog" id = "navbarBlog" role = "button" data-bs-toggle = "dropdown" aria-expanded = "false" >
Blog
< / a >
< ul class = "dropdown-menu" aria-labelledby = "navbarBlog" >
< li > < a class = "dropdown-item" href = "/blog1" > Blog 1< / a > < / li >
< li > < a class = "dropdown-item" href = "/blog2" > Blog 2< / a > < / li >
< li > < a class = "dropdown-item" href = "/blog3" > Blog 3< / a > < / li >
< / ul >
< / li >
< / ul >
< / div >
2023-12-28 03:34:06 +00:00
< / div >
< / nav >
2023-12-28 06:33:55 +00:00
2023-12-28 03:11:21 +00:00
2023-12-28 06:33:55 +00:00
< section class = "hero" >
2023-12-28 08:28:57 +00:00
2023-12-28 03:11:21 +00:00
2023-12-28 06:33:55 +00:00
< / div >
2023-12-28 03:11:21 +00:00
< div class = "container" >
2023-12-28 08:28:57 +00:00
< h4 text-align = "center" > Projects< / h4 >
< div class = "d-flex align-items-start" >
< div class = "nav flex-column nav-pills me-3" id = "v-pills-tab" role = "tablist" aria-orientation = "vertical" >
< button class = "nav-link active" id = "v-pills-home-tab" data-bs-toggle = "pill" data-bs-target = "#v-pills-home" type = "button" role = "tab" aria-controls = "v-pills-home" aria-selected = "true" > Web Scraper< / button >
< button class = "nav-link" id = "v-pills-profile-tab" data-bs-toggle = "pill" data-bs-target = "#v-pills-profile" type = "button" role = "tab" aria-controls = "v-pills-profile" aria-selected = "false" > Quote Shuffler< / button >
< button class = "nav-link" id = "v-pills-disabled-tab" data-bs-toggle = "pill" data-bs-target = "#v-pills-disabled" type = "button" role = "tab" aria-controls = "v-pills-disabled" aria-selected = "false" disabled > Portfolio< / button >
< button class = "nav-link" id = "v-pills-messages-tab" data-bs-toggle = "pill" data-bs-target = "#v-pills-messages" type = "button" role = "tab" aria-controls = "v-pills-messages" aria-selected = "false" > Reader< / button >
< button class = "nav-link" id = "v-pills-settings-tab" data-bs-toggle = "pill" data-bs-target = "#v-pills-settings" type = "button" role = "tab" aria-controls = "v-pills-settings" aria-selected = "false" > Blog< / button >
< / div >
< div class = "tab-content" id = "v-pills-tabContent" >
< div class = "tab-pane fade show active" id = "v-pills-home" role = "tabpanel" aria-labelledby = "v-pills-home-tab" tabindex = "0" > I built a web scraper in python to scrape quotes off a website about my favorite video game.< br > < a href = "https://github.com/miggymofongo" > Check it out on Github! < / a > < / div >
< div class = "tab-pane fade" id = "v-pills-profile" role = "tabpanel" aria-labelledby = "v-pills-profile-tab" tabindex = "0" > < div class = "card mb-3" style = "max-width: 540px;" >
< div class = "row g-0" >
< div class = "col-md-4" >
< img class = "imga-fluid rounded-start" src = "/img/headshot.jpg" alt = "miguel headshot" style = "width:100%" >
< / div >
< div class = "col-md-8" >
< div class = "card-body" >
< h5 class = "card-title" > Card title< / h5 >
< p class = "card-text" > Miguel is currently studying for a < a href = "https://partners.comptia.org/certifications/a" > COMPTIA certification< / a > < br >
Follow me on github and linkedin!< / p >
< p class = "card-text" > < small class = "text-body-secondary" > < a href = "https://miguelalmodo.com/about" class = "btn btn-primary" > See Main Bio< / a > Last updated 3 months ago< / small > < / p >
< / div >
< / div >
< / div >
< / div > < / div >
< div class = "tab-pane fade" id = "v-pills-disabled" role = "tabpanel" aria-labelledby = "v-pills-disabled-tab" tabindex = "0" > ...< / div >
< div class = "tab-pane fade" id = "v-pills-messages" role = "tabpanel" aria-labelledby = "v-pills-messages-tab" tabindex = "0" > ...< / div >
< div class = "tab-pane fade" id = "v-pills-settings" role = "tabpanel" aria-labelledby = "v-pills-settings-tab" tabindex = "0" > ...< / div >
< / div >
< / div >
< / section >
2023-12-28 03:11:21 +00:00
< div class = "container-fluid" >
<!-- In your HTML file -->
< div id = "quoteBanner" class = "quote-banner" > Quote goes here< / div >
< / div >
< script >
document.addEventListener('DOMContentLoaded', function() {
fetch('quotes.json')
.then(response => response.json())
.then(quotes => {
let currentQuoteIndex = 0;
const quoteBanner = document.getElementById('quoteBanner');
// Function to update quote
function updateQuote() {
quoteBanner.textContent = quotes[currentQuoteIndex++];
if (currentQuoteIndex >= quotes.length) currentQuoteIndex = 0;
}
// Set initial quote and update every 10 seconds
updateQuote();
setInterval(updateQuote, 10000);
});
});
< / script >
< / section >
< section >
2023-12-28 06:33:55 +00:00
< div class = "container" >
< p > Aqui puedes completar tareas sobre la ciencia politica y varias otras temas
< form class = "d-flex" role = "search" >
< input type = "search"
hx-get="/search"
hx-vals='{"searchQuery": "value"}'
hx-trigger="keyup delay:300ms"
hx-target="#resultsContainer"
placeholder="Search for EPUBs...">
< / form >
< / p >
< / div >
2023-12-28 08:28:57 +00:00
2023-12-28 03:11:21 +00:00
< / section >
2023-12-28 06:33:55 +00:00
2023-12-28 03:11:21 +00:00
< section >
<!-- search results -->
< div id = "resultsContainer" > < / div >
<!-- search results -->
2023-12-28 08:28:57 +00:00
2023-12-28 03:11:21 +00:00
< / section >
2023-12-28 08:28:57 +00:00
<!-- reader loads here after clicking on an epub to open -->
< section >
< a href = "https://migs.uber.space/bibi/?book=BOOKNAME.epub" data-bibi = "embed" data-bibi-style = "[[ CSS for embeded Bibi frame, as you like ]]" > [[ Title of the Book ]]< / a > < script src = "https://migs.uber.space/bibi/and/jo.js" > < / script >
< / section >
< script src = "https://unpkg.com/htmx.org@1.9.10" integrity = "sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC" crossorigin = "anonymous" > < / script >
2023-12-28 06:33:55 +00:00
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity = "sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin = "anonymous" > < / script >
2023-12-28 03:11:21 +00:00
< / body >
< / html >
