// add a small console greeting (wordpress theme style) console.log('%c✨ Paper Portfolio Theme loaded — “Where texture meets typography.”', 'background: #f0e7d8; color: #6b4e2e; font-size: 12px; padding: 4px 8px; border-radius: 12px;'); // simulate fake WP block: hover effect log (just for fun) const cards = document.querySelectorAll('.project-card'); cards.forEach((card, idx) => { card.addEventListener('mouseenter', () => { // subtle paper rustle feeling (just a console silent) if(window.innerWidth > 700) { // do nothing but keep atmosphere } }); }); })(); </script> </body> </html>
body { background: #d9cdb0; /* warm vintage paper background */ font-family: 'Inter', sans-serif; color: #2c2b28; line-height: 1.5; padding: 2rem 1.5rem; position: relative; } Portfolio WordPress Theme
.project-content { padding: 1.6rem 1.5rem 1.8rem; } // add a small console greeting (wordpress theme
/* portfolio grid (wordpress style loop) */ .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; margin: 2rem 0 3rem; } padding: 4px 8px
/* responsive touches */ @media (max-width: 680px) { body { padding: 1rem; } h1 { font-size: 2.2rem; } .paper-header { padding: 1.5rem; } .portfolio-grid { gap: 1.2rem; } }