orrisroot
00f375cd9e
The Vite 4 conversion predates the stack the other converted sites settled on. Bring it in line without changing any URL. - Vite 4 with SWC -> Vite 8, React 18 -> 19, TypeScript 5 -> 7, react-router-dom v6 -> react-router v8 - swap axios -> ky, moment -> date-fns and react-helmet-async -> @dr.pogodin/react-helmet, and replace react-router-hash-link and react-spinner-material with local code - drop xregexp, react-app-polyfill and the node polyfill and rewrite-all plugins - mount ../static-contents with sirv in the dev and preview servers, and split vendor-react from vendor-misc - keep sanitize.css: the theme was written on top of it, and swapping it for modern-normalize moves nearly every element - replace ESLint and Prettier with Biome and fix what it reports: stable list keys, button types, the shadowed escape/unescape helpers and the unused LinkImage component
66 lines
1.3 KiB
CSS
66 lines
1.3 KiB
CSS
.siteIndex {
|
|
min-width: 700px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: #9acae4;
|
|
}
|
|
.siteIndex header {
|
|
height: 25px;
|
|
background-color: #51bb9d;
|
|
border-bottom: 1px white solid;
|
|
}
|
|
.siteIndex .title {
|
|
position: relative;
|
|
margin: 50px auto 25px;
|
|
width: 476px;
|
|
height: 32px;
|
|
background-image: url(assets/images/index_title.png);
|
|
}
|
|
.siteIndex .title span {
|
|
display: none;
|
|
}
|
|
.siteIndex .notice {
|
|
text-align: center;
|
|
height: 50px;
|
|
}
|
|
.siteIndex .image {
|
|
float: left;
|
|
width: 50%;
|
|
height: 500px;
|
|
background: url(assets/images/index_image.png) no-repeat top right;
|
|
}
|
|
.siteIndex .links {
|
|
float: right;
|
|
width: 50%;
|
|
height: 500px;
|
|
}
|
|
.siteIndex .degu a {
|
|
background: url(assets/images/index_link_degu.png) no-repeat;
|
|
}
|
|
.siteIndex .jm a {
|
|
background: url(assets/images/index_link_jm.png) no-repeat;
|
|
}
|
|
.siteIndex .marmoset a {
|
|
background: url(assets/images/index_link_marmoset.png) no-repeat;
|
|
}
|
|
.siteIndex .links ul {
|
|
margin: 130px 20px;
|
|
list-style-type: none;
|
|
}
|
|
.siteIndex .links ul li {
|
|
line-height: 50px;
|
|
}
|
|
.siteIndex .links ul li a {
|
|
display: inline-block;
|
|
height: 22px;
|
|
width: 250px;
|
|
}
|
|
.siteIndex .links ul li span {
|
|
display: none;
|
|
}
|
|
.siteIndex footer {
|
|
color: yellow;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
}
|