diff --git a/.vitepress/layouts/BlankLayout.vue b/.vitepress/layouts/BlankLayout.vue new file mode 100644 index 0000000..818d8bb --- /dev/null +++ b/.vitepress/layouts/BlankLayout.vue @@ -0,0 +1,28 @@ + + + + + + + diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts index f0d2e49..22ccac4 100644 --- a/.vitepress/theme/index.ts +++ b/.vitepress/theme/index.ts @@ -1,5 +1,20 @@ import DefaultTheme from "vitepress/theme"; +import BlankLayout from '../layouts/BlankLayout.vue' import "@catppuccin/vitepress/theme/mocha/yellow.css"; import "./custom.css"; -export default DefaultTheme; +import { useData } from "vitepress"; +import { h } from "vue"; + +export default { + extends: DefaultTheme, + Layout: () => { + const { frontmatter } = useData(); + + if (frontmatter.value.layout === 'blank') { + return h(BlankLayout); + } + + return h(DefaultTheme.Layout); + } +}; diff --git a/index.md b/index.md index 6715ecc..9123b30 100644 --- a/index.md +++ b/index.md @@ -1,5 +1,5 @@ --- -layout: home +layout: blank hero: name: "Scratch Everywhere!" @@ -25,8 +25,10 @@ features: --- - -

+

+

Nightly builds

+
+
3DS Nightly Build NDS Nightly Build Wii U Nightly Build @@ -40,5 +42,10 @@ features: webOS Nightly Build Libretro Nightly Build Original Xbox Nightly Build +
+

+

Join our Discord server!

+
+
Discord -

+
diff --git a/static/assets/book.svg b/static/assets/book.svg new file mode 100644 index 0000000..302acf0 --- /dev/null +++ b/static/assets/book.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/static/assets/download.svg b/static/assets/download.svg new file mode 100644 index 0000000..90a34a3 --- /dev/null +++ b/static/assets/download.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/static/assets/github.svg b/static/assets/github.svg new file mode 100644 index 0000000..013e025 --- /dev/null +++ b/static/assets/github.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/static/assets/play.svg b/static/assets/play.svg new file mode 100644 index 0000000..98954e7 --- /dev/null +++ b/static/assets/play.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/static/assets/reddit.svg b/static/assets/reddit.svg new file mode 100644 index 0000000..777aead --- /dev/null +++ b/static/assets/reddit.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/static/assets/youtube.svg b/static/assets/youtube.svg new file mode 100644 index 0000000..3c9c0be --- /dev/null +++ b/static/assets/youtube.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/static/index.htm b/static/index.htm new file mode 100644 index 0000000..c17b387 --- /dev/null +++ b/static/index.htm @@ -0,0 +1,94 @@ + + + + + Scratch Everywhere! + + + + +
↓
+ + +
+
+ +

Custom Scratch Runtime made in C++!

+
+
+ + + +
+
+ +
+
+
+

Cross-Platform

+ Scratch Everywhere! is designed to be a cross-platform Scratch runtime for old homebrew consoles. +
+
+

Fast

+ Thanks to the programming language Scratch Everywhere! is written in (C++), it's extremely fast compared to normal Scratch. +
+
+

Easy to Use

+ Scratch Everywhere! is extremely easy to use. Just download it from the app store, add your projects, and start playing! +
+
+ +
+

Nightly builds

+
+
+ 3DS Nightly Build + NDS Nightly Build + Wii U Nightly Build + Wii Nightly Build + GameCube Nightly Build + Switch Nightly Build + Vita Nightly Build + PSP Nightly Build + PS4 Nightly Build + PC Nightly Build +
+
+

Find us on...

+
+
+ + +

GitHub

+ ScratchEverywhere + + +

Reddit

+ r/ScratchEverywhere + + +

YouTube

+ NateXS + +
+
+ This project is not affiliated with Scratch, the Scratch Team, or any of the supported platforms' parent companies or organizations. +
+ + diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..f4c7435 --- /dev/null +++ b/static/style.css @@ -0,0 +1,178 @@ +* { + box-sizing: border-box; +} + +html, body { + margin: 0 auto; + text-align: center; + height: 100vh; + color: #eff1f5; + background: #4c4f69; + font-family: "Noto Sans", "Arial", sans-serif; +} + +#hero { + background: #eff1f5; + color: #4c4f69; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + flex-direction: column; +} + +#hero .upper { + animation: float 2.5s ease-in-out infinite; + margin-bottom: 5em; +} + +#hero .lower button { + border: 10px solid rgba(255, 255, 255, 0.25); + background: #df8e1d; + color: white; + font-weight: 600; + padding: 10px 16px; + font-size: 1.25em; + margin: 0.5em; + border-radius: 1em; + font-family: "Noto Sans", "Arial", sans-serif; + transition: outline 0.25s cubic-bezier(0.25, 3, 0.5, 1), + transform 0.2s cubic-bezier(0.25, 3, 0.5, 1); + outline: 0px solid black; + cursor: pointer; +} + +#hero .lower button .icon { + display: block; + width: 100%; + height: 128px; + padding: 1em; +} + +#hero .lower button:hover { + outline: 6px solid #4c4f69; + /*animation: expand 0.6s ease-in-out infinite;*/ +} + +#hero .lower button:active { + outline: 10px solid #4c4f69; + transform: scale(0.875); +} + +#content { + margin: 0 auto; + text-align: left; + padding: 2em; + max-width: 1200px; +} + +#scrollArrow { + position: fixed; + bottom: 32px; + left: 50%; + transform: translateX(-50%); + font-size: 4rem; + cursor: pointer; + opacity: 0.25; + transition: opacity 0.2s, transform 0.2s; + color: black; +} + +#scrollArrow:hover { + opacity: 1; + transform: translateX(-50%) scale(1.2); +} + +.hidden { + display: none; +} + +hr { + color: inherit; + margin-bottom: 1.5em; +} + +.logo { + height: 35vw; + max-height: 256px; + width: auto; + filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.3)); + user-select: none; +} + +.splash { + animation: expand 0.6s ease-in-out infinite; +} + +.cards { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 2em; + padding: 2em; +} + +.cards div, .cards a { + flex: 1 1 300px; +} + +.card { + border-radius: 1em; + background: rgba(0, 0, 0, 0.25); + padding: 2em; +} + +a.card { + color: white; + text-decoration: none; + transition: background 0.2s ease; + overflow: hidden; +} + +a.card:hover { + color: white; + text-decoration: none; + background: var(--card-accent); +} + +a.card:hover .icon { + transform: scale(4) translateX(-8px); +} + +.card h2 { + margin-top: 0; + margin-bottom: 0; +} + +.icon { + display: inline; + filter: brightness(0) invert(1); + height: 1.25rem; + width: auto; + transition: transform 0.2s ease; +} + +@keyframes float { + 0% { + transform: translateY(0px); + } + 50% { + transform: translateY(-40px); + } + 100% { + transform: translateY(0px); + } +} + +@keyframes expand { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.15); + } + 100% { + transform: scale(1); + } +}