The Longest Urgent Thought - Inspiration Hub
About this app
Explore the longest urgent thoughts from shows, movies, comics, and more with an interactive platform to share and discuss your perspectives!
Inspiration Hub - Share Your Thoughts Inspiration Hub Share your urgent thoughts inspired by shows, movies, or comics! 🆕 Submit
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Inspiration Hub - Share Your Thoughts</title>
<meta name="description" content="Inspiration Hub is an app where users can share and explore the longest urgent thoughts inspired by shows, movies, comics, and more! Join the community of thinkers and give your perspectives!">
<meta name="keywords" content="inspiration, thoughts, urgent thoughts, movies, comics, shows, share, inspiration hub">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
font-family: 'Roboto', sans-serif;
background: linear-gradient(to right, #6a11cb, #2575fc);
color: #ecf0f1;
margin: 0;
padding: 0;
}
#main-container {
margin-top: 50px;
padding: 20px;
border-radius: 15px;
box-shadow: 0 0 25px rgba(0,0,0,0.5);
background: rgba(30, 39, 50, 0.7);
}
h1 {
text-align: center;
margin-bottom: 20px;
}
.input-group {
margin-bottom: 15px;
}
.list-group-item {
background-color: rgba(52, 152, 219, 0.3);
border: none;
color: #ffffff;
}
.delete {
color: #e74c3c;
margin-left: 10px;
cursor: pointer;
}
.delete:hover {
color: #c0392b;
}
#submit-thought {
background-color: #2ecc71;
border: none;
color: white;
font-size: 16px;
}
#submit-thought:hover {
background-color: #27ae60;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-10px);}
60% {transform: translateY(-5px);}
}
</style>
<script>
function saveLocal() {
const thoughtsList = document.getElementById('thoughts-list');
localStorage.setItem('thoughts', thoughtsList.innerHTML);
}
function loadLocal() {
const savedThoughts = localStorage.getItem('thoughts');
if (savedThoughts) {
document.getElementById('thoughts-list').innerHTML = savedThoughts;
}
}
document.addEventListener("DOMContentLoaded", function() {
loadLocal();
const thoughtInput = document.getElementById('thought-input');
const submitButton = document.getElementById('submit-thought');
const thoughtsList = document.getElementById('thoughts-list');
submitButton.addEventListener('click', function() {
const thought = thoughtInput.value;
if (thought.length > 0) {
const listItem = document.createElement('li');
listItem.classList.add('list-group-item', 'd-flex', 'justify-content-between', 'align-items-center');
listItem.innerHTML = thought + '<i class="fa fa-trash delete" aria-hidden="true"></i>';
thoughtsList.appendChild(listItem);
saveLocal();
thoughtInput.value = '';
listItem.querySelector('.delete').addEventListener('click', function() {
listItem.remove();
saveLocal();
});
}
});
});
</script>
</head>
<body>
<div id="main-container" class="container">
<h1>Inspiration Hub</h1>
<p class="text-center">Share your urgent thoughts inspired by shows, movies, or comics!</p>
<div class="input-group">
<input type="text" id="thought-input" class="form-control" placeholder="📝 Enter your urgent thought here..." aria-label="Thought input">
<button class="btn btn-success" id="submit-thought">🆕 Submit</button>
</div>
<ul id="thoughts-list" class="list-group"></ul>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!