xheavenlyx
Member • Oct 12, 2006
Sticky: Important Website Collection
In this thread you can post good websites whcih you think would be important or interesting for Crazy Engineers.
After a good collection has been made, Ill make a nice list with the descriptions you provide (+mine if needed).
Post in you sites in this format:
:</b><br />
: <Description><br />
<br />
<br />
<web address 2><br />
<b>: <Title></b><br />
: <description><br />
<br />
<...so on><br />
<b>: <Title></b><br />
: <so on..><br />
<br />
Note to biggie: If you think this is a good idea then you can make this a sticky. 😀
</div>
<div class="mt-6 flex justify-between space-x-8"
x-data="likesController(
pid = `c7cf1eac-9d68-4def-bdd7-f97ae86653c4`,
liked = false,
likesCount = 0,
)">
<div class="flex space-x-6">
<span class="isolate inline-flex rounded-md shadow-sm">
<button type="button" @click="[liked = !liked, updateLikes('c7cf1eac-9d68-4def-bdd7-f97ae86653c4')]" :class="liked ? 'text-indigo-500' : 'text-slate-500'" class="relative inline-flex items-center gap-x-1.5 rounded-l-md px-3 py-1 text-xs font-semibold text-slate-900 ring-1 ring-inset ring-slate-300 hover:bg-slate-50 focus:z-10">
<svg class="-ml-0.5 h-4 w-4 text-slate-900" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" color="currentColor" fill="none">
<path d="M2 12.5C2 11.3954 2.89543 10.5 4 10.5C5.65685 10.5 7 11.8431 7 13.5V17.5C7 19.1569 5.65685 20.5 4 20.5C2.89543 20.5 2 19.6046 2 18.5V12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15.4787 7.80626L15.2124 8.66634C14.9942 9.37111 14.8851 9.72349 14.969 10.0018C15.0369 10.2269 15.1859 10.421 15.389 10.5487C15.64 10.7065 16.0197 10.7065 16.7791 10.7065H17.1831C19.7532 10.7065 21.0382 10.7065 21.6452 11.4673C21.7145 11.5542 21.7762 11.6467 21.8296 11.7437C22.2965 12.5921 21.7657 13.7351 20.704 16.0211C19.7297 18.1189 19.2425 19.1678 18.338 19.7852C18.2505 19.8449 18.1605 19.9013 18.0683 19.9541C17.116 20.5 15.9362 20.5 13.5764 20.5H13.0646C10.2057 20.5 8.77628 20.5 7.88814 19.6395C7 18.7789 7 17.3939 7 14.6239V13.6503C7 12.1946 7 11.4668 7.25834 10.8006C7.51668 10.1344 8.01135 9.58664 9.00069 8.49112L13.0921 3.96056C13.1947 3.84694 13.246 3.79012 13.2913 3.75075C13.7135 3.38328 14.3652 3.42464 14.7344 3.84235C14.774 3.8871 14.8172 3.94991 14.9036 4.07554C15.0388 4.27205 15.1064 4.37031 15.1654 4.46765C15.6928 5.33913 15.8524 6.37436 15.6108 7.35715C15.5838 7.46692 15.5488 7.5801 15.4787 7.80626Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
Like
</button>
<div x-text="likesCount" type="button" :class="liked ? 'text-slate-900 bg-slate-200' : 'text-slate-900 bg-white'" class="w-12 overflow-hidden relative -ml-px inline-flex items-center justify-center rounded-r-md px-3 py-1 text-xs font-semibold text-center ring-1 ring-inset ring-slate-300 hover:bg-slate-50 focus:z-10"></div>
</span>
<span class="isolate inline-flex rounded-md shadow-sm">
<a href="/threads/sticky-important-website-collection.402" class="relative inline-flex items-center gap-x-1.5 rounded-l-md bg-white px-3 py-1 text-xs font-semibold text-slate-900 ring-1 ring-inset ring-slate-300 hover:bg-slate-50 focus:z-10">
<svg class="-ml-0.5 h-4 w-4 text-slate-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
</svg>
Replies
</a>
<button type="button" class="relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-1 text-xs font-semibold text-slate-900 ring-1 ring-inset ring-slate-300 hover:bg-slate-50 focus:z-10">
0
</button>
</span>
</div>
</div>
</article>
</li>
</ul>
</div>
<section aria-labelledby="community-powered-by">
<div class="my-6 bg-slate-50 border border-slate-300 rounded-lg">
<div class="border-b border-b-slate-300 p-2 text-sm rounded-t-lg">
<span class="inline-block w-2 h-2 bg-green-400 rounded-full mr-1"></span>
<span class="text-xs font-semibold">Howdy guest!</span>
</div>
<div class="bg-white p-6 text-xs leading-5 rounded-b-lg">
Dear guest, you must be logged-in to participate on CrazyEngineers. We would love to have you as a
member of our community. Consider <a href="/register" class="text-indigo-600 font-bold">creating an
account</a> or <a href="/login" class="text-indigo-600 font-bold">login</a>.
</div>
</div>
</section>
<section aria-labelledby="discussion-replies" class="my-6">
<div class="relative">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-full border-t border-slate-300"></div>
</div>
<div class="relative flex items-center justify-between">
<span class="bg-white pr-3 text-base font-semibold leading-6 text-slate-900">Replies</span>
</div>
</div>
<ul aria-labelledby="section-replies">
<li id="447247fe-2b21-417d-835b-a7408daa0580" class="my-6 bg-slate-50 border border-slate-300 rounded-lg"
x-data="{deleteConfirmation : false}">
<div class="border-b border-b-slate-300 px-6 py-3 text-sm rounded-t-lg">
<div>
<div class="flex space-x-2">
<div class="flex-shrink-0">
<img class="h-8 w-8 rounded-full" src="https://www.crazyengineers.com/img/avatar.jpg"
alt=""/>
</div>
<div class="min-w-0 flex-1 -space-y-0.5">
<p class="text-xs font-medium text-slate-900">
<a href="/user/xheavenlyx-CbvN62" class="hover:underline">xheavenlyx </a>
</p>
<p class="text-sm text-slate-900">
<span class="text-xs">Member</span> •
<span
class="text-xs">Oct 12, 2006</span>
</p>
</div>
</div>
</div>
</div>
<div class="bg-white px-6 py-3 prose prose-slate prose-sm max-w-none rounded-b-lg">
<div><div><div><div>#-Link-Snipped-#<br>
: <b>Disecting Electronic Gadgetry</b><br>
: This site is a resource to be used by anyone who wishes to ... take apart certain electronic devices. ... new dissection as often as time permits.<br>
(personal: Awesome site with manyyy dissembily!!!! Just check out the first page)<br>
<br>
<br>
<a href="https://www.ladyada.net/make/" target="_blank" rel="nofollow noopener noreferrer">Make stuff</a><br>
: <b>[FONT=Verdana, Arial, Helvetica, sans-serif]Things to Make & Enjoy[/FONT]</b><br>
: For students who want to learn how to solder, program a microcontroler and make simple projects.<br>
<br>
<br>
<a href="https://www.engadget.com/" target="_blank" rel="nofollow noopener noreferrer">Engadget | Technology News & Reviews</a><br>
: <b>Latest on Technology<br>
</b>: Informative and inovative. Must for engineers if they want to know the latest!<br>
<br>
#-Link-Snipped-#<br>
: <b>Hackability Electronica!<br>
</b>: i cant describe this site, amazing resourse on the unltimate hacks/mods and artistiv touches to electronics and computer sciences!</div>
</div>
</div>
</div>
</div>
<div x-cloak x-show="deleteConfirmation"
class="bg-red-100 text-sm flex justify-between p-2 space-x-4">
<span
class="text-sm font-semibold text-red-600 pt-0.5">Are you sure? This action cannot be undone.</span>
<div class="flex justify-between space-x-2">
<a href="/threads/sticky-important-website-collection.402"
class="rounded bg-white px-2 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Cancel</a>
<form method="POST" action="/reply/447247fe-2b21-417d-835b-a7408daa0580/destroy">
<input type="hidden" name="_token" value="r8q6Nh7dS5JLItHyj7DLaosP6IrHUc8Qm87rvlNN" autocomplete="off"> <button type="submit"
class="rounded bg-red-600 px-2 py-1 text-xs font-semibold text-white shadow-sm ring-1 ring-inset ring-gray-300">
Yes, delete!
</button>
</form>
</div>
</div>
</li>
<li id="aff4d7be-606a-4bab-b2d1-916abda14e8a" class="my-6 bg-slate-50 border border-slate-300 rounded-lg"
x-data="{deleteConfirmation : false}">
<div class="border-b border-b-slate-300 px-6 py-3 text-sm rounded-t-lg">
<div>
<div class="flex space-x-2">
<div class="flex-shrink-0">
<img class="h-8 w-8 rounded-full" src="https://www.crazyengineers.com/img/avatar.jpg"
alt=""/>
</div>
<div class="min-w-0 flex-1 -space-y-0.5">
<p class="text-xs font-medium text-slate-900">
<a href="/user/xheavenlyx-CbvN62" class="hover:underline">xheavenlyx </a>
</p>
<p class="text-sm text-slate-900">
<span class="text-xs">Member</span> •
<span
class="text-xs">Oct 12, 2006</span>
</p>
</div>
</div>
</div>
</div>
<div class="bg-white px-6 py-3 prose prose-slate prose-sm max-w-none rounded-b-lg">
<div><a href="https://www.instructables.com/" target="_blank" rel="nofollow noopener noreferrer">Yours for the making - Instructables</a><br>
: <b>Share what you make and how others can make it!</b><br>
: Another great site on Making new things on Cpmuters, Programming, Electroncis or even Arts! Nicely documented articles and picture presentation</div>
</div>
<div x-cloak x-show="deleteConfirmation"
class="bg-red-100 text-sm flex justify-between p-2 space-x-4">
<span
class="text-sm font-semibold text-red-600 pt-0.5">Are you sure? This action cannot be undone.</span>
<div class="flex justify-between space-x-2">
<a href="/threads/sticky-important-website-collection.402"
class="rounded bg-white px-2 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Cancel</a>
<form method="POST" action="/reply/aff4d7be-606a-4bab-b2d1-916abda14e8a/destroy">
<input type="hidden" name="_token" value="r8q6Nh7dS5JLItHyj7DLaosP6IrHUc8Qm87rvlNN" autocomplete="off"> <button type="submit"
class="rounded bg-red-600 px-2 py-1 text-xs font-semibold text-white shadow-sm ring-1 ring-inset ring-gray-300">
Yes, delete!
</button>
</form>
</div>
</div>
</li>
</ul>
</section>
</main>
<aside class="hidden xl:col-span-3 xl:block">
<div class="sticky top-4 space-y-6">
<section aria-labelledby="users-online">
<div class="bg-slate-50 border border-slate-300 rounded-lg">
<div class="border-b border-b-slate-300 p-2 text-sm rounded-t-lg">
<span class="inline-block w-2 h-2 bg-indigo-400 rounded-full mr-1"></span>
<span class="text-xs font-semibold">About CrazyEngineers</span>
</div>
<div class="bg-white p-3 text-xs leading-5 rounded-b-lg">
The official CrazyEngineers Community
<div class="pt-2">Founded on: Nov 26, 2005</div>
</div>
</div>
</section>
<section aria-labelledby="users-online">
<div class="bg-slate-50 border border-slate-300 rounded-lg">
<div class="border-b border-b-slate-300 p-2 text-sm rounded-t-lg">
<span class="inline-block w-2 h-2 bg-green-400 rounded-full mr-1"></span>
<span class="text-xs font-semibold"> Members online</span>
</div>
<div class="bg-white p-3 text-xs font-medium leading-5 rounded-b-lg">
Currently there are no users online.
</div>
</div>
</section>
<section aria-labelledby="activity-feed">
<div class="bg-slate-50 border border-slate-300 rounded-lg">
<div class="border-b border-b-slate-300 p-2 text-sm rounded-t-lg">
<span class="inline-block w-2 h-2 bg-orange-400 rounded-full mr-1"></span>
<span class="text-xs font-semibold">Activity feed</span>
</div>
<div class="bg-white p-3 text-xs leading-5 rounded-b-lg">
<div class="flow-root">
<ul role="list" class="-mb-8">
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-orange-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Jhansi Kuriti has joined CrazyEngineers as a new member</p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-26">10h</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-orange-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Shyam Chidirala has joined CrazyEngineers as a new member</p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-26">11h</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-orange-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">bhavitha sri has joined CrazyEngineers as a new member</p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-26">11h</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-indigo-400 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path d="M2 12.5C2 11.3954 2.89543 10.5 4 10.5C5.65685 10.5 7 11.8431 7 13.5V17.5C7 19.1569 5.65685 20.5 4 20.5C2.89543 20.5 2 19.6046 2 18.5V12.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15.4787 7.80626L15.2124 8.66634C14.9942 9.37111 14.8851 9.72349 14.969 10.0018C15.0369 10.2269 15.1859 10.421 15.389 10.5487C15.64 10.7065 16.0197 10.7065 16.7791 10.7065H17.1831C19.7532 10.7065 21.0382 10.7065 21.6452 11.4673C21.7145 11.5542 21.7762 11.6467 21.8296 11.7437C22.2965 12.5921 21.7657 13.7351 20.704 16.0211C19.7297 18.1189 19.2425 19.1678 18.338 19.7852C18.2505 19.8449 18.1605 19.9013 18.0683 19.9541C17.116 20.5 15.9362 20.5 13.5764 20.5H13.0646C10.2057 20.5 8.77628 20.5 7.88814 19.6395C7 18.7789 7 17.3939 7 14.6239V13.6503C7 12.1946 7 11.4668 7.25834 10.8006C7.51668 10.1344 8.01135 9.58664 9.00069 8.49112L13.0921 3.96056C13.1947 3.84694 13.246 3.79012 13.2913 3.75075C13.7135 3.38328 14.3652 3.42464 14.7344 3.84235C14.774 3.8871 14.8172 3.94991 14.9036 4.07554C15.0388 4.27205 15.1064 4.37031 15.1654 4.46765C15.6928 5.33913 15.8524 6.37436 15.6108 7.35715C15.5838 7.46692 15.5488 7.5801 15.4787 7.80626Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Kaustubh liked <a href="/discussion/latest-trends-in-structural-analysis-engineering" class="font-semibold">Latest Trends in Structural Analysis...</a></p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-26">22h</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-orange-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Vishal Pandey has joined CrazyEngineers as a new member</p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-25">1d</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-emerald-400 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">EEI has posted <a href="/discussion/latest-trends-in-structural-analysis-engineering" class="font-semibold">Latest Trends in Structural Analysis...</a></p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-25">1d</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-orange-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">EEI has joined CrazyEngineers as a new member</p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-25">1d</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-orange-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.182 15.182a4.5 4.5 0 0 1-6.364 0M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Zm5.625 0c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Neha Bugatha has joined CrazyEngineers as a new member</p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-25">1d</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-200" aria-hidden="true"></span>
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-cyan-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-slate-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Sinan replied on <a href="/threads/civil-engineering-tech-fest-ideas-fest-name-suggestions.46954" class="font-semibold">Civil Engineering Tech Fest Ideas...</a></p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-25">1d</time>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative pb-8">
<div class="relative flex space-x-3">
<div>
<span class="h-8 w-8 rounded-full bg-cyan-100 flex items-center justify-center ring-8 ring-white">
<svg class="h-5 w-5 text-slate-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z" />
</svg>
</span>
</div>
<div class="flex min-w-0 flex-1 justify-between space-x-4">
<div>
<p class="text-xs text-slate-500">Sinan replied on <a href="/threads/civil-engineering-tech-fest-ideas-fest-name-suggestions.46954" class="font-semibold">Civil Engineering Tech Fest Ideas...</a></p>
</div>
<div class="whitespace-nowrap text-right text-xs text-slate-500">
<time datetime="2024-07-25">1d</time>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section aria-labelledby="community-powered-by">
<div>
<p class="text-xs text-center mx-5 font-medium text-gray-600">CrazyEngineers is âš¡ powered by <br> <a
href="https://jatra.club">Jatra Community Software</a></p>
</div>
</section>
</div>
</aside>
</div>
</div>
</div>
<div class="sm:block lg:hidden fixed inset-x-0 bottom-0 bg-slate-50">
<div class="flex justify-around py-2">
<a href="/" class="flex flex-col items-center justify-start focus:outline-none">
<svg class="text-slate-600 group-hover:text-slate-500 h-4 w-4 flex-shrink-0"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" color="#4a4a4a"
fill="none">
<path d="M15.0001 17C14.2006 17.6224 13.1504 18 12.0001 18C10.8499 18 9.79965 17.6224 9.00012 17"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
<path
d="M2.35151 13.2135C1.99849 10.9162 1.82198 9.76763 2.25629 8.74938C2.69059 7.73112 3.65415 7.03443 5.58126 5.64106L7.02111 4.6C9.41841 2.86667 10.6171 2 12.0001 2C13.3832 2 14.5818 2.86667 16.9791 4.6L18.419 5.64106C20.3461 7.03443 21.3097 7.73112 21.744 8.74938C22.1783 9.76763 22.0018 10.9162 21.6487 13.2135L21.3477 15.1724C20.8473 18.4289 20.597 20.0572 19.4291 21.0286C18.2612 22 16.5538 22 13.1389 22H10.8613C7.44646 22 5.73903 22 4.57112 21.0286C3.40321 20.0572 3.15299 18.4289 2.65255 15.1724L2.35151 13.2135Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
<span class="text-xs text-slate-700">Home</span>
</a>
<a href="/channels" class="flex flex-col items-center focus:outline-none">
<svg class="text-slate-600 group-hover:text-slate-500 h-4 w-4 flex-shrink-0 fill-none"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
<path
d="M2 18C2 16.4596 2 15.6893 2.34673 15.1235C2.54074 14.8069 2.80693 14.5407 3.12353 14.3467C3.68934 14 4.45956 14 6 14C7.54044 14 8.31066 14 8.87647 14.3467C9.19307 14.5407 9.45926 14.8069 9.65327 15.1235C10 15.6893 10 16.4596 10 18C10 19.5404 10 20.3107 9.65327 20.8765C9.45926 21.1931 9.19307 21.4593 8.87647 21.6533C8.31066 22 7.54044 22 6 22C4.45956 22 3.68934 22 3.12353 21.6533C2.80693 21.4593 2.54074 21.1931 2.34673 20.8765C2 20.3107 2 19.5404 2 18Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M14 18C14 16.4596 14 15.6893 14.3467 15.1235C14.5407 14.8069 14.8069 14.5407 15.1235 14.3467C15.6893 14 16.4596 14 18 14C19.5404 14 20.3107 14 20.8765 14.3467C21.1931 14.5407 21.4593 14.8069 21.6533 15.1235C22 15.6893 22 16.4596 22 18C22 19.5404 22 20.3107 21.6533 20.8765C21.4593 21.1931 21.1931 21.4593 20.8765 21.6533C20.3107 22 19.5404 22 18 22C16.4596 22 15.6893 22 15.1235 21.6533C14.8069 21.4593 14.5407 21.1931 14.3467 20.8765C14 20.3107 14 19.5404 14 18Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M2 6C2 4.45956 2 3.68934 2.34673 3.12353C2.54074 2.80693 2.80693 2.54074 3.12353 2.34673C3.68934 2 4.45956 2 6 2C7.54044 2 8.31066 2 8.87647 2.34673C9.19307 2.54074 9.45926 2.80693 9.65327 3.12353C10 3.68934 10 4.45956 10 6C10 7.54044 10 8.31066 9.65327 8.87647C9.45926 9.19307 9.19307 9.45926 8.87647 9.65327C8.31066 10 7.54044 10 6 10C4.45956 10 3.68934 10 3.12353 9.65327C2.80693 9.45926 2.54074 9.19307 2.34673 8.87647C2 8.31066 2 7.54044 2 6Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M14 6C14 4.45956 14 3.68934 14.3467 3.12353C14.5407 2.80693 14.8069 2.54074 15.1235 2.34673C15.6893 2 16.4596 2 18 2C19.5404 2 20.3107 2 20.8765 2.34673C21.1931 2.54074 21.4593 2.80693 21.6533 3.12353C22 3.68934 22 4.45956 22 6C22 7.54044 22 8.31066 21.6533 8.87647C21.4593 9.19307 21.1931 9.45926 20.8765 9.65327C20.3107 10 19.5404 10 18 10C16.4596 10 15.6893 10 15.1235 9.65327C14.8069 9.45926 14.5407 9.19307 14.3467 8.87647C14 8.31066 14 7.54044 14 6Z"
stroke="currentColor" stroke-width="1.5"/>
</svg>
<span class="text-xs text-slate-700">Channels</span>
</a>
<a href="/search" class="flex flex-col items-center focus:outline-none">
<svg class="text-slate-600 group-hover:text-slate-500 h-4 w-4 flex-shrink-0 fill-none"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
<path d="M14 14L16.5 16.5" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
<path
d="M16.4333 18.5252C15.8556 17.9475 15.8556 17.0109 16.4333 16.4333C17.0109 15.8556 17.9475 15.8556 18.5252 16.4333L21.5667 19.4748C22.1444 20.0525 22.1444 20.9891 21.5667 21.5667C20.9891 22.1444 20.0525 22.1444 19.4748 21.5667L16.4333 18.5252Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
<path
d="M16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16C12.866 16 16 12.866 16 9Z"
stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
<span class="text-xs text-slate-700">Search</span>
</a>
<a href="/login" class="flex flex-col items-center focus:outline-none">
<svg class="text-slate-600 group-hover:text-slate-500 h-4 w-4 flex-shrink-0 fill-none"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
<path
d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M17.0371 12.0277L10.0615 12.0277M10.0615 12.0277C10.0615 12.5982 12.2168 14.5151 12.2168 14.5151M10.0615 12.0277C10.0615 11.4424 12.2168 9.56334 12.2168 9.56334M7.03711 7.99536V15.9954"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
<span class="text-xs text-slate-700">Login</span>
</a>
<a href="/register" class="flex flex-col items-center focus:outline-none">
<svg class="text-slate-600 group-hover:text-slate-500 h-4 w-4 flex-shrink-0 fill-none"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16"
height="16">
<path
d="M16 5C16 4.06812 16 3.60218 16.1522 3.23463C16.3552 2.74458 16.7446 2.35523 17.2346 2.15224C17.6022 2 18.0681 2 19 2C19.9319 2 20.3978 2 20.7654 2.15224C21.2554 2.35523 21.6448 2.74458 21.8478 3.23463C22 3.60218 22 4.06812 22 5V9C22 9.93188 22 10.3978 21.8478 10.7654C21.6448 11.2554 21.2554 11.6448 20.7654 11.8478C20.3978 12 19.9319 12 19 12C18.0681 12 17.6022 12 17.2346 11.8478C16.7446 11.6448 16.3552 11.2554 16.1522 10.7654C16 10.3978 16 9.93188 16 9V5Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M16 19C16 18.0681 16 17.6022 16.1522 17.2346C16.3552 16.7446 16.7446 16.3552 17.2346 16.1522C17.6022 16 18.0681 16 19 16C19.9319 16 20.3978 16 20.7654 16.1522C21.2554 16.3552 21.6448 16.7446 21.8478 17.2346C22 17.6022 22 18.0681 22 19C22 19.9319 22 20.3978 21.8478 20.7654C21.6448 21.2554 21.2554 21.6448 20.7654 21.8478C20.3978 22 19.9319 22 19 22C18.0681 22 17.6022 22 17.2346 21.8478C16.7446 21.6448 16.3552 21.2554 16.1522 20.7654C16 20.3978 16 19.9319 16 19Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M2 16C2 14.1144 2 13.1716 2.58579 12.5858C3.17157 12 4.11438 12 6 12H8C9.88562 12 10.8284 12 11.4142 12.5858C12 13.1716 12 14.1144 12 16V18C12 19.8856 12 20.8284 11.4142 21.4142C10.8284 22 9.88562 22 8 22H6C4.11438 22 3.17157 22 2.58579 21.4142C2 20.8284 2 19.8856 2 18V16Z"
stroke="currentColor" stroke-width="1.5"/>
<path
d="M2 5C2 4.06812 2 3.60218 2.15224 3.23463C2.35523 2.74458 2.74458 2.35523 3.23463 2.15224C3.60218 2 4.06812 2 5 2H9C9.93188 2 10.3978 2 10.7654 2.15224C11.2554 2.35523 11.6448 2.74458 11.8478 3.23463C12 3.60218 12 4.06812 12 5C12 5.93188 12 6.39782 11.8478 6.76537C11.6448 7.25542 11.2554 7.64477 10.7654 7.84776C10.3978 8 9.93188 8 9 8H5C4.06812 8 3.60218 8 3.23463 7.84776C2.74458 7.64477 2.35523 7.25542 2.15224 6.76537C2 6.39782 2 5.93188 2 5Z"
stroke="currentColor" stroke-width="1.5"/>
</svg>
<span class="text-xs text-slate-700">Register</span>
</a>
</div>
</div>
<script>
function likesController(pid, liked, likesCount) {
return {
pid: pid,
liked: liked,
likesCount : likesCount,
updateLikes(pid) {
fetch('/likes/update', {
method: "POST",
headers: {
'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content
},
body: JSON.stringify({
pid: pid,
})
}).then(response => response.json()).then(response => {
this.likesCount = response.likes_count;
this.liked = response.has_user_liked;
});
},
}
}
</script>
</body>
</html>
After a good collection has been made, Ill make a nice list with the descriptions you provide (+mine if needed).
Post in you sites in this format:
: