migs/asteroid
1
0
Fork 0
mirror of https://github.com/miggymofongo/asteroid.git synced 2024-10-18 13:41:47 +00:00
Code Issues Projects Releases Packages Wiki Activity
asteroid/index.html

463 lines
14 KiB
HTML
Raw Normal View History

re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
front page looking nice now!
2024-02-29 19:30:29 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<title>El Asteroide De Miguel</title>
front page looking nice now!
2024-02-29 19:30:29 +00:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"></link>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<link rel="stylesheet" href="./styles.css"></link>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<script src="./scripts.js"></script>
front page looking nice now!
2024-02-29 19:30:29 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<script>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
$('.container').infiniteScroll({
// options
path: '.pagination__next',
append: '.post',
history: false,
});
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</script>
<style>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
z-index: 1500;
}
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.photo {
float: left;
}
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
.btn-dark-custom {
background-color: #343a40; /* Slightly lighter than the default bg-dark */
color: white;
}
.btn-dark-custom:hover {
background-color: #23272b; /* Darken on hover for interaction feedback */
color: white;
}
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
/* CSS used here will be applied after bootstrap.css */
.jumbotron{
position: relative;
z-index:-2;
}
#namecard{
align-content: center;
}
#video-background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -1;
width:100%;
}
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }
.white-bold-text {
color: white;
font-weight: bold;
}
front page looking nice now!
2024-02-29 19:30:29 +00:00
@font-face {
font-family: KHGummi;
src: url(./fonts/KHGummi.otf);
font-weight:400;
}
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</style>
</head>
<body>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<header>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<img src="./img/Highwind1_opt.png" style="transform: scale(0.9);">
<h4 class="navbar-brand" href="#" style="color: aliceblue; font-family: KHGummi;">Miguel's Asteroid</h4>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<div class="offcanvas-header">
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<h5 class="offcanvas-title quote-banner" id="offcanvasDarkNavbarLabel">Cockpit</h5>
front page looking nice now!
2024-02-29 19:30:29 +00:00
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</div>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<div class="offcanvas-body">
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<div class="text-center">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<div class="d-inline-block text-center">
<img src="./img/WEPA.png"
style="width: 300px; height: 300px; object-fit: cover;" alt="Headshot of Miguel"></img>
<br>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<h2>Public Interest Communications </h2>
front page looking nice now!
2024-02-29 19:30:29 +00:00
<a href="mailto:contact@miguelalmodo.com"><img src="./img/email.png" alt="" style="width: 50px; height: 50px;"></a>
<a href="https://yakihonne.com/users/nprofile1qyw8wumn8ghj7mn0wd68ytfsxyh8jcttd95x7mnwv5hxxmmdqyw8wumn8ghj7mn0wd68ytfsxgh8jcttd95x7mnwv5hxxmmdqy08wumn8ghj7mn0wd68ytfsxvhxgmmjv9nxzcm5dae8jtn0wfnsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpremhxue69uhkummnw3ez6vpj9ejx7unpveskxar0wfujummjvuqzpmyk2sz7zxn2vxrtylay2x30lsfedm083q7jagguxtaa933ej6txsnr0xw"><img src="./img/running-nostr.gif" style="width: 50px; height: 50px;"></a>
<a href="https://www.linkedin.com/in/miguelalmodo/"><img src="./img/LinkedIN.png" style="width: 50px; height: 50px;"></a>
<a href="https://www.github.com/miggymofongo/"><img src="./img/Github.png" style="width: 50px; height: 50px;"></a>
<br><br>
<p>This website is hosted on an asteroid in uberspace!
Explore my digital playground and find ways we can
collaborate.
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</p>
front page looking nice now!
2024-02-29 19:30:29 +00:00
<button class="btn btn-secondary" href="#" disabled>View biography &raquo;</button>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</div>
front page looking nice now!
2024-02-29 19:30:29 +00:00
</div>
<br>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<li class="nav-item dropdown">
<a class="nav-link" href="https://migs.uber.space/">About</a>
</li>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<li class="nav-item">
<a class="nav-link" href="https://yakihonne.com/users/nprofile1qqswe9j5qhs356nps6e8lfz35tluzwtwmeug85h2z8pjl0fvvwvkjespr3mhxue69uhkummnw3ez6vp39eukz6mfdphkumn99e3k7mgpr3mhxue69uhkummnw3ez6vpj9eukz6mfdphkumn99e3k7mgpremhxue69uhkummnw3ez6vpn9ejx7unpveskxar0wfujummjvuq3gamnwvaz7tmjv4kxz7fwv3sk6atn9e5k7qg7waehxw309ahx7um5wgknqv3wv3hhyctxv93hgmmj0yhx7un8rfe7nx">Nostr</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Collaborate
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="#">Content Production</a></li>
<li><a class="dropdown-item" href="#">Code</a></li>
<li><a class="dropdown-item" href="#">Campaign Strategy</a></li>
</ul>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</li>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Resumes
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="#">Hospitality</a></li>
<li><a class="dropdown-item" href="#">Public Interest Communications</a></li>
</ul>
</li>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Garden
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="#">Library</a></li>
<li><a class="dropdown-item" href="https://migs.uber.space/blog">Chronicles</a></li>
<li><a class="dropdown-item" href="">Quote Shuffler</a></li>
</ul>
</li>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</ul>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</div>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</div>
</div>
</nav>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</header>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<section>
<div class="my-5">
<div class="p-5 text-center bg-body-tertiary">
<div class="container py-5">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<h1 class="text-body-emphasis quote-banner">All aboard the Gummi Ship!</h1>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<p class="col-lg-8 mx-auto lead">
front page looking nice now!
2024-02-29 19:30:29 +00:00
Thanks for visiting my webpage. Check out a book, my projects,
or download a resume from my asteroid!
</p>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
front page looking nice now!
2024-02-29 19:30:29 +00:00
<button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://migs.uber.space/about.html';" disabled>About</button>
<button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://github.com/miggymofongo';">Code</button>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://library.miguelalmodo.com';">Library</button>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</div>
</div>
</div>
</section>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
adding a page about coding and collaboration
2024-02-29 04:19:21 +00:00
<section style="background-color: #23272b;">
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<div class="container px-4 py-5" style="background-color: #23272b;">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<h2 class="pb-2 border-bottom" style="color: aliceblue; font-family: KHGummi;">Let's collaborate.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&#160;&#160;&#160;&#160;
&nbsp;&nbsp;&nbsp;&#160;&#160;&#160;&#160;
<img src="img/leroy_opt.png"> </h2>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
<div class="d-flex flex-column align-items-start gap-2">
<h3 class="fw-bold" style="color: aliceblue;">Communications for the Public Good</h3>
front page looking nice now!
2024-02-29 19:30:29 +00:00
<p style="color: rgb(255, 255, 255);">The corporate social media landscape looks grim.
They privatize our means of communication over the Internet and tear our society
apart with the constant bombardment of adverrtising and antagonizing algoriths.
Movements in 2024 need a robust communication strategy and the power of a
decentralized internet. It's on us to take back the digital commons once and for all.
</a></p>
<div class="container">
<h5 style="color: aliceblue;">Contact form coming soon! Email me at contact@miguelalmodo.com for now.</h5>
<!-- <form onsubmit="sendEmail()" style="color: rgb(255, 255, 255);">
<h4 style="color: rgb(255, 255, 255);">Send me an email and get a response back
within 48 hours! </h4>
<label for="text">Your Name:</label>
<input type="text" id="name" placeholder="Your name" required>
<label for="email">Email ID:</label>
<input type="email" id="email" placeholder="Email id" required>
<label for="message">Your Message:</label>
<textarea id="message" rows="4" placeholder="What are your thoughts?" required></textarea>
<button type="submit">Send Message</button>
</form>
<script src="./smtp.js"></script>
<script>
function sendEmail(){
Email.sendEmail({
Host: "smtppro.zoho.com",
Username : "contact@miguelalmodo.com",
Password : "EUfnEQ47d7iM",
To : "recipient@example.com",
From : document.getElementById("email").value,
Subject: "We met at the protest",
Body : "Free Palestine!"
}).then(
message => alert(message)
);
}
</script>
-->
</div>
<a href="mailto:contact@miguelalmodo.com" class="btn btn-primary btn-lg">
Click to open a self - addressed email message in your favorite
client.</a>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</div>
<div class="row row-cols-1 row-cols-sm-2 g-4">
<div class="d-flex flex-column gap-2">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Move beyond strategic sharing.</h4>
<p style="color: rgb(255, 255, 255);">
Find the right medium and channels and multiply
the impact of your story with a<a href="https://opportunityagenda.org/our-tools/vpsa/">
VPSA framework (Value, Problem, Solution, Action)</a>.
Craft your message with intention and authenticity.
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</p>
</div>
<div class="d-flex flex-column gap-2">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Open source strategy.</h4>
<p style="color: rgb(255, 255, 255);">Break the tech monopoly with open source software.
Power map your "big bosses" and chart your path to sustainable change.
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</p>
</div>
<div class="d-flex flex-column gap-2">
front page looking nice now!
2024-02-29 19:30:29 +00:00
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Cocreate meaning with your community.</h4>
<p style="color: rgb(255, 255, 255);">Rally your
community around shared values using a VPSA (Values, Problem, Solution, Action)
framework.</p>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</div>
<div class="d-flex flex-column gap-2">
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Training</h4>
<p style="color: rgb(255, 255, 255);">It seems like there's a new thing every couple months.
front page looking nice now!
2024-02-29 19:30:29 +00:00
Have questions about crypto or decentralized social media?
Request a training to stay ahead of the curve.</p>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</div></div>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</div>
</div>
</div>
restructured asteroid landing page
2024-02-29 04:09:59 +00:00
</section>
<footer class="footer">
<div class="container">
<span class="text-muted">© 2024 Miguel Almodóvar</span>
</div>
</footer>
re did the buttons to make them modals
2024-02-27 06:22:41 +00:00
</body>
front page looking nice now!
2024-02-29 19:30:29 +00:00
</html>
Reference in a new issue Copy permalink