Skip to content

Commit a87d1b9

Browse files
SpaceWalkerRSSpaceWalkerRS
authored
Rewrite and redesign the main page (#13)
* rewrite and redesign the main page * tweak layout and rework toolchain section * fix tile colors in dark mode * tweak tile border colors * add tab that redirects to the wiki * add info tiles for Calamus, Condor, Preen * open external links in new tab * tweak tile colors * replace Nester, Signature Changer, Exceptor - with Nests, Sparrow, Raven * add info tiles for Nester, Signature Changer, Exceptor * rewrite about us section * add maven link to header * the * 'we' sounds less impersonal * add 'not an official minecraft product' notice * reorder info files * fix typo * fix another typo
1 parent 56604e4 commit a87d1b9

3 files changed

Lines changed: 229 additions & 19 deletions

File tree

‎src/layouts/Layout.astro‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,13 @@ const { title } = Astro.props;
3838
•
3939
<a class="w-fit" href="/featherDiff">Feather diff</a>
4040
&bull;
41-
<a class="w-fit" href="https://discord.gg/JbRbRf62pn">Discord</a>
41+
<a class="w-fit" target="_blank" rel="noopener noreferrer" href="https://discord.gg/JbRbRf62pn">Discord</a>
4242
&bull;
43-
<a class="w-fit" href="https://github.com/OrnitheMC">Github</a>
43+
<a class="w-fit" target="_blank" rel="noopener noreferrer" href="https://github.com/OrnitheMC">Github</a>
44+
&bull;
45+
<a class="w-fit" target="_blank" rel="noopener noreferrer" href="https://wiki.ornithemc.net">Wiki</a>
46+
&bull;
47+
<a class="w-fit" target="_blank" rel="noopener noreferrer" href="https://maven.ornithemc.net">Maven</a>
4448
</div>
4549
<div
4650
id="themeSwitcher"

‎src/pages/index.astro‎

Lines changed: 133 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -7,21 +7,138 @@ import Button from "../components/Button.astro";
77

88
<Layout title="OrnitheMC">
99
<main class="flex flex-col gap-4">
10-
<h1>OrnitheMC</h1>
11-
<h2>About</h2>
12-
<span
13-
>We're a project that aims to provide modding facilities through the
14-
Fabric and Quilt toolchains to as many legacy Minecraft versions as
15-
reasonably possible, while also providing extra tools to further enhance
16-
the development experience for these versions. Currently we support
17-
versions from rd-132211 to 1.14.4, including "non-final" minor releases,
18-
snapshots, combat snapshots and April Fools versions released within this
19-
range, with the goal of also supporting every discovered version archived
20-
by Omniarchive within this range.</span
21-
>
22-
<h2>Downloads</h2>
23-
<div id="latest-version-native" style="display: none;"></div>
24-
<div id="platform-download" style="display: none;"></div>
25-
<a href="/download">View all downloads</a>
10+
<div id="subtitle">
11+
Ornithe provides tooling and infrastructure to facilitate modding ancient
12+
Minecraft versions.
13+
</div>
14+
<div id="downloads" class="main-section">
15+
<h1>Downloads</h1>
16+
<div id="latest-version-native" style="display: none;"></div>
17+
<div id="platform-download" style="display: none;"></div>
18+
<a href="/download">View all downloads</a>
19+
</div>
20+
<div id="about-us" class="main-section">
21+
<h1>About Us</h2>
22+
<p>
23+
The Ornithe Project enables the use of the <b>Fabric</b> and <b>Quilt</b> mod
24+
loaders on old Minecraft versions, from the earliest versions of the
25+
<b>pre-classic</b> era up to release <b>1.14.4</b>. We aim to support all
26+
possible versions within this range, even as once-lost versions are found and
27+
archived.
28+
</p>
29+
<p>
30+
Ornithe offers <b>high-quality mappings</b> and a <b>light-weight library of
31+
APIs</b>, ensuring a consistent modding experience across the range of
32+
supported Minecraft versions. We also offer more obscure <b>Java bytecode
33+
patches</b> to clean up even heavily obfuscated versions.
34+
</p>
35+
</div>
36+
<div id="libraries" class="main-section">
37+
<h1>Libraries</h1>
38+
<div class="row">
39+
<div class="column purple-tile">
40+
<h3>Ornithe Standard Libraries</h3>
41+
<span>
42+
A light-weight library of APIs that provides hooks and events for
43+
modding with Ornithe.
44+
</span>
45+
</div>
46+
<div class="column empty-tile">
47+
</div>
48+
<div class="column empty-tile">
49+
</div>
50+
</div>
51+
</div>
52+
<div id="toolchain" class="main-section">
53+
<h1>Toolchain</h1>
54+
<h2>Core Projects</h2>
55+
<div class="row">
56+
<div class="column magenta-tile">
57+
<h3>Feather</h3>
58+
<span>
59+
A set of mappings that provides a consistent modding experience across
60+
a wide range of Minecraft versions.
61+
</span>
62+
</div>
63+
<div class="column fuchsia-tile">
64+
<h3>Calamus</h3>
65+
<span>
66+
An intermediate mapping layer that enables cross-version mod compatibility.
67+
</span>
68+
</div>
69+
<div class="column red-tile">
70+
<h3>Ploceus</h3>
71+
<span>
72+
A Gradle plugin that configures Loom for Ornithe mod projects.
73+
</span>
74+
</div>
75+
</div>
76+
<h2>Other Projects</h2>
77+
<div class="row">
78+
<div class="column orange-tile">
79+
<h3>Nests</h3>
80+
<span>
81+
Patches for modifying inner class attributes in Java class files.
82+
</span>
83+
</div>
84+
<div class="column amber-tile">
85+
<h3>Sparrow</h3>
86+
<span>
87+
Patches for modifying generic type signatures in Java class files.
88+
</span>
89+
</div>
90+
<div class="column yellow-tile">
91+
<h3>Raven</h3>
92+
<span>
93+
Patches for throws clauses in method declarations in Java class files.
94+
</span>
95+
</div>
96+
</div>
97+
<div class="row">
98+
<div class="column lime-tile">
99+
<h3>Nester</h3>
100+
<span>
101+
A tool that patches inner class attributes in Java class files.
102+
</span>
103+
</div>
104+
<div class="column green-tile">
105+
<h3>Signature Changer</h3>
106+
<span>
107+
A tool that patches generic type signatures in Java class files.
108+
</span>
109+
</div>
110+
<div class="column cyan-tile">
111+
<h3>Exceptor</h3>
112+
<span>
113+
A tool that patches throws clauses in method declarations in Java class files.
114+
</span>
115+
</div>
116+
</div>
117+
<div class="row">
118+
<div class="column light-blue-tile">
119+
<h3>Condor</h3>
120+
<span>
121+
A local variable table generator for Java class files.
122+
</span>
123+
</div>
124+
<div class="column dark-blue-tile">
125+
<h3>Preen</h3>
126+
<span>
127+
Miscellaneous de-obfuscation patches for Java class files.
128+
</span>
129+
</div>
130+
<div class="column empty-tile">
131+
</div>
132+
</div>
133+
</div>
134+
<div>
135+
</div>
136+
<div>
137+
</div>
138+
<div>
139+
<small>
140+
NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG OR MICROSOFT.
141+
</small>
142+
</div>
26143
</main>
27144
</Layout>

‎src/styles/global.css‎

Lines changed: 90 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,17 @@
1919
--bg-input: #e5e5e5;
2020
--bg-button: #93c5fd;
2121
--text-ornithe: #000000;
22+
--tile-bg-lightness: 98%;
23+
--tile-bd-lightness: 70%;
2224
}
2325
:root[class~="dark"] {
2426
--bg-ornithe: #000000;
2527
--bg-o-transparent: #ffffff20;
2628
--bg-input: #171717;
2729
--bg-button: #172554;
2830
--text-ornithe: #ffffff;
31+
--tile-bg-lightness: 5%;
32+
--tile-bd-lightness: 85%;
2933
}
3034
}
3135

