amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

images

Browse Source
This commit is contained in:
Dan Abramov
2023-02-14 19:05:29 +00:00
parent bc07936282
commit 0589ea4e2a
1 changed files with 25 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
beta/src/components/Layout/HomeContent.js
View File

@@ -426,35 +426,34 @@ export function HomeContent() {
);
}
const reactConf2021Cover = 'https://i.imgur.com/TsMgXlX.jpg';
const reactConf2019Cover = 'https://i.imgur.com/YDWtkrY.jpg';
const images = [
// "https://i.imgur.io/lZ4jBCs_d.webp?maxwidth=640",
// "https://i.imgur.io/ujHe9Gd_d.webp?maxwidth=640",
// "https://i.imgur.io/kJ5jUqY_d.webp?maxwidth=640",
// "https://i.imgur.io/lTYO6aH_d.webp?maxwidth=640",
reactConf2019Cover,
reactConf2021Cover,
reactConf2019Cover,
reactConf2021Cover,
];
function CommunityImages() {
return (
<>
<div className="flex justify-center px-2.5 lg:px-5 w-6/12 lg:w-3/12">
<img
src="https://i.imgur.com/zBJvLHG.jpg"
className="rounded-xl aspect-video rotate-2 transition-all hover:rotate-0"
/>
</div>
<div className="flex justify-center px-2.5 lg:px-5 w-6/12 lg:w-3/12">
<img
src="https://i.imgur.com/L4VckWD.png"
className="rounded-xl aspect-video rotate-[-2deg] transition-all hover:rotate-0"
/>
</div>
<div className="flex justify-center px-2.5 lg:px-5 w-6/12 lg:w-3/12">
<img
src="https://i.imgur.com/zBJvLHG.jpg"
className="rounded-xl aspect-video rotate-2 transition-all hover:rotate-0"
/>
</div>
<div className="flex justify-center px-2.5 lg:px-5 w-6/12 lg:w-3/12">
<img
src="https://i.imgur.com/L4VckWD.png"
className="rounded-xl aspect-video rotate-[-2deg] transition-all hover:rotate-0"
/>
</div>
{images.map((src, i) => (
<div
key={i}
className="flex justify-center px-2.5 lg:px-5 w-6/12 lg:w-3/12">
<img
src={src}
className={`rounded-xl object-cover rotate-${
i % 2 === 0 ? '2' : '[-2deg]'
} transition-all hover:rotate-0`}
/>
</div>
))}
</>
);
}
@@ -1760,9 +1759,6 @@ let talksCache = new Map();
const loadConfDelay = 250;
const loadTalksDelay = 1000;
const reactConf2021Cover = 'https://i.imgur.com/TsMgXlX.jpg';
const reactConf2019Cover = 'https://i.imgur.com/YDWtkrY.jpg';
function fetchConf(slug) {
if (confCache.has(slug)) {
return confCache.get(slug);