<?php
/**
* Template Part: SolveForce on LinkedIn — Compact Card + Embed Toggle
*/
$uid = 'sfl_' . wp_generate_uuid4();
?>
<div id="<?php echo esc_attr($uid); ?>" class="sfl-wrap">
<style>
#<?php echo $uid; ?> .sfl-card{border:1px solid #e9ecef;border-radius:14px;padding:18px;max-width:720px;display:flex;gap:16px;align-items:center;background:#fff}
#<?php echo $uid; ?> .sfl-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}
#<?php echo $uid; ?> .sfl-body{flex:1 1 auto}
#<?php echo $uid; ?> .sfl-name{font-weight:700;font-size:1.05rem}
#<?php echo $uid; ?> .sfl-handle{opacity:.6;margin-left:.35rem}
#<?php echo $uid; ?> .sfl-bio{opacity:.9;margin:.4rem 0 .6rem}
#<?php echo $uid; ?> .sfl-actions{margin-top:.7rem;display:flex;gap:10px}
#<?php echo $uid; ?> .sfl-btn{border:1px solid #0a66c2;border-radius:999px;padding:.4rem .9rem;text-decoration:none}
#<?php echo $uid; ?> .sfl-btn.secondary{border-color:#ced4da;color:#222}
#<?php echo $uid; ?> .sfl-embed{display:none}
</style>
<div class="sfl-card">
<img class="sfl-avatar" src="https://media.licdn.com/dms/image/C560BAQFkE3.../company-logo_200_200/0/..." alt="SolveForce LinkedIn">
<div class="sfl-body">
<div class="sfl-name">SolveForce <span class="sfl-handle">LinkedIn</span></div>
<div class="sfl-bio">Information Technology Solutions · USA</div>
<div class="sfl-actions">
<a class="sfl-btn" href="https://linkedin.com/company/solveforce" target="_blank" rel="noopener">Open on LinkedIn</a>
<a class="sfl-btn secondary sfl-toggle" role="button">Show Feed</a>
</div>
</div>
</div>
<div class="sfl-embed">
<iframe src="https://www.linkedin.com/embed/feed/update/urn:li:organization:123456789"
height="600" width="100%" frameborder="0" allowfullscreen></iframe>
</div>
<script>
(function(){
var wrap=document.getElementById('<?php echo $uid; ?>');
var toggle=wrap.querySelector('.sfl-toggle');
var card=wrap.querySelector('.sfl-card');
var embed=wrap.querySelector('.sfl-embed');
toggle.addEventListener('click', function(e){
e.preventDefault();
if(embed.style.display==='block'){
embed.style.display='none'; card.style.display='flex'; toggle.textContent='Show Feed';
} else {
embed.style.display='block'; card.style.display='none'; toggle.textContent='Show Card';
}
});
})();
</script>
</div>
Template Part: SolveForce on X — Compact Card + Timeline Toggle – SolveForce Communications
Nice—thanks for the dump. I wired this into two “one-click” options: – SolveForce Communications
Plugin Name: SolveForce on X — Profile Card + Embed Toggle – SolveForce Communications
Geometric & Shape Symbols Codex – SolveForce Communications
LogOS Structural Symbol Codex 1 – SolveForce Communications