You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<x-outer-card class="col-span-1">
|
|
|
|
|
<x-inner-card class="!shadow-lime-500">
|
|
|
|
|
|
|
|
|
|
<div class="h-full grid grid-rows-[auto_1fr_auto] content-start whitespace-nowrap ">
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<h2> < recent blog posts > </h2>
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400 ">
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
<x-news-item class="text-white"
|
|
|
|
|
newest="true"
|
|
|
|
|
date="2023-06-08"
|
|
|
|
|
link="#"
|
|
|
|
|
link_name="blog"
|
|
|
|
|
title="newest item style">
|
|
|
|
|
</x-news-item>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<x-news-item class="text-lime-300"
|
|
|
|
|
date="2023-06-07"
|
|
|
|
|
link="#"
|
|
|
|
|
link_name="blog"
|
|
|
|
|
title="a blog entry">
|
|
|
|
|
</x-news-item>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<x-news-item class="text-lime-400"
|
|
|
|
|
date="2023-06-05"
|
|
|
|
|
link="#"
|
|
|
|
|
link_name="blog"
|
|
|
|
|
title="another blog entry">
|
|
|
|
|
</x-news-item>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<x-news-item class="text-lime-500"
|
|
|
|
|
date="2023-06-02"
|
|
|
|
|
link="#"
|
|
|
|
|
link_name="blog"
|
|
|
|
|
title="project update">
|
|
|
|
|
</x-news-item>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<x-news-item class="text-lime-600"
|
|
|
|
|
date="2023-06-02"
|
|
|
|
|
link="#"
|
|
|
|
|
link_name="blog"
|
|
|
|
|
title="another link">
|
|
|
|
|
</x-news-item>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<hr>
|
|
|
|
|
<div>
|
|
|
|
|
// for more, head over to the
|
|
|
|
|
<span class="text-blue-400 hover:text-blue-300 underline"><a href="">blog</a></span>.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</x-inner-card>
|
|
|
|
|
</x-outer-card>
|
