این ارسالی برای Frontend Challenge نسخه 24.07.24، Glam Up My Markup: Recreation است.
چیزی که من ساختم
صفحه وب تخیلی لیگ کریکت نیویورک
با استفاده از جاوا اسکریپت، بخش ها را در یک ظرف div قرار دادم تا بتوانم آن ها را همانطور که می خواهم با flex تغییر دهم.
document.addEventListener("DOMContentLoaded", () => {
const container = document.createElement('div');
container.className="container";
const sections = document.querySelectorAll('section');
const parent = sections[0].parentNode;
const footer = document.querySelector('footer');
sections.forEach((section) => {
container.appendChild(section);
});
parent.insertBefore(container, footer);
});
من یک تصویر هدر پس زمینه را با استفاده از هوش مصنوعی ایجاد کردم و آن را با CSS تغییر دادم.
پس زمینه کانتینر div حاوی آرم لیگ کریکت تفریحی است که با CSS به یک عنصر تزئینی تبدیل شده است.
من آن را با رنگ های نیویورکی استایل کردم تا احساس مناسبی داشته باشد.
نسخه ی نمایشی
سفر
احساس پایانی ورزشی، فعال و سرگرم کننده است اما زیاده روی نیست. بخش ها در داخل شناور اندکی درخشش دارند.
ممنون که نگاه کردید، github اینجاست:
https://github.com/AnnaVi11arrea1/Cricket-League-Markup
زنده: https://annavi11arrea1.github.io/Cricket-League-Markup/
با تشکر برای نگاه کردن!
