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 >
< script src = "https://unpkg.com/htmx.org" > < / script >
< style >
.quote-banner {
/* Your styling for the banner */
padding: 10px;
text-decoration: blue;
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 03:34:06 +00:00
< nav class = "navbar sticky-top bg-body-tertiary" >
< div class = "container-fluid" >
< a class = "navbar-brand" href = "#" > Sticky top< / a >
< / div >
< / nav >
2023-12-28 03:11:21 +00:00
2023-12-28 03:34:06 +00:00
<!-- implement a search here for book reader
2023-12-28 03:11:21 +00:00
< form class = "d-flex" role = "search" >
< input type = "text"
hx-get="/search"
hx-params="searchQuery:val"
hx-trigger="keyup delay:300ms"
hx-target="#resultsContainer"
placeholder="Search for EPUBs...">
< button class = "btn btn-outline-success" type = "submit" > Search< / button >
< / form >
< / div >
< / div >
2023-12-28 03:34:06 +00:00
< / nav > -->
2023-12-28 03:11:21 +00:00
< div class = "navbar" >
< a href = "#" > Home< / a >
< a href = "#" > About< / a >
< a href = "#" > Services< / a >
< a href = "#" > Contact< / a >
< / div >
< section class = "hero" >
< h2 > Welcome to Your Website< / h2 >
< p > Your message or call to action goes here.< / p >
< / section >
< div class = "container" >
< h2 > About Us< / h2 >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget dui in quam tincidunt malesuada. Vestibulum euismod urna a odio vulputate, ut cursus elit rhoncus.< / p >
< / div >
< section >
< div class = "container" >
< div class = "row" >
< div class = "container mt-3" >
< h2 > ¡Soy Miguel!< / h2 >
< div class = "card" style = "width:400px" >
< img class = "card-img-top" src = "/img/headshot.jpg" alt = "miguel headshot" style = "width:100%" >
< div class = "card-body" >
< h4 class = "card-title" > Miguel Almodovar< / h4 >
< p class = "card-text" > Miguel es un profesional comunicatorio que esta aprendiendo como programar< / p >
< a href = "https://miguelalmodo.com/about" class = "btn btn-primary" > See Main Bio< / a >
< / div >
< / div >
< br >
< / div > < / div > < / div >
< / section >
< section >
< 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 >
< div class = "container" >
< p > Aqui puedes completar tareas sobre la ciencia politica y varias otras temas< / p >
< / div >
< / section >
< section >
<!-- search results -->
< div id = "resultsContainer" > < / div >
<!-- search results -->
< / section >
< section >
< div class = "container" >
< a href = "https://migs.uber.space/reader/index.html" data-bibi = "embed" data-bibi-style = "[[ CSS for embeded Bibi frame, as you like ]]" > [[ Title of the Book ]]< / a >
< script src = "/reader/resources/scripts/bibi.js" > < / script >
< iframe id = "bibi-frame" src = "/reader/index.html" width = "100%" height = "600px" frameborder = "0" > < / iframe >
< script >
function loadEpubInBibi(epubUrl) {
document.getElementById('bibi-frame').src = "reader/?book=" + epubUrl;
}
< / script >
< / div >
< / section >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity = "sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin = "anonymous" > < / script >
< / body >
< / html >
