migs/asteroid
1
0
Fork 0
mirror of https://github.com/miggymofongo/asteroid.git synced 2024-11-24 06:00:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

base: migs:12f6e8937073cadd2191a0303100a760206156e7
Branches Tags
migs:master
..
compare: migs:553dfbdf96dbacc06b317ef28620295d0dc0082d
Branches Tags
migs:master

No commits in common. "12f6e8937073cadd2191a0303100a760206156e7" and "553dfbdf96dbacc06b317ef28620295d0dc0082d" have entirely different histories.
12f6e89370 ... 553dfbdf96

3 changed files with 52 additions and 166 deletions
Show stats Expand all files Collapse all files

BIN
img/WEPA.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 416 KiB

170
index.html
View file

@ -3,20 +3,20 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>El Asteroide De Miguel</title> <title>El Asteroide De Miguel</title>
<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> <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>
<link rel="stylesheet" href="./styles.css"></link> <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> <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://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="./infinite-scroll-docs.min.js"> </script>
<script src="./scripts.js"></script> <script src="./scripts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
<script> <script>
$('.container').infiniteScroll({ $('.container').infiniteScroll({
@ -158,15 +158,6 @@ $('.container').infiniteScroll({
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
@font-face {
font-family: KHGummi;
src: url(./fonts/KHGummi.otf);
font-weight:400;
}
</style> </style>
</head> </head>
@ -178,9 +169,7 @@ font-weight:400;
<header> <header>
<nav class="navbar navbar-dark bg-dark fixed-top"> <nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<img src="./img/Highwind1_opt.png" alt="GummiShip" style="transform: scale(0.9)";> <img src="./img/Highwind1_opt.png" style="transform: scale(0.9);"><a class="navbar-brand quote-banner" href="#">Miguel's Asteroid</a>
<h4 class="navbar-brand" href="#" style="color: aliceblue; font-family: KHGummi;">Miguel's Asteroid</h4>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -189,36 +178,28 @@ font-weight:400;
<div class="offcanvas-header"> <div class="offcanvas-header">
<h5 class="offcanvas-title quote-banner" id="offcanvasDarkNavbarLabel">Cockpit</h5> <h5 class="offcanvas-title quote-banner" id="offcanvasDarkNavbarLabel">Cockpit</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">
<div class="text-center"> <div class="text-center">
<div class="d-inline-block text-center"> <div class="d-inline-block text-start">
<img src="./img/WEPA.png" alt="headshot of miguel yelling WEPA!" <img src="./img/headshot.jpg" class="rounded-circle" width="140" height="140" alt="Description of Image"></img>
style="width: 300px; height: 300px; object-fit: cover;" alt="Headshot of Miguel"></img> <rect width="100%" height="100%" fill="#777"/>
<text x="50%" y="50%" fill="#777" dy=".3em">¡Wepa! Soy Miguel!</text>
<br>
<h2>Public Interest Communications </h2> <h2>Public Interest Communications </h2>
<a href="mailto:contact@miguelalmodo.com"><img src="./img/email.png" alt="mail icon" style="width: 50px; height: 50px;"></a> <p>Thanks for visiting my website hosted on an asteroid in uberspace. Find me on Linkedin
<a href="https://yakihonne.com/users/nprofile1qyw8wumn8ghj7mn0wd68ytfsxyh8jcttd95x7mnwv5hxxmmdqyw8wumn8ghj7mn0wd68ytfsxgh8jcttd95x7mnwv5hxxmmdqy08wumn8ghj7mn0wd68ytfsxvhxgmmjv9nxzcm5dae8jtn0wfnsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpremhxue69uhkummnw3ez6vpj9ejx7unpveskxar0wfujummjvuqzpmyk2sz7zxn2vxrtylay2x30lsfedm083q7jagguxtaa933ej6txsnr0xw"><img src="./img/running-nostr.gif" alt="running nostrich gif" style="width: 50px; height: 50px;"></a> and Nostr.
<a href="https://www.linkedin.com/in/miguelalmodo/"><img src="./img/LinkedIN.png" alt="linkedin logo" style="width: 50px; height: 50px;"></a>
<a href="https://www.github.com/miggymofongo/"><img src="./img/Github.png" alt="github logo" 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.
</p> </p>
<p><a class="btn btn-secondary" href="#">View biography &raquo;</a></p>
<button class="btn btn-secondary" href="#" disabled>View biography &raquo;</button>
</div>
</div> </div>
</div>
<br>
@ -284,20 +265,30 @@ font-weight:400;
</nav> </nav>
</header> </header>
<body>
<section> <section>
<div class="my-5"> <div class="my-5">
<div class="p-5 text-center bg-body-tertiary"> <div class="p-5 text-center bg-body-tertiary">
<div class="container py-5"> <div class="container py-5">
<h1 class="text-body-emphasis quote-banner">All aboard the Gummi Ship!</h1> <h1 class="text-body-emphasis">Welcome to my Gummi Ship!</h1>
<p class="col-lg-8 mx-auto lead"> <p class="col-lg-8 mx-auto lead">
Thanks for visiting my webpage. Check out a book, my projects, Explore my digital playground in uberspace.
or download a resume from my asteroid! <a href="https://yakihonne.com/users/nprofile1qyw8wumn8ghj7mn0wd68ytfsxyh8jcttd95x7mnwv5hxxmmdqyw8wumn8ghj7mn0wd68ytfsxgh8jcttd95x7mnwv5hxxmmdqy08wumn8ghj7mn0wd68ytfsxvhxgmmjv9nxzcm5dae8jtn0wfnsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpremhxue69uhkummnw3ez6vpj9ejx7unpveskxar0wfujummjvuqzpmyk2sz7zxn2vxrtylay2x30lsfedm083q7jagguxtaa933ej6txsnr0xw"> Follow me on Nostr </a>or <a href="mailto:contact@miguelalmodo.com"> send an email.</a> </p>
</p>
<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://library.miguelalmodo.com';">About</button>
<button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://github.com/miggymofongo';">Code</button> <button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://portfolio.miguelalmodo.com';">Code</button>
<button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://library.miguelalmodo.com';">Library</button> <button class="btn btn-dark-custom btn-lg" type="button" onclick="window.location.href='https://library.miguelalmodo.com';">Library</button>
@ -316,102 +307,39 @@ font-weight:400;
<div class="container px-4 py-5" style="background-color: #23272b;"> <div class="container px-4 py-5" style="background-color: #23272b;">
<h2 class="pb-2 border-bottom" style="color: aliceblue; font-family: KHGummi;">Let's collaborate. <h2 class="pb-2 border-bottom quote-banner">Let's collaborate.</h2>
&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" alt="pic of leroy from the movie leroy and stich"> </h2>
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5"> <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"> <div class="d-flex flex-column align-items-start gap-2">
<h3 class="fw-bold" style="color: aliceblue;">Communications for the Public Good</h3> <h3 class="fw-bold" style="color: aliceblue;">Communications for the Public Good</h3>
<p style="color: rgb(255, 255, 255);">The corporate social media landscape looks grim. <p style="color: rgb(255, 255, 255);">The current media landscape looks grim.
They privatize our means of communication over the Internet and tear our society It's on us to take back the commons from the corporations that are currently
apart with the constant bombardment of adverrtising and antagonizing algoriths. tearing our society apart.</p>
Movements in 2024 need a robust communication strategy and the power of a <a href="#" class="btn btn-primary btn-lg">Schedule a Consultation</a>
decentralized internet. It's on us to take back the digital commons once and for all.
</a></p>
<div class="container">
<!-- <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>
class="btn btn-dark-custom btn-lg"
<a href="mailto:contact@miguelalmodo.com" class="btn btn-dark-custom btn-lg">
Click to open a self - addressed email message in your favorite
client.</a>
</div> </div>
<div class="row row-cols-1 row-cols-sm-2 g-4"> <div class="row row-cols-1 row-cols-sm-2 g-4">
<div class="d-flex flex-column gap-2"> <div class="d-flex flex-column gap-2">
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Move beyond strategic sharing.</h4> <h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Got something to say?</h4>
<p style="color: rgb(255, 255, 255);"> <p style="color: rgb(255, 255, 255);">Craft engaging content using photo, video,
Find the right medium and channels and multiply or audio. Check out my portfolio of past work.
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.
</p> </p>
</div> </div>
<div class="d-flex flex-column gap-2"> <div class="d-flex flex-column gap-2">
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Open source strategy.</h4> <h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Deploy Web Tools</h4>
<p style="color: rgb(255, 255, 255);">Break the tech monopoly with open source software. <p style="color: rgb(255, 255, 255);">Are you sick of Google subscription fees
Power map your "big bosses" and chart your path to sustainable change. and silo'd infrastructure? Build a toolbox of ethical digital
tools for your organization.
</p> </p>
</div> </div>
<div class="d-flex flex-column gap-2"> <div class="d-flex flex-column gap-2">
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Cocreate meaning with your community.</h4> <h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Strategize</h4>
<p style="color: rgb(255, 255, 255);">Rally your <p style="color: rgb(255, 255, 255);">have you decided to change the things you cannot accept? movements need a robust
community around shared values using a VPSA (Values, Problem, Solution, Action) communication strategy and the power of a decentralized internet.</p>
framework.</p>
</div> </div>
<div class="d-flex flex-column gap-2"> <div class="d-flex flex-column gap-2">
@ -419,8 +347,7 @@ font-weight:400;
<h4 class="fw-semibold mb-0" style="color: rgb(255, 255, 255);">Training</h4> <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. <p style="color: rgb(255, 255, 255);">It seems like there's a new thing every couple months.
Have questions about crypto or decentralized social media? Request a training to stay ahead of the crowd.</p>
Request a training to stay ahead of the curve.</p>
</div></div> </div></div>
</div> </div>
</div> </div>
@ -458,3 +385,4 @@ font-weight:400;
</body> </body>
</html> </html>

42
styles.css
View file

@ -1,42 +0,0 @@
@font-face {
font-family: 'KHGummi';
src: url('./fonts/KHGummi.otf') format('opentype');
}
.gummi {
font-family: 'KHGummi';
}
.quote-banner {
color: #e2e2e2;
padding: 20px;
font-family: 'KHGummi';
}
.card-footer {
background: transparent;
border-top: 0;
}
.card-link {
display: block;
margin-top: 15px;
text-align: center;
color: #007bff;
}
/* Additional styling for the blockquote */
.blockquote {
font-style: italic;
color: #6c757d;
}
.blockquote-footer {
color: #6c757d;
}