다음 프론트엔드 챌린지에 참여하세요 재창조 에디션

다음 프론트엔드 챌린지에 참여하세요 재창조 에디션
It SharingPosted On Jul 25, 20245 min read

커뮤니티가 선호하는 프론트엔드 챌린지가 돌아왔어요!

8월 4일까지 진행되는 프론트엔드 챌린지: 재탄생 에디션에는 두 가지 재탄생 테마 프롬프트인 CSS 아트와 Glam Up My Markup이 포함되어 있습니다. 이번 기회를 통해 자바스크립트 스킬을 뽐내고 CSS 창의성을 발휘할 수 있을 거예요.

항상 그랬듯이, 각 프롬프트 당 한 명의 우승자가 있을 거예요. 이 말인 즉슨, 자랑할 거리와 DEV 샵 선물 그리고 독점적인 DEV 배지를 획득할 수 있는 기회가 두 번 나온다는 거죠.

그리고 아시다시피, 배지는 여러 번 우승한 것을 자랑하는 데 사용될 수 있어요! 하지만 물론, 중요한 건 우승이라는 목적이 아니라 여정입니다. 이 챌린지를 통해 자신을 도전하고 즐거움을 느끼기를 바랍니다!

그리고 현금 상금을 차지하기 위해 더 관심이 있는 경우, 지금 진행 중인 Stellar와 함께 더 나은 건축: 스마트 계약 챌린지가 $50,000 이상의 상금이 걸려 있습니다!

프롬프트

CSS 아트: 즐겨하는 여가

당신이 일하고 있지 않을 때 즐기는 것은 무엇인가요? 누군가가 당신에게 즐겨하는 여가에 대해 물으면 떠오르는 것을 그려보세요. 다시 말해, 언제 어떻게 즐기시는지요? DEV 팀의 일부는 미식 축구와 같은 팀 스포츠를 즐기지만, 다른 사람들은 뜨근뜨근이 니트 하기와 같은 운동이 적은 홀로 할 수 있는 시간을 선호합니다. 🧶

떠오르는 것을 그림처럼 표현해보세요!

다음은 즉시 참여하고 싶은 사람을 위한 제출 양식이지만, 공식 챌린지 페이지의 모든 규칙을 확인한 후 제출하세요.

CSS 아트 제출 양식

글램 업 마크업: 크리켓 리그!

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New York Recreational Cricket League</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            margin: 0;
            padding: 0;
        }
        
        header {
            background-color: #0047ab;
            color: white;
            text-align: center;
            padding: 20px;
        }
        
        section {
            background-color: #ffffff;
            margin: 20px;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        h1,
        h2 {
            color: #0047ab;
        }
        
        ul {
            list-style-type: none;
            padding-left: 0;
        }
        
        footer {
            background-color: #0047ab;
            color: white;
            text-align: center;
            padding: 10px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>

<body>
    <header>
        <h1>Welcome to the New York Recreational Cricket League</h1>
        <p>Join us to experience the thrill of cricket right in the heart of New York City!</p>
    </header>

    <section>
        <h2>About the League</h2>
        <p>The New York Recreational Cricket League (NYRCL) is dedicated to promoting the sport of cricket among New Yorkers of all ages. We offer a friendly but competitive environment where players can improve their skills and enjoy the game.</p>
    </section>

    <section>
        <h2>How to Join</h2>
        <p>Interested in playing? We welcome players of all skill levels! To join, simply fill out our online registration form on our website, or contact us at join@nyrcl.com for more details.</p>
    </section>

    <section>
        <h2>League Fees</h2>
        <p>The registration fee for the league is $150 per player, which covers the entire season. This fee includes uniforms, equipment rental, and insurance.</p>
    </section>

    <section>
        <h2>Location of Games</h2>
        <p>All games are held at the iconic Central Park Cricket Fields, located near the north end of Central Park, easily accessible via public transportation.</p>
    </section>

    <section>
        <h2>Season Schedule</h2>
        <p>The NYRCL season runs from April through September, with games typically held on weekends. Here is the schedule for the upcoming season:</p>
        <ul>
            <li>Opening Day: April 15th</li>
            <li>Mid-Season Tournament: July 8th-9th</li>
            <li>Season Finals: September 20th</li>
            <li>Closing Ceremony: September 30th</li>
        </ul>
    </section>

    <footer>
        <p>Contact Us: </p>
        <p>Email: info@nyrcl.com | Phone: (555) 123-4567</p>
        <p>Follow us on our social media pages for updates and more information.</p>
    </footer>
</body>

</html>

중요한 일정

  • 7월 24일: 프론트엔드 챌린지: 리크리에이션 시작!
  • 8월 4일: 제출 마감 11:59 PM PDT
  • 8월 6일: 우승자 발표

도전을 즐기시고 여러분의 제출물을 기대하며! 궁금한 점이 있으시면 아래에서 질문해주세요.

행운을 빕니다. 코드 작성하세요!