happy birthday yariniii

オープン
#1,404 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
1/5
見積もり時間
1時間未満
初心者へのやさしさ
1/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
css, html, javascript
領域
frontend, web-dev

調査の方向性

Issue本文は、インラインCSSとJavaScriptを含むスタンドアロンのHTMLドキュメントであり、リポジトリのファイル、テスト、または要求された変更は特定されていません。したがって、このIssueから従うべきプロジェクトのエントリーポイントや完了基準はありません。

索引モデルが issue の本文から書いたものです。

説明

<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>
主要言語
TypeScript
スター
5.2k
フォーク
1.9k
平均マージ
1時間 4分
マージ済み PR(30日)
2

環境構築

  • Dockerfile・Docker Compose ファイルなし
  • プルリクエストのテンプレートあり
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

vercel/examples のほかの issue

vercel/examples の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。