Australia
Inggris
USA
Canada
Singapore
Malaysia
:root {
–av-primary: #1a2a6c;
–av-secondary: #b21f1f;
–av-accent: #fdbb2d;
–av-light: #f8f9fa;
–av-dark: #333;
–av-success: #4caf50;
–av-warning: #f44336;
}
/* RESET & BASE STYLES */
.av-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.post-body table td, th {border: none; padding: 15px; text-align: left; }
.post-body table th {border: none; padding: 15px; text-align: center; }
.post-body table {border: none;}
.post-body table thead th {color: white; text-align:center;}
body {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
color: #333;
font-family: ‘Open Sans’, sans-serif;
line-height: 1.6;
padding: 20px;
}
.av-container {
max-width: 1200px;
margin: 0 auto;
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}
/* SECTION STYLES */
.av-section {
padding: 40px;
background: #fff;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.av-section:nth-child(even) {
background: var(–av-light);
}
.av-section-title {
color: var(–av-primary);
font-family: ‘Poppins’, sans-serif;
font-size: 2rem;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 3px solid var(–av-accent);
display: flex;
align-items: center;
}
.av-section-title i {
margin-right: 15px;
color: var(–av-secondary);
font-size: 1.8rem;
width: 40px;
text-align: center;
}
/* TABLE STYLES */
.av-table-container {
overflow-x: auto;
margin: 30px 0;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
border: 1px solid rgba(0,0,0,0.08);
}
.av-comparison-table {
width: 100%;
border-collapse: collapse;
min-width: 800px;
}
.av-comparison-table th {
background: var(–av-primary);
color: white;
font-weight: 600;
padding: 18px;
text-align: left;
font-family: ‘Poppins’, sans-serif;
}
.av-comparison-table tr:nth-child(even) {
background-color: #f8f9fa;
}
.av-comparison-table tr:nth-child(odd) {
background-color: #fff;
}
.av-comparison-table td {
padding: 16px 18px;
border-bottom: 1px solid #e0e0e0;
}
.av-comparison-table tr:last-child td {
border-bottom: none;
}
.av-comparison-table tr:hover {
background-color: #e3f2fd;
}
/* VISA CARD STYLES */
.av-visa-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 30px;
margin: 40px 0;
}
.av-visa-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 1px solid #eaeaea;
display: flex;
flex-direction: column;
height: 100%;
}
.av-visa-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.av-visa-header {
background: var(–av-primary);
color: white;
padding: 25px;
position: relative;
overflow: hidden;
}
.av-visa-header::after {
content: “”;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background: var(–av-accent);
}
.av-visa-title {
font-family: ‘Poppins’, sans-serif;
font-size: 22px;
color:white;
margin-bottom: 8px;
position: relative;
z-index: 2;
}
.av-visa-subtitle {
font-size: 1rem;
opacity: 0.9;
position: relative;
z-index: 2;
}
.av-visa-body {
padding: 25px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.av-visa-section {
margin-bottom: 22px;
}
.av-visa-section-title {
font-weight: 600;
color: var(–av-secondary);
margin-bottom: 10px;
display: flex;
align-items: center;
font-size: 1.1rem;
}
.av-visa-section-title i {
margin-right: 10px;
font-size: 1.1rem;
}
.av-visa-list {
padding-left: 25px;
}
.av-visa-list li {
margin-bottom: 10px;
position: relative;
}
.av-visa-list li::before {
content: “•”;
color: var(–av-accent);
font-weight: bold;
position: absolute;
left: -15px;
}
.av-pros-cons {
display: flex;
gap: 15px;
margin-top: auto;
padding-top: 15px;
}
.av-pros, .av-cons {
flex: 1;
padding: 18px;
border-radius: 12px;
}
.av-pros {
background: rgba(76, 175, 80, 0.08);
border: 1px solid rgba(76, 175, 80, 0.3);
}
.av-cons {
background: rgba(244, 67, 54, 0.08);
border: 1px solid rgba(244, 67, 54, 0.3);
}
.av-pros-title, .av-cons-title {
font-weight: 700;
margin-bottom: 12px;
display: flex;
align-items: center;
font-size: 1.1rem;
}
.av-pros-title {
color: var(–av-success);
}
.av-cons-title {
color: var(–av-warning);
}
.av-pros-list, .av-cons-list {
padding-left: 25px;
}
.av-pros-list li, .av-cons-list li {
margin-bottom: 8px;
position: relative;
}
.av-pros-list li::before {
content: “✓”;
color: var(–av-success);
position: absolute;
left: -20px;
}
.av-cons-list li::before {
content: “✗”;
color: var(–av-warning);
position: absolute;
left: -20px;
}
/* FLOWCHART STYLES */
.av-flowchart {
background: #f8f9fa;
padding: 40px;
border-radius: 16px;
margin: 40px 0;
position: relative;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.05);
}
.av-flowchart-title {
text-align: center;
font-size: 1.8rem;
margin-bottom: 40px;
color: var(–av-primary);
position: relative;
font-family: ‘Poppins’, sans-serif;
}
.av-flowchart-steps {
display: flex;
flex-direction: column;
gap: 30px;
position: relative;
}
.av-flowchart-step {
background: #fff;
border-radius: 14px;
padding: 25px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
position: relative;
z-index: 2;
border-left: 5px solid var(–av-primary);
}
.av-step-title {
font-weight: 700;
margin-bottom: 15px;
color: var(–av-primary);
display: flex;
align-items: center;
font-size: 1.3rem;
}
.av-step-title i {
margin-right: 15px;
color: var(–av-secondary);
font-size: 1.5rem;
width: 35px;
text-align: center;
}
.av-step-options {
margin-top: 20px;
padding-left: 35px;
}
.av-step-option {
margin-bottom: 15px;
position: relative;
padding-left: 30px;
font-size: 1.05rem;
}
.av-step-option::before {
content: “→”;
position: absolute;
left: 0;
color: var(–av-accent);
font-weight: bold;
font-size: 1.3rem;
}
/* TIPS SECTION */
.av-tips-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
margin-top: 40px;
}
.av-tip-card {
background: #fff;
border-radius: 16px;
padding: 30px;
box-shadow: 0 8px 25px rgba(0,0,0,0.06);
border-top: 4px solid var(–av-primary);
transition: all 0.4s ease;
display: flex;
flex-direction: column;
}
.av-tip-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0,0,0,0.12);
border-top-color: var(–av-accent);
}
.av-tip-icon {
font-size: 2.8rem;
color: var(–av-primary);
margin-bottom: 20px;
text-align: center;
}
.av-tip-title {
font-weight: 700;
margin-bottom: 15px;
color: var(–av-primary);
font-size: 1.3rem;
text-align: center;
}
.av-tip-content {
text-align: center;
}
/* FAQ SECTION */
.av-faq-container {
margin-top: 40px;
}
.av-faq-item {
margin-bottom: 20px;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
background: #fff;
}
.av-faq-question {
background: var(–av-primary);
color: white;
padding: 22px 30px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.1rem;
transition: background 0.3s ease;
}
.av-faq-question:hover {
background: #152056;
}
.av-faq-answer {
background: #fff;
color:black;
padding: 0 30px;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease, padding 0.5s ease;
}
.av-faq-item.active .av-faq-answer {
max-height: 500px;
padding: 25px 30px;
}
.av-faq-question i {
transition: transform 0.4s ease;
font-size: 1.2rem;
}
.av-faq-item.active .av-faq-question i {
transform: rotate(180deg);
}
/* CONCLUSION SECTION */
.av-conclusion {
background: linear-gradient(135deg, var(–av-primary), #004e92);
color: white;
padding: 60px 40px;
text-align: center;
position: relative;
overflow: hidden;
}
.av-conclusion::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(‘https://images.unsplash.com/photo-1504814532849-cff240bbc503?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80’) center/cover no-repeat;
opacity: 0.15;
}
.av-conclusion-title {
font-family: ‘Poppins’, sans-serif;
font-size: 2.2rem;
margin-bottom: 30px;
position: relative;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.av-conclusion-content {
max-width: 800px;
margin: 0 auto;
font-size: 1.15rem;
line-height: 1.8;
position: relative;
}
.av-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 40px auto 0;
padding: 18px 40px;
background: var(–av-accent);
color: var(–av-primary);
font-weight: 700;
border-radius: 50px;
text-decoration: none;
font-size: 1.1rem;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
z-index: 2;
box-shadow: 0 5px 20px rgba(253, 187, 45, 0.4);
border: none;
cursor: pointer;
font-family: ‘Poppins’, sans-serif;
}
.av-cta-button:hover {
background: white;
color: var(–av-primary);
transform: translateY(-5px) scale(1.05);
box-shadow: 0 10px 25px rgba(253, 187, 45, 0.6);
}
.av-cta-button i {
margin-left: 10px;
transition: transform 0.3s ease;
}
.av-cta-button:hover i {
transform: translateX(5px);
}
/* RESPONSIVE DESIGN */
@media (max-width: 900px) {
.av-section {
padding: 30px;
}
.av-header h1 {
font-size: 2.3rem;
}
.av-header p {
font-size: 1.15rem;
}
}
@media (max-width: 768px) {
.av-header {
padding: 40px 20px;
}
.av-header h1 {
font-size: 2rem;
}
.av-section-title {
font-size: 1.7rem;
}
.av-visa-cards {
grid-template-columns: 1fr;
}
.av-pros-cons {
flex-direction: column;
}
.av-conclusion-title {
font-size: 1.9rem;
}
}
@media (max-width: 480px) {
body {
padding: 10px;
}
.av-header {
padding: 30px 15px;
}
.av-header h1 {
font-size: 1.7rem;
}
.av-header p {
font-size: 1rem;
}
.av-section {
padding: 25px 15px;
}
.av-section-title {
font-size: 1.4rem;
}
.av-conclusion {
padding: 40px 20px;
}
.av-conclusion-title {
font-size: 1.6rem;
}
.av-conclusion-content {
font-size: 1rem;
}
.av-cta-button {
width: 90%;
padding: 15px;
}
}
.column-article-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 10px;
background: white;
}
.column-article {
width: 50%;
padding: 10px;
}
.column-article img {
width: 100%;
border-radius: 10px;
}
@media screen and (max-width: 500px) {
.column-article-container {
flex-direction: column;
}
.column-article {
width: 100%;
}
}
.rp-container {
max-width: 1400px; /* Diperlebar untuk layar besar */
margin: 0 auto;
padding: 20px;
}
.rp-header {
text-align: center;
margin-bottom: 40px;
}
.rp-main-title {
font-size: 2.5rem;
font-weight: 600;
color: var(–rp-dark);
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.rp-subtitle {
color: var(–rp-gray);
font-size: 1.1rem;
max-width: 600px;
margin: 20px auto 0;
line-height: 1.6;
}
.rp-cards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Responsif penuh */
gap: 30px;
}
.rp-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
overflow: hidden;
transition: var(–rp-transition);
transform: translateY(0);
position: relative;
height: 100%; /* Tinggi penuh */
}
.rp-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(67, 97, 238, 0.15);
}
.rp-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(–rp-primary), var(–rp-accent));
opacity: 0;
transition: var(–rp-transition);
}
.rp-card:hover::before {
opacity: 1;
}
.rp-card-img-container {
overflow: hidden;
position: relative;
height: 220px; /* Lebih tinggi */
}
.rp-card-img {
width: 100%;
height: 180%;
object-fit: cover;
transition: var(–rp-transition);
}
.rp-card:hover .rp-card-img {
transform: scale(1.05);
}
.rp-card-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
}
.rp-card-title {
font-size: 1rem; /* Sedikit lebih besar */
font-weight: 600;
margin: 0 0 15px;
color: var(–rp-dark);
line-height: 1.4;
transition: var(–rp-transition);
}
.rp-card:hover .rp-card-title {
color: var(–rp-primary);
}
.rp-read-more {
margin-top: auto;
text-align: center;
color: white;
background-color: #007bff;
border-radius:50px;
}
.rp-read-more-link {
display: inline-flex;
align-items: center;
text-decoration: none;
color: white;
font-weight: 500;
transition: var(–rp-transition);
padding: 8px 0;
font-size: 1.1rem;
}
.rp-read-more-link:hover {
color: var(–rp-secondary);
}
/* Layar sangat lebar (Desktop besar) */
@media (min-width: 1600px) {
.rp-cards-container {
grid-template-columns: repeat(3, 1fr); /* Tiga kolom dengan lebar sama */
}
.rp-card-img-container {
height: 250px; /* Lebih tinggi di layar lebar */
}
.rp-card-content {
padding: 30px;
}
.rp-card-title {
font-size: 1.5rem;
}
}
/* Tablet dan Desktop kecil */
@media (max-width: 1199px) {
.rp-cards-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.rp-card-img-container {
height: 200px;
}
}
/* Mobile */
@media (max-width: 768px) {
.rp-main-title {
font-size: 2rem;
}
.rp-cards-container {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
}
.rp-loader {
display: flex;
justify-content: center;
padding: 40px 0;
grid-column: 1 / -1; /* Loader memenuhi seluruh lebar */
}
.rp-loader-dot {
width: 12px;
height: 12px;
background: var(–rp-primary);
border-radius: 50%;
margin: 0 5px;
animation: rp-loader 1.2s infinite ease-in-out both;
}
.rp-loader-dot:nth-child(1) { animation-delay: -0.32s; }
.rp-loader-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes rp-loader {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}
.rp-no-posts {
text-align: center;
color: var(–rp-gray);
padding: 40px 0;
font-size: 1.2rem;
grid-column: 1 / -1; /* Memenuhi seluruh lebar */
}
/* Animations */
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
.floating {
animation: float 4s ease-in-out infinite;
}
/* Responsive */
@media (max-width: 768px) {
h1 {
font-size: 2.5rem;
}
.subtitle {
font-size: 1.2rem;
}
.main-content {
padding: 30px 20px;
}
.section-title {
font-size: 1.8rem;
}
}
/* Scroll Animation */
.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease-out;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
Panduan Lengkap Visa Kerja Australia untuk Lulusan SMA & Sarjana Indonesia
Pengen kerja di Australia tapi bingung soal visa? Artikel ini membahas semua jenis visa kerja yang cocok untuk WNI lulusan SMA dan S1 yang ingin merintis karir di Negeri Kanguru.
Kenapa Banyak Orang Indonesia Tertarik Bekerja di Australia?
Australia bukan hanya dekat secara geografis dari Indonesia, tapi juga menjanjikan stabilitas ekonomi, gaji tinggi, perlindungan hak pekerja, dan kualitas hidup yang unggul. Tak heran, banyak warga negara Indonesia—baik lulusan SMA maupun sarjana—bermimpi membangun karir di sana.
Namun, sebelum mengepak koper, ada satu hal krusial yang wajib dipahami: jenis visa kerja yang sesuai. Salah memilih visa bisa berujung pada penolakan aplikasi, pemborosan biaya, bahkan deportasi.
Tabel Perbandingan Jenis Visa Kerja Australia untuk WNI
| Jenis Visa | Status | Perlu Sponsor? | Peluang PR? | Cocok untuk |
|---|---|---|---|---|
| Subclass 482 (TSS) | Sementara | Ya | Tergantung stream | SMA & S1 |
| Subclass 189 | Permanen | Tidak | Ya | S1 |
| Subclass 190 | Permanen | Ya (Negara Bagian) | Ya | S1 |
| Subclass 491 | Sementara | Ya (Regional) | Ya, setelah 3 tahun | S1 & SMA (berpengalaman) |
| Subclass 187 | Permanen | Ya (Daerah Regional) | Ya | SMA (berpengalaman) & S1 |
| Subclass 462 (Working Holiday) | Sementara (1 Tahun) | Tidak | Tidak | SMA (min. D3) & S1 |
Detail Jenis Visa Kerja Australia
Visa Subclass 482 (Temporary Skill Shortage – TSS)
Visa untuk pekerja asing yang disponsori perusahaan Australia
Deskripsi Singkat
Visa ini memungkinkan perusahaan di Australia mensponsori pekerja asing untuk posisi yang tidak bisa diisi oleh tenaga lokal.
Jalur & Durasi
- Short-Term Stream: 2 tahun (maks. 4 tahun jika memenuhi syarat)
- Medium-Term Stream: 4 tahun, berpeluang menjadi PR
- Labour Agreement Stream: Perjanjian khusus
Syarat Utama
- Tawaran kerja dari perusahaan sponsor
- Posisi dalam Skilled Occupation List
- Minimal 2 tahun pengalaman kerja
- IELTS 5.0 atau setara
- Lulusan SMA bisa mendaftar dengan pengalaman
- Bisa membawa keluarga
- Dapat bekerja penuh waktu
- Peluang menjadi PR
- Hanya kerja di perusahaan sponsor
- Tidak bisa ganti pekerjaan
- Tidak semua stream bisa ajukan PR
Visa Skilled Independent (Subclass 189)
Visa permanen tanpa sponsor
Deskripsi Singkat
Visa permanen ini tidak memerlukan sponsor, baik dari perusahaan, negara bagian, maupun kerabat.
Jalur Utama
- Points-Tested Stream (untuk WNI)
- New Zealand Stream (khusus warga Selandia Baru)
Persyaratan
- Minimal 65 poin dalam sistem penilaian
- Usia di bawah 45 tahun
- Skill Assessment sesuai bidang
- IELTS min. 6.0
- Hanya untuk lulusan S1
- Langsung menjadi PR
- Bebas bekerja di mana saja
- Akses ke Medicare
- Berpeluang jadi warga negara
- Persyaratan ketat (poin tinggi)
- Proses panjang (6-12 bulan)
- Biaya tinggi (AUD 4,640)
Diagram Alur Visa Kerja WNI ke Australia
Panduan Memilih Visa Berdasarkan Profil Anda
Tips Maksimalkan Peluang Visa Kerja Australia
Cari Pekerjaan yang Masuk SOL
Daftar pekerjaan yang dibutuhkan selalu berubah, periksa secara berkala di situs resmi pemerintah Australia.
Perbaiki Bahasa Inggris
Skor IELTS/PTE menentukan kelayakan visa dan peluang lolos. Targetkan skor lebih tinggi dari minimum.
Kumpulkan Dokumen Sejak Dini
Siapkan paspor, ijazah, transkrip, referensi kerja, dan hasil tes bahasa. Terjemahan resmi diperlukan.
Resume Standar Australia
Format resume Aussie berbeda. Fokus pada keterampilan, pencapaian, dan tanggung jawab nyata.
Konsultan Migrasi Resmi
Hindari agen abal-abal. Pilih yang terdaftar dan punya izin praktik untuk menghindari masalah.
FAQ Seputar Visa Kerja ke Australia
Bisa, tapi harus punya keterampilan atau pengalaman kerja yang sesuai, dan biasanya perlu sponsor perusahaan atau regional.
Subclass 189 dan 190 langsung memberi status PR. Namun, Subclass 491 dan 482 juga bisa mengarah ke PR setelah memenuhi syarat tertentu.
Sebagian besar visa (kecuali Working Holiday Visa) memperbolehkan membawa pasangan dan anak-anak sebagai dependents.
Tergantung jenis visa, mulai dari AUD 1,455 (482) hingga >AUD 4,600 (189), belum termasuk biaya tes bahasa, kesehatan, asuransi, dan konsultan migrasi.
Kesimpulan
Visa kerja ke Australia untuk warga negara Indonesia sangat beragam, tergantung latar belakang pendidikan, pengalaman, dan tujuan karir. Lulusan SMA bisa mencoba jalur seperti Subclass 482, 491, 187, atau Working Holiday, terutama jika memiliki sertifikat dan pengalaman kerja. Sementara lulusan S1 punya peluang lebih luas untuk mendapatkan visa permanen melalui Subclass 189 atau 190.
Australia membuka banyak pintu, tapi kuncinya adalah strategi yang tepat. Pilih visa sesuai dengan profil Anda, siapkan dokumen dengan teliti, dan jangan ragu untuk berkonsultasi dengan profesional agar peluang sukses semakin tinggi.
New Update
// Accordion functionality for FAQ
document.addEventListener(‘DOMContentLoaded’, function() {
const faqQuestions = document.querySelectorAll(‘.av-faq-question’);
faqQuestions.forEach(question => {
question.addEventListener(‘click’, () => {
const faqItem = question.parentNode;
faqItem.classList.toggle(‘active’);
});
});
// Animation on scroll
const animateOnScroll = function() {
const elements = document.querySelectorAll(‘.av-visa-card, .av-tip-card’);
elements.forEach(element => {
const elementPosition = element.getBoundingClientRect().top;
const screenPosition = window.innerHeight / 1.3;
if(elementPosition {
card.style.opacity = “0”;
card.style.transform = “translateY(30px)”;
card.style.transition = “opacity 0.6s ease, transform 0.6s ease”;
});
// Animate when page loads
setTimeout(animateOnScroll, 300);
// Animate on scroll
window.addEventListener(‘scroll’, animateOnScroll);
});
function handleBlogPosts(json) {
const entries = json.feed.entry || [];
const container = document.getElementById(‘recent-posts’);
// Filter artikel hanya dengan tag “Bedah jurusan”
const filteredEntries = entries.filter(entry => {
if (!entry.category) return false;
return entry.category.some(cat =>
cat.term.toLowerCase() === “australia”
);
});
if (filteredEntries.length === 0) {
container.innerHTML = ‘
Tidak ada postingan ditemukan untuk tag “Australian Visa”.
‘;
return;
}
container.innerHTML = ”;
filteredEntries.slice(0, 3).forEach(entry => {
const title = entry.title.$t;
const link = entry.link.find(l => l.rel === ‘alternate’).href;
const content = entry.content.$t;
const parser = new DOMParser();
const doc = parser.parseFromString(content, ‘text/html’);
const img = doc.querySelector(‘img’);
const imgSrc = img ? img.src : ‘https://images.unsplash.com/photo-1499750310107-5fef28a66643?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&h=400&q=80’;
const card = document.createElement(‘div’);
card.className = ‘rp-card’;
card.innerHTML = `
${title}
`;
container.appendChild(card);
});
}
(function() {
const script = document.createElement(‘script’);
script.src = ‘https://blog.starshipeducation.com/feeds/posts/default?alt=json-in-script&callback=handleBlogPosts’;
document.body.appendChild(script);
})();
