EDURebel

Stories

Insights and narratives from Taiwan and beyond.

About

A platform connecting educators, creatives, and entrepreneurs.

Contact

Email us at hello@edurebel.com.

EDURebel | Creative Blog & Voices from Taiwan

EDURebel just launched its advertisement banner! Apply Now →✕

Top Story

Rebel Approved Products

Product One

"Empower your creativity."

$29.00 Buy Now

Product Two

"Designed for rebels."

$49.00 Buy Now

Product Three

"Create without limits."

$19.00 Buy Now

Service Four

"Level up your rebel game."

Free Learn More

Latest Articles

// Close breaking bar if (document.querySelector('#breaking-bar .close-btn')) { /* Base styles */ body { margin:0; font-family: 'Roboto', sans-serif; background:#f6f7f8; color:#151515; } a { color:#ED1C24; text-decoration:none; } a:hover { text-decoration:underline; } /* Breaking bar */ #breaking-bar { background:#ED1C24; color:white; padding:12px 20px; text-align:center; font-weight:bold; } #breaking-bar a { color:white; } #breaking-bar .close-btn { float:right; cursor:pointer; } /* Header */ .site-header { background:#151515; padding:15px 20px; position:sticky; top:0; z-index:1000; } .nav-container { display:flex; justify-content:space-between; align-items:center; } .logo { font-weight:700; font-size:22px; color:white; } .main-nav a { color:white; margin-left:20px; font-weight:400; } /* Layout */ #homepage-layout { display:grid; grid-template-columns:2fr 1fr; gap:40px; width:100%; padding:20px; } main { display:flex; flex-direction:column; gap:30px; } .card { background:white; border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,0.05); } /* Products */ .product-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px; } .product img { width:100%; border-radius:8px; } .product h4 { margin:10px 0 5px; } .product .badge { display:inline-block; background:#151515; color:white; padding:2px 8px; border-radius:4px; font-size:12px; } .btn-cta { display:inline-block; background:#ED1C24; color:white; padding:8px 16px; border-radius:4px; margin-top:8px; font-size:14px; text-align:center; } /* Sidebar */ #sidebar { display:flex; flex-direction:column; gap:24px; position:sticky; top:80px; height:fit-content; } .widget { background:white; border-radius:12px; padding:16px; box-shadow:0 2px 8px rgba(0,0,0,0.05); } .clean-list { list-style:none; padding-left:0; margin:0; } .clean-list li { margin-bottom:8px; } .ad-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .ad-story { position:relative; display:block; } .ad-story img { width:100%; border-radius:8px; } .ad-story .btn-cta { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); background:#A7D8FF; color:#151515; } .video-ad { margin-bottom:16px; position:relative; } .video-ad video { width:100%; border-radius:8px; } .video-ad .btn-cta { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); background:#A7D8FF; color:#151515; } .cta-block input { padding:8px; width:100%; margin-bottom:8px; border:1px solid #ccc; border-radius:4px; } /* Share bars */ .share-bar-desktop { position:fixed; left:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:8px; padding:8px; } .share-bar-mobile { display:none; position:fixed; bottom:0; left:0; right:0; justify-content:center; gap:20px; background:white; padding:10px 0; box-shadow:0 -2px 8px rgba(0,0,0,0.05); } .share-icon { color:#ED1C24; font-size:20px; } /* Footer */ .site-footer { background:#151515; color:white; text-align:center; padding:20px 10px; margin-top:40px; } .footer-social a { color:white; margin:0 10px; } /* Responsive */ @media (max-width:1024px) { #homepage-layout { grid-template-columns:1fr; } #sidebar { position:static; } .share-bar-desktop { display:none; } } @media (max-width:768px) { .share-bar-mobile { display:flex; } .main-nav { display:none; } } document.querySelector('#breaking-bar .close-btn').addEventListener('click', () => { document.getElementById('breaking-bar').style.display = 'none'; }); } // Current year const yearSpan = document.getElementById('year'); if (yearSpan) yearSpan.textContent = new Date().getFullYear(); // Fetch top story fetch('/blog').then(r => r.text()).then(html => { const doc = new DOMParser().parseFromString(html, 'text/html'); const firstPost = doc.querySelector('.summary-item'); if (firstPost) { const link = firstPost.querySelector('a.summary-title-link'); const img = firstPost.querySelector('img'); const excerpt = firstPost.querySelector('.summary-excerpt'); document.getElementById('top-story-content').innerHTML = `

${link.textContent}

${excerpt ? excerpt.textContent : ''}

Read More`; } }); // Trending posts fetch('/blog').then(r => r.text()).then(html => { const doc = new DOMParser().parseFromString(html, 'text/html'); document.getElementById('trending-posts').innerHTML = [...doc.querySelectorAll('.summary-title a')] .slice(0,5) .map(e => `

${e.textContent}

`) .join(''); }); // Latest articles feed fetch('/blog').then(r => r.text()).then(html => { const doc = new DOMParser().parseFromString(html, 'text/html'); const items = [...doc.querySelectorAll('.summary-item')].slice(0,6); document.getElementById('article-feed').innerHTML = items.map(item => { const link = item.querySelector('a.summary-title-link'); const img = item.querySelector('img'); const excerpt = item.querySelector('.summary-excerpt'); return `

${link.textContent}

${excerpt ? excerpt.textContent : ''}

`; }).join(''); }); // Word of the day with Traditional Chinese translation fetch('https://api.wordnik.com/v4/words.json/wordOfTheDay?api_key=YOUR_API_KEY') .then(r => r.json()) .then(data => { const word = data.word; fetch(`https://api.mymemory.translated.net/get?q=${word}&langpair=en|zh-TW`) .then(res => res.json()) .then(tr => { document.getElementById('word-content').innerHTML = `${word} - ${tr.responseData.translatedText}`; }); }).catch(() => { document.getElementById('word-content').textContent = 'Unable to load word.'; }); // Quote of the day fetch('https://api.quotable.io/random') .then(r => r.json()) .then(data => { document.getElementById('quote-content').textContent = `${data.content} — ${data.author}`; }).catch(() => { document.getElementById('quote-content').textContent = 'Stay rebellious.'; });

Loading views…

Read: 0%

Stories

About

Contact

Top Story

Rebel Approved Products

Product One

Product Two

Product Three

Service Four

Latest Articles

${link.textContent}

${link.textContent}

Join the EDURebel Community