@@ -40,7 +44,7 @@ h2 {
4044
}
4145

4246
h3 {
43-
font-size: 1rem;
47+
font-size: 1.15rem;
4448
font-weight: bold;
4549
}
4650

@@ -77,6 +81,91 @@ div {
7781
scrollbar-color: var(--text-ornithe) var(--bg-o-transparent);
7882
}
7983

84+
.main-section {
85+
display: flex;
86+
flex-direction: column;
87+
row-gap: 12px;
88+
border-top: 1px solid #D0D0D0;
89+
padding-top: 15px;
90+
margin-top: 10px;
91+
}
92+
93+
.row {
94+
display: flex;
95+
flex-direction: row;
96+
}
97+
98+
.column {
99+
flex: 1 1 0px;
100+
margin: 4px 10px;
101+
padding: 20px;
102+
border: 2px solid;
103+
}
104+
105+
.empty-tile {
106+
border-style: none;
107+
}
108+
109+
.purple-tile {
110+
background-color: hsl(266, 100%, var(--tile-bg-lightness));
111+
border-color: hsl(266, 100%, var(--tile-bd-lightness))
112+
}
113+
114+
.magenta-tile {
115+
background-color: hsl(284, 100%, var(--tile-bg-lightness));
116+
border-color: hsl(284, 100%, var(--tile-bd-lightness))
117+
}
118+
119+
.fuchsia-tile {
120+
background-color: hsl(326, 100%, var(--tile-bg-lightness));
121+
border-color: hsl(326, 100%, var(--tile-bd-lightness))
122+
}
123+
124+
.red-tile {
125+
background-color: hsl(355, 100%, var(--tile-bg-lightness));
126+
border-color: hsl(355, 100%, var(--tile-bd-lightness))
127+
}
128+
129+
.orange-tile {
130+
background-color: hsl(28, 100%, var(--tile-bg-lightness));
131+
border-color: hsl(28, 100%, var(--tile-bd-lightness))
132+
}
133+
134+
.amber-tile {
135+
background-color: hsl(50, 100%, var(--tile-bg-lightness));
136+
border-color: hsl(50, 100%, var(--tile-bd-lightness))
137+
}
138+
139+
.yellow-tile {
140+
background-color: hsl(66, 100%, var(--tile-bg-lightness));
141+
border-color: hsl(66, 100%, var(--tile-bd-lightness))
142+
}
143+
144+
.lime-tile {
145+
background-color: hsl(82, 100%, var(--tile-bg-lightness));
146+
border-color: hsl(82, 100%, var(--tile-bd-lightness))
147+
}
148+
149+
.green-tile {
150+
background-color: hsl(136, 100%, var(--tile-bg-lightness));
151+
border-color: hsl(136, 100%, var(--tile-bd-lightness))
152+
}
153+
154+
.cyan-tile {
155+
background-color: hsl(160, 100%, var(--tile-bg-lightness));
156+
border-color: hsl(160, 100%, var(--tile-bd-lightness))
157+
}
158+
159+
.light-blue-tile {
160+
background-color: hsl(196, 100%, var(--tile-bg-lightness));
161+
border-color: hsl(196, 100%, var(--tile-bd-lightness))
162+
}
163+
164+
.dark-blue-tile {
165+
background-color: hsl(240, 100%, var(--tile-bg-lightness));
166+
border-color: hsl(240, 100%, var(--tile-bd-lightness))
167+
}
168+
80169
/*If someone could get a tailwind.css file working I'd be grateful. -worldwidepixel*/
81170

82171
@tailwind utilities;

0 commit comments

Comments
 (0)