single blog item display fix #9
@@ -8,7 +8,7 @@ export default function MermsFooter() {
|
||||
{/* FOOTER CONTENT */}
|
||||
<div className="row">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-md-6 col-xl-4">
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
|
||||
</div>
|
||||
@@ -18,9 +18,9 @@ export default function MermsFooter() {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row col-xl-8">
|
||||
<div className="col-12 col-md-6 col-xl-8 row">
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-1">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Company</h6>
|
||||
@@ -39,7 +39,7 @@ export default function MermsFooter() {
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-2">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Product</h6>
|
||||
@@ -61,7 +61,7 @@ export default function MermsFooter() {
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-3">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Legal</h6>
|
||||
|
||||
+12
-3
@@ -63,7 +63,11 @@ export default function Home() {
|
||||
|
||||
<h3 className="s-38 w-700">
|
||||
{/*<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>*/}
|
||||
<Link href='/merms-blogview'> {data?.payload?.blogdata[0].post_title}</Link>
|
||||
<Link
|
||||
href={{pathname: '/merms-blogview', query:{...data?.payload?.blogdata[0], image_url:data?.payload?.image_url}}}
|
||||
>
|
||||
{data?.payload?.blogdata[0].post_title}
|
||||
</Link>
|
||||
</h3>
|
||||
{/* Text */}
|
||||
{/* <p>{data?.payload?.blogdata[0].post_content.substring(0, 250)}</p> */}
|
||||
@@ -85,7 +89,7 @@ export default function Home() {
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
{data?.payload?.blogdata.map((item, index)=>{
|
||||
if(index > 0){
|
||||
if(index > 0 && index < 10){
|
||||
return (
|
||||
<div key={item.id || index} className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
@@ -103,7 +107,12 @@ export default function Home() {
|
||||
{/* <span className="post-tag color--red-400">Product News</span> */}
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href={item.guid}> {item.post_title}</Link>
|
||||
{/* <Link href={item.guid}> {item.post_title}</Link> */}
|
||||
<Link
|
||||
href={{pathname: '/merms-blogview', query:{...item, image_url:data?.payload?.image_url}}}
|
||||
>
|
||||
{item.post_title}
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
|
||||
|
||||
+11
-254
@@ -1,8 +1,12 @@
|
||||
import { usePathname } from "next/navigation"
|
||||
import { useRouter } from "next/router"
|
||||
import VideoPopup from "../components/elements/VidepPopup"
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
let {query} = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
@@ -16,272 +20,25 @@ export default function Home() {
|
||||
{/* SINGLE POST TITLE */}
|
||||
<div className="single-post-title text-center">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--green-400">Community</span>
|
||||
{/* <span className="post-tag color--green-400">Community</span> */}
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Maecenas congue augue sagittis egestas integer velna purus</h2>
|
||||
<h2 className="s-46 w-700">{query.post_title}</h2>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-35">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-md w-500">By Melissa McClone</p></li>
|
||||
<li><p className="w-500">MERMS </p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-md">April 29, 2023</p></li>
|
||||
<li><p>{new Date(query?.post_date).toDateString()}</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST TITLE */}
|
||||
{/* SINGLE POST IMAGE */}
|
||||
<div className="blog-post-img py-50">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-12-img.jpg" alt="blog-post-image" />
|
||||
<img className="img-fluid r-16" src={`${query?.image_url}/${query.meta_value}`} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* SINGLE POST TEXT */}
|
||||
<div className="single-post-txt">
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and
|
||||
egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
|
||||
donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
|
||||
tempor undo quisque fusce cursus neque blandit fusce lacinia placerat and nulla
|
||||
justo molestie blandit justo diam aliquet tortor molestie sagittis lacinia undo
|
||||
and mullam molestie diam luctus donec bibendum aliquet massa elementum. Libero
|
||||
quisque lacus and ligula massa lorem fusce cursus fusce nulla vitae massa placerat
|
||||
and mollis, sapien gravida aliquet ipsum ultrices aliquet lorem diam purus undo
|
||||
vitae aliquam auris dapibus libero fusce blandit.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and
|
||||
egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
|
||||
donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
|
||||
tempor undo quisque fusce cursus neque blandit fusce lorem nulla an aliquam lacinia
|
||||
justo molestie blandit justo diam an aliquet tortor sagittis lacinia molestie
|
||||
diam egestas
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-28 w-700">1. Lorem egestas a dolor fusce posuere</h4>
|
||||
{/* Text */}
|
||||
<p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and
|
||||
egestas magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia
|
||||
donec undo augue luctus vitae egestas a molestie donec libero sapien dapibus congue
|
||||
tempor undo quisque fusce cursus neque blandit fusce aliquam
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list long-list">
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna
|
||||
ipsum and vitae efficitur purus and ipsum primis in cubilia laoreet augue
|
||||
egestas luctus donec.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
|
||||
turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo <Link href="#" className="color--theme">create an API Key</Link>
|
||||
blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis urna augue, viverra a augue eget tempor diam
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Lorem egestas a dolor @luctus donec/porta curabitur diam</h5>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
</p>
|
||||
{/* Text Code */}
|
||||
<div className="txt-code r-06">
|
||||
<p>Tempor sapien and gravida donec ipsum <kbd>cd</kbd> consectetur vel imperdiet dui
|
||||
varius. Purus efficitur ipsum primis in cubilia laoreet augue egestas <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
|
||||
</p>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* INNER IMAGE */}
|
||||
<div className="post-inner-img">
|
||||
<div className="video-preview">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={1}/>
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid r-16" src="/images/blog/post-13-img.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
{/* Blockquote */}
|
||||
<figure>
|
||||
<blockquote className="blockquote w-300">
|
||||
<p>"Nulla tincidunt volutpat lectus purus diam ipsum primis felis a congue tempor
|
||||
gravida habitant morbi and tristique senectus netus malesuada famesa an augue
|
||||
luctus suscipit sapien neque undo purus neque dolor primis sodales dapibus
|
||||
egestas volute".
|
||||
</p>
|
||||
</blockquote>
|
||||
<figcaption className="blockquote-footer">
|
||||
Daniel Wells, <cite title="Source Title">Engineering Manager, Company Name</cite>
|
||||
</figcaption>
|
||||
</figure>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-28 w-700">2. Volutpat egestas and magna suscipit</h4>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
</p>
|
||||
{/* Text Code */}
|
||||
<div className="txt-code r-06">
|
||||
<p>
|
||||
<code className="code-language-js">
|
||||
<span>
|
||||
<span className="code-variable">module</span>.
|
||||
<span className="code-property">exports</span> = {'{'}
|
||||
</span>
|
||||
<br />
|
||||
<span className="pl-30">
|
||||
<span className="code-variable">content</span>: ['
|
||||
<span className="code-string">./src/**/*.{'{'}ts,tsx,html{'}'}</span>'],
|
||||
</span>
|
||||
<br />
|
||||
<span className="pl-30">// … </span>
|
||||
<br />
|
||||
<span>{'}'}</span>
|
||||
</code>
|
||||
</p>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Primis and augue "ligula" efficitur (viverra bibendum aliquet dapibus
|
||||
aliquet dictum tempor diam as an example).
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. ibero quisque lacus and ligula massa lorem fusce cursus
|
||||
fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
|
||||
lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
|
||||
</p>
|
||||
{/* Text Code */}
|
||||
<div className="txt-code r-06">
|
||||
<p>Quisque laoreet turpis <kbd>cmd</kbd> urna augue, viverra a augue eget, dictum tempor
|
||||
diam in cubilia laoreet augue egestas <kbd><kbd>Alt</kbd> + <kbd>F1</kbd></kbd> congue
|
||||
and egestas volutpat egestas magna suscipit.
|
||||
</p>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae gestas a molestie donec libero sapien dapibus congue tempor undo quisque fusce
|
||||
cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit justo diam
|
||||
an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700">Vitae massa placerat undo purus?</h5>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list long-list">
|
||||
<li className="list-item">
|
||||
<p>Aliqum mullam blandit tempor sapien gravida donec ipsum porta justo. Laoreet
|
||||
turpis urna augue, viverra a augue eget, dictum tempor diam pulvinar dictum
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Blandit velna vitae auctor and congue magna tempor sapien eget gravida laoreet
|
||||
turpis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
augue egestas
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod purus blandit velna vitae auctor and congue
|
||||
magna tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget
|
||||
tempor diam
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* INNER IMAGES */}
|
||||
<div className="post-inner-img">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-14-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce aliquam
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-28 w-700">3. Egestas volute turpis dolores</h4>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
</div> {/* END SINGLE POST TEXT */}
|
||||
<p dangerouslySetInnerHTML={{ __html: query.post_content }} />
|
||||
{/* END SINGLE POST TEXT */}
|
||||
|
||||
</div>
|
||||
</div> {/* END SINGLE POST CONTENT */}
|
||||
|
||||
Reference in New Issue
Block a user