Spaces:
Runtime error
Runtime error
File size: 12,435 Bytes
8f7555c 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 6bcb42f 25673e7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 |
import 'core-js';
import 'regenerator-runtime/runtime';
import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import appTarget from '../app-target';
import styles from './credits.css';
import { getInitialDarkMode } from '../../lib/tw-theme-hoc.jsx';
// import fosshostLogo from './fosshost-light.png';
import UserData from './users';
/* eslint-disable react/jsx-no-literals */
document.documentElement.lang = 'en';
const User = ({ image, text, href }) => (
<a
href={href}
target="_blank"
rel="noreferrer"
className={styles.user}
>
<img
className={styles.userImage}
src={image}
width="60"
height="60"
/>
<div className={styles.userInfo}>
{text}
</div>
</a>
);
User.propTypes = {
image: PropTypes.string.isRequired,
text: PropTypes.string.isRequired,
href: PropTypes.string
};
const UserList = ({ users }) => (
<div className={styles.users}>
{users.map((data, index) => (
<User
key={index}
{...data}
/>
))}
</div>
);
UserList.propTypes = {
users: PropTypes.arrayOf(PropTypes.object)
};
const Credits = () => (
<main className={styles.main}>
<header className={styles.headerContainer}>
<h1 className={styles.headerText}>
PenguinMod Credits
</h1>
</header>
<section>
<h1>PenguinMod</h1>
</section>
<section>
<h2>Thank you</h2>
<p>
Without TurboWarp, PenguinMod may have never existed.
Thank you to everyone who worked on Scratch and TurboWarp,
you have made many people finally be able to make whatever they can imagine.
</p>
<a href="https://scratch.mit.edu/donate">
Donate to support Scratch.
</a>
<br></br><br></br>
<a href="https://github.com/sponsors/GarboMuffin">
Donate to support TurboWarp.
</a>
<h2>Contributors</h2>
<p>
PenguinMod is made by a small bunch of developers.
A list is below, but you can also check <a href="https://github.com/orgs/PenguinMod/people">our GitHub</a> incase this one is out of date.
</p>
<UserList users={UserData.pmDevelopers} />
<p><i>The list order is randomized on each refresh.</i></p>
<p>There are even community members who have helped develop PenguinMod. People like <i>you!</i></p>
<UserList users={UserData.pmPullRequestDevelopers} />
<p><i>The list order is randomized on each refresh.</i></p>
<p>
We've also included work from other open-source projects inside of PenguinMod.
Here's a list of some other projects you should check out:
</p>
<UserList users={UserData.pmCodeUsedFrom} />
<p><i>The list order is randomized on each refresh.</i></p>
<ul>
<li>Code for "Center" option in Costume editor is from <a href="https://github.com/Nitro-Bolt/scratch-paint/blob/develop/src/containers/mode-tools.jsx#L203-L216">Cubester@Nitro-Bolt</a></li>
</ul>
</section>
<section>
<h2>GitHub Pages</h2>
<p>We currently use <a href="https://pages.github.com/">GitHub Pages</a> to host PenguinMod.</p>
<a href="https://pages.github.com/">
<img
src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/collections/github-pages-examples/github-pages-examples.png"
width="160"
height="160"
/>
</a>
<h2>Domain Provider</h2>
<p>
<a href="https://penguinmod.com">penguinmod.com</a> (and any subdomains) are currently
provided by <a href="https://github.com/enderhacker">enderhacker</a>.
<br></br>
<a href="https://github.com/enderhacker">
<img src="https://avatars.githubusercontent.com/u/61245488?v=4" style={{ width: "128px" }}></img>
</a>
</p>
<h2>Server Host</h2>
<p>
PenguinMod's Project Sharing server is currently hosted by <a href="https://github.com/ianyourgod">ianyourgod</a>.
<br></br>
<a href="https://github.com/ianyourgod">
<img src="https://avatars.githubusercontent.com/u/104151459?v=4" style={{ width: "128px" }}></img>
</a>
</p>
<p>
The PenguinMod Server API is maintained by many people.
A list is below, but you can also check <a href="https://github.com/PenguinMod/PenguinMod-IntermediateBackendApi/graphs/contributors">the GitHub repository</a> incase this one is out of date.
</p>
<UserList users={UserData.pmApiDevelopers} />
<p><i>The list order is randomized on each refresh.</i></p>
<h2>Costumes</h2>
<p>
All PenguinMod costumes are downloaded or created from:
<ul>
<li><a href="https://publicdomainvectors.org/">https://publicdomainvectors.org/</a></li>
<li><a href="https://discord.gg/NZ9MBMYTZh">User-submissions from the PenguinMod Discord Server</a></li>
<li>The PenguinMod Developers</li>
</ul>
All costumes exclusive to PenguinMod are included under Public Domain licenses or licenses such as MIT and CC0.
</p>
<p>This is the current list of user-submitted costume creators:</p>
<UserList users={UserData.pmCostumeSubmittors} />
<p><i>The list order is randomized on each refresh.</i></p>
<h2>Sound Effects</h2>
<p>
All PenguinMod sounds are downloaded or created from:
<ul>
<li><a href="https://freesound.org/">https://freesound.org/</a></li>
<li><a href="https://archive.org/">https://archive.org/</a></li>
<li><a href="https://discord.gg/NZ9MBMYTZh">User-submissions from the PenguinMod Discord Server</a></li>
<li>The PenguinMod Developers</li>
</ul>
All sounds exclusive to PenguinMod are included under Public Domain licenses or licenses such as MIT and CC0.
</p>
<p>This is the current list of user-submitted sound creators:</p>
<UserList users={UserData.pmSoundSubmittors} />
<p><i>The list order is randomized on each refresh.</i></p>
<h2>Accounts</h2>
<p>
Scratch login on PenguinMod is managed with <a href="https://oauth2.scratch-wiki.info/">ScratchOAuth2</a>,
see their <a href="https://github.com/ScratchVerifier/ScratchOAuth2">GitHub repository</a>.
<br />
<br />
<i>
"ScratchOAuth2" is not actually affiliated with Scratch,
the Scratch Team, or the Scratch Foundation.
</i>
</p>
</section>
<section>
<h1>PenguinMod & TurboWarp</h1>
</section>
<section>
<h2>Extensions</h2>
<p><i>
If you are an extension developer who wants their extension removed from PenguinMod's extensions list,
contact us as soon as you can. We'll get it removed as soon as we are able to.
</i></p>
<p>
We use some MIT licensed extensions from TurboWarp as they are really useful!
Check out the full list of TurboWarp extensions <a href="https://extensions.turbowarp.org/">here</a>,
and see individual contributors below:
</p>
<UserList users={UserData.extensionDevelopers} />
<p><i>The list order is randomized on each refresh.</i></p>
<p>
PenguinMod also has a few people who made and submitted extensions too!
This list may get outdated sometimes, but here they are listed below:
</p>
<UserList users={UserData.pmExtensionDevelopers} />
<p><i>The list order is randomized on each refresh.</i></p>
<p>
The Scratch Auth extension has a login system managed with <a href="https://auth.itinerary.eu.org/">Scratch Auth</a>,
created by <a href="https://scratch.mit.edu/users/Looky1173/">Looky1173</a>.
(thanks for adding us to the user list!)
<br />
<br />
<i>
"Scratch Auth" is not actually affiliated with Scratch,
the Scratch Team, or the Scratch Foundation.
</i>
</p>
</section>
<section>
<h2>Addons</h2>
<p>
Here are the developers that made the addons from <a href="https://scratchaddons.com/">Scratch Addons</a> available.
</p>
<UserList users={UserData.addonDevelopers} />
<p><i>The list order is randomized on each refresh.</i></p>
<p>PenguinMod-exclusive addons are created by the contributors listed in the Contributors section.</p>
</section>
<section>
<h1>TurboWarp</h1>
</section>
<section>
<p>
The TurboWarp project is made possible by the work of many volunteers.
<br></br>
You can check out TurboWarp's individual credits <a href="https://turbowarp.org/credits.html">here</a>.
<br></br>
<a href="https://github.com/sponsors/GarboMuffin">
Donate to support TurboWarp.
</a>
</p>
</section>
{/* RIP Fosshost */}
{/* <section>
<h2>Fosshost</h2>
<p>
The TurboWarp project is proudly hosted by <a href="https://fosshost.org/">Fosshost</a> who provide free computing resources to the open source community.
</p>
<p>
<a href="https://fosshost.org/donate">
Donate to support Fosshost.
</a>
</p>
<a href="https://fosshost.org/">
<img
src={fosshostLogo}
width="250"
height="125"
/>
</a>
</section> */}
<section>
<h2>Scratch</h2>
<p>
TurboWarp is based on the work of the <a href="https://scratch.mit.edu/credits">Scratch contributors</a> but is not endorsed by Scratch in any way.
</p>
<p>
<a href="https://scratch.mit.edu/donate">
Donate to support Scratch.
</a>
</p>
</section>
<section>
<h2>Translators</h2>
<p>
More than 100 people have helped translate TurboWarp and its addons into many languages —
far more than we could hope to list here.
</p>
<p>
PenguinMod is also (very very slowly) getting translated into other languages, in the future
hopefully the same number of languages can be supported. It'll take a while until we get there though.
</p>
<p>Here is the current list of PenguinMod Translators:</p>
<UserList users={UserData.pmTranslators} />
<p><i>The list order is randomized on each refresh.</i></p>
</section>
<section>
<p>
<i>
Individual contributors are listed in no particular order.
The order is randomized each visit.
</i>
</p>
</section>
</main>
);
document.body.setAttribute('theme', getInitialDarkMode() ? 'dark' : 'light');
ReactDOM.render((
<Credits />
), appTarget); |