From d93f0159576a6126456cc2fb589746e644df50b9 Mon Sep 17 00:00:00 2001 From: Spitfire_x86 <33195187+spitfirex86@users.noreply.github.com> Date: Thu, 8 Aug 2024 20:46:01 +0200 Subject: [PATCH] add initial content, styles --- .gitignore | 2 + index.html | 91 +++++++++++++++++++++++++++++++++++++++------ logo.png | Bin 0 -> 1059 bytes main.css | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 189 insertions(+), 11 deletions(-) create mode 100644 .gitignore create mode 100644 logo.png create mode 100644 main.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..783cd5b --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +*.swp + diff --git a/index.html b/index.html index 527d12f..fc38712 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,82 @@ - - - Raytools - - - - - -

Raytools

-
- + + + Raytools + + + + + + + + + + + + + +
+ + raytools +
+
+
+

welcome to raytools

+

+ This site aggregates various utilities and mods for Rayman 2 (and other CPA engine games).
+ TODO better description +

+
+
+

essentials

+
+
+

Ray2Fix

+

+ Collection of fixes and patches for Rayman 2.
+ Say goodbye to stutters, instability, and problems with graphics.
+ Includes patches for windowed mode, widescreen, and controller support.
+

+
+ download + readme + source code +
+
+
+

Twofold

+

+ DLL mod loader for Rayman 2.
+ Previously a part of Ray2Fix, the new loader improves stability, allows customizing the load order, and makes it easier to launch the game in unmodded state. +

+
+ download + source code +
+
+
+

OpenSpaceToolbox

+

+ Toolbox and level switcher for Rayman 2, Rayman 3 and Donald Duck: Goin' Quackers.
+ Change the current map, save and load player position as bookmarks, and more. +

+
+ download + source code +
+
+
+
+
+

spitfire's mods

+

TODO

+
+
+
+

© 2024 Spitfire_x86. Uses candy.css by Sage Fennel.

+
+
+
+ + diff --git a/logo.png b/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..2ad079dfdfccbf9110e77fe163c4f4af555955fc GIT binary patch literal 1059 zcmV+;1l;?HP)mc&S#De zEs(YD@Ou*k#dWMHoL)PA(ts0i&pcQvc-_D#fcvvxkT6_~jYVo8SaSDCKmr54>Kx2c z7!tVB+~%>NG@*)rCEG6oz`6trlfe9u8CJd@o*Kz>#pSIONPlSFf*56nxwMpUDtOqW zon1eY-?NVDa#>$m(&e$v7a0!)RB2Trf~_m#I9t4vyCs5>Q!*&oT0@aB8g;(yp^)Jk znTA=&UfW97YT|g!u!)0d&B2%63Ai(qOd&5aY-)(0#;n-)(QFP;)G8$*~)j)m@F#$nz zY6u6zb13qo!^!jJ$#HbEqKnp^{Op~8S^}s66(F&Sr3*Uwij4sTk+DhyiU4>9Qc;eulA3C zk#)j)H*N0CD0*fhT{~oB+XdF-k6;qFss>YTo|Eg{{^|>#007UE;z#>Wz*|q0l$rH< zYF0C?Pkf^jSiL`nrpCTxt47IS(G$|^T-2(*Yxlng+{*w|m;N;sNdBZEiHZ*2=ed1_ zvpC?1{9em0J~fY~W!v=A5tcTTj?Q_{AF_ZIICJh7pKBoi6@bSVhLEkLp6|29)KmQI zQF<9FADFm-Gh=PEcs~VR0^s`b@lHtXY_jthL4=Hq;SIMdqj`)nKm`EJ*{2oz1Gwa| zvR-5Ac>aN#62J%O>U9g(e^p+z;o4_a<7oPhJAo^p0;ghU(I6%PAnUB84vL$fz|sS9 z3dF9B%&1>~yCAXcNUtTs_jhj(BlHOZ%O_b3OYGSFqtx%;ZIuN6h)!QJ(Voo?RzkIB zJ>Z|l)xsYIj{u;01kie~nXmX4FfSadzlY}iF9eJTsddI!%!-5lZvx%`Q+wJzo*h&C dU_c2N;Wx-qCqK99P8$FK002ovPDHLkV1g5@_RatR literal 0 HcmV?d00001 diff --git a/main.css b/main.css new file mode 100644 index 0000000..7e0dde5 --- /dev/null +++ b/main.css @@ -0,0 +1,107 @@ +:root { + box-sizing: border-box; + padding: 0; + line-height: 1.5; + font-family: "Noto Sans", "Roboto", sans-serif; + font-optical-sizing: auto; + color-scheme: light; +} + +body { + margin: 0 auto; + display: grid; + grid-template-columns: minmax(0, 1fr); + grid-template-areas: "header" "main"; + grid-template-rows: max-content 1fr; +} + +@media (min-width: 900px) { + body { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + grid-template-areas: "header" "main"; + grid-template-rows: max-content 1fr; + } +} + +header { + grid-area: header; + padding: 1rem; + font-size: 1.25rem; + display: flex; + flex-flow: row wrap; + align-items: center; + gap: 1rem 2rem; + border-bottom: 1px solid var(--candy-color-border1); + box-shadow: + 0 1px 4px 0 var(--candy-color-shadow1), + 0 2px 8px 0 var(--candy-color-shadow1); + z-index: 1; +} + +main { + grid-area: main; + overflow-y: auto; +} + +.content, section { + box-sizing: border-box; + padding: 0 1rem; + max-width: 100ch; + margin: 0 auto; +} + +section > h2, .content > h2 { + padding-top: 1rem; + border-top: 1px solid var(--candy-color-border3); +} + +.candy-card h2 { + display: inline; +} + +a.candy-button { + text-decoration: none; + display: inline-block; + cursor: default; +} + +.footer { + margin-top: 3rem; + font-size: 0.8rem; + border-top: 1px solid var(--candy-color-border3); +} + +.card-deck { + display: flex; + flex-flow: row wrap; + gap: 1rem; +} + +.card-deck > .candy-card { + flex: calc(45ch - 2rem); +} + +.card-stack { + display: flex; + flex-flow: column; + gap: 1rem; +} + +.card-stack > .candy-card { + flex: auto; +} + +.button-row { + display: flex; + flex-flow: row wrap; + gap: 0.5rem; +} + +.button-row > .candy-button { + flex: none; +} +