happy birthday yariniii

Đang mở
  • Có gì không ổn?
#1,404 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
1/5
Thời gian dự kiến
Dưới một giờ
Mức phù hợp với người mới
1/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
css, html, javascript
Lĩnh vực
frontend, web-dev

Hướng nghiên cứu

Nội dung issue là một tài liệu HTML độc lập với CSS và JavaScript inline; không xác định được tệp nào trong repository, bài kiểm thử hay thay đổi được yêu cầu. Do đó, không có entry point của dự án hoặc tiêu chí hoàn thành nào để thực hiện theo issue này.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

<title>YARONTIII MAIN CHARACTER ERA</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script> <style>

body {
margin:0;
font-family: 'Poppins', sans-serif;
background: linear-gradient(-45deg, #ff4e91, #ff8fb1, #ffc3a0, #ff4e91);
background-size: 400% 400%;
animation: gradient 8s ease infinite;
color: white;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
overflow:hidden;
}

@keyframes gradient {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}

.container {
max-width:700px;
padding:20px;
animation: fadeIn 2s ease-in-out;
}

h1 {
font-size:3rem;
animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from { transform: scale(1);}
to { transform: scale(1.08);}
}

p {
font-size:1.3rem;
margin-top:20px;
}

button {
margin-top:25px;
padding:15px 30px;
font-size:1.1rem;
border:none;
border-radius:40px;
background:white;
color:#ff4e91;
cursor:pointer;
transition:0.3s;
}

button:hover {
transform: scale(1.15) rotate(-2deg);
}

.hidden {
display:none;
}

.horse {
font-size:4rem;
margin-top:20px;
animation: bounce 1s infinite;
}

@keyframes bounce {
0%,100% {transform: translateY(0);}
50% {transform: translateY(-15px);}
}

@keyframes fadeIn {
from {opacity:0; transform: translateY(30px);}
to {opacity:1; transform: translateY(0);}
}

</style>

HAPPY BIRTHDAY YARONTIII 🎉💖

BESTIE. I love you so much and I miss you more than dramatic movie scenes miss background music. I am SO proud of you. And I am the luckiest human alive to have you in my life.

UNLOCK CHAOS 🎁

GET READY 👀✨ Your main character fun day is loading… Full of things you LOVE. Laughing until we can’t breathe. Chaos. Memories. Happiness. 

<div class="horse">🐎</div>

<p>
  Saddle up queen.  
  This is your era.  
</p>
<script> function chaos() { document.getElementById("secret").classList.remove("hidden"); var duration = 3 * 1000; var end = Date.now() + duration; (function frame() { confetti({ particleCount: 7, angle: 60, spread: 70, origin: { x: 0 } }); confetti({ particleCount: 7, angle: 120, spread: 70, origin: { x: 1 } }); if (Date.now() < end) { requestAnimationFrame(frame); } }()); } </script>
Ngôn ngữ chính
TypeScript
Star
5.2k
Fork
1.9k
Merge trung bình
1 giờ 4 phút
Pull request đã merge (30 ngày)
2

Chuẩn bị môi trường

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của vercel/examples

Tất cả issue của vercel/examples

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